Dec032021
高德地图获取当前地理详细位置信息
调用高德地图api获取当前地理位置的详细信息。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>浏览器精确定位</title>
<body>
<p id="res...阅读全文
抢沙发
Nov282021
HTML中的Invalid tag使用错误的解决方法
在HTML中，标签是用来定义和描述文档结构和内容的元素。然而，有时候我们可能会在HTML代码中使用无效的标签，这可能会导致页面出现意料之外的错误或者效果不正确。在本文中，我们将讨论关于处理无效标签的一些常见问题和解决方法。
1. 什么是无效标签？
无效标签是指在HTML规范中不存在或者已经被废弃的标签。这些标签在一些老旧的HTML文档中可能会存在，或者被一些不支持最新HTML规范的...阅读全文
Nov252021
如何使用CSS Transitions实现平滑的动画效果
在现代网页设计中，动画效果是吸引用户注意力的重要元素之一。而 CSS Transitions 是一种强大的工具，可以用来实现平滑的动画效果，而不需要使用 JavaScript 或其他复杂的交互操作。本文将介绍如何使用 CSS Transitions 来实现动画效果。
什么是 CSS Transitions？
CSS Transitions 是一种 CSS 属性，用于控制元素属性值的变化过程。当元素的属性值发生变化时，CSS Transitions 可以产生...阅读全文
Nov132021
使用Canvas绘制粒子效果和精美的动画
在现代 web 开发中，动画效果是非常常见且重要的一个方面。通过使用 Canvas 元素，我们可以实现各种精美的动画效果，其中之一就是粒子效果。
Canvas 是 HTML5 中新增的一个元素，通过 JavaScript 脚本绘制图形，包括各种形状和动画效果。使用 Canvas 绘制粒子效果，可以创建各种炫酷的视觉效果，例如星空、烟花、雨滴等。
创建一个基本的 Canvas
首先，我们需要在 HTML 中创建一个 <ca...阅读全文
Nov122021
漂亮的动态气泡背景效果bubbly-bg.js
bubbly-bg.js是一款漂亮的动态气泡背景js插件。它是基于HTML5 canvas，压缩后的版本小于1kb，但是它能制作出各种漂亮的动态气泡背景效果，非常强大。
使用
可以通过npm来安装bubbly-bg.js动态气泡背景插件。
npm install bubbly-bg --save
可以在页面中引入bubbly-bg.js文件。
<script type="text/javascript" src="path/to/js/bubbly-bg.js"></script>
HTML结构
如果你不指...阅读全文
Nov032021
使用React Native实现底部导航栏
React Native 是一个跨平台的移动应用开发框架，它可以让开发者使用 JavaScript 和 React 的语法来构建原生移动应用。在这篇博客中，我们将介绍如何使用 React Native 来实现一个简单的底部导航栏。
步骤一：创建导航栏组件
首先，我们从创建导航栏组件开始。在一个新建的 React Native 项目中，我们创建一个名为 BottomNavigationBar.js 的文件，并写下以下代码：
import React from 're...阅读全文
作者：绝缘体.. | 分类：android, ios, javascript, react, reactnative, 前端技术, 移动开发, 编程语言 | 阅读： | 标签：android, ios, javascript, react, reactnative
Oct262021
使用Vue.js和Vue Router实现前端路由
在现代web应用开发中，前端路由是必不可少的一部分。Vue.js是一款流行的JavaScript框架，它提供了Vue Router库来帮助我们实现前端路由。本文将介绍如何使用Vue.js和Vue Router实现前端路由，并探讨一些实用的技巧。
什么是前端路由？
前端路由是指在单页应用（SPA）中通过改变URL来实现不同页面之间的切换，而无需刷新整个页面。相比传统的多页应用，前端路由提供了更好的用户体验和更高...阅读全文
Oct182021
如何用JavaScript实现一个拖拽效果
简介
在前端设计中，拖拽效果是一个常见的交互设计，它可以增强用户体验并提高应用程序的易用性。本文将介绍如何使用JavaScript实现一个简单的拖拽效果，并提供相关代码示例。希望能为大家提供一些有用的技巧和指导。
实现步骤
以下是实现拖拽效果的步骤：
1. 获取需要拖拽的元素
在HTML中，首先需要获取需要进行拖拽的元素。可以通过标签的id或类名来选择元素。
<div id="dragElement...阅读全文
Oct072021
html5 js canvas实现机械表效果
html5 js canvas实现机械表效果。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html5 js canvas实现机械表效果</title>
</head>
<body>
<canvas id="dom" width="150" height="150">您的浏览器不兼容canvas</canvas>
<script type="text/javascript">
var canvas = documen...阅读全文
Oct072021
使用JavaScript实现页面滚动动画效果
在网页设计中，页面滚动动画效果常用来增强用户体验，并使页面看起来更加平滑和吸引人。本篇博客将介绍如何使用JavaScript实现页面滚动动画效果。
准备工作
首先，在HTML文件中，我们需要为页面中的各个部分设置相应的ID，以便通过JavaScript进行操作。例如，我们可以给首页部分设置一个id为home，给关于我们部分设置一个id为about。
编写JavaScript代码
接下来，我们需要编写JavaScript...阅读全文