125浏览

0评论

React+高德地图实时获取经纬度,定位地址

目录1. 初始化地图
2. 地图扎点3. 开启定位
4. 监听地图变化
5. 获取详细地址
6. 扎点动画😄7. 结束
1.根据高德官方的教程进行前期的配置 高德地图JSAPI 1.4.15文档...

• 2021-08-10

111浏览

0评论

Echarts图例组件的属性与源代码

图例（legend）组件是ECharts中较为常用的组件，它用于以不同的颜色区别系列标记的名字，表述了数据与图形的关联。用户在操作时，可以通过单击图例控制哪些数据系列显示或不显示。在E...

• 2021-08-10

103浏览

0评论

vue实战中的一些实用小魔法汇总

能让你首次加载更快的路由懒加载，怎么能忘？路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。举个🌰，如果这样写，加载的时候会...

• 2021-08-10

151浏览

0评论

JS实现移动端上下滑动一次一屏

本文实例为大家分享了JS实现移动端上下滑动一次一屏的具体代码，供大家参考，具体内容如下功能如下: 头部： 附近、关注、推荐选项卡的切换 左右滑动功能、头部选项卡跟随动...

• 2021-08-10

122浏览

0评论

微信小程序实现电子签名

本文实例为大家分享了微信小程序实现电子签名的具体代码，供大家参考，具体内容如下<view class="sign-contain"> <view class="signName"> <canvas id="canvas" canvas-id="ca...

• 2021-08-10

115浏览

0评论

jquery+Ajax实现简单分页条效果

本文实例为大家分享了jquery+Ajax实现分页条效果的具体代码，供大家参考，具体内容如下一、如果是jsp页面的话，可以用EL表达式和JSTL标签制作一个分页条，没有什么难度。用EL表达式...

• 2021-08-10

91浏览

0评论

jQuery实现表单验证

使用jQuery实现表单验证，供大家参考，具体内容如下register.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册</title> <!--导入jQuer...

• 2021-08-10

136浏览

0评论

详解JavaScript状态容器Redux

目录一、Why Redux二、Redux Data flow三、Three Principles（三大原则）四、Redux源码解析4.1、index.js4.2、createStore.js4.3、combineReducers.js4.4、bindActionCreators....

• 2021-08-10

96浏览

0评论

vue使用webSocket更新实时天气的方法

目录前言关于 webSocket 的操作及示例：webSocket1.关于 webSocket
2.与 AJAX 轮的区别
3.webSocket 事件
4. 一个简单的示例
天气更新图片素材重连机制前言在 vue 中使用 web...

• 2021-08-10

118浏览

0评论

微信小程序获取手机号的踩坑记录

前言最近在开发小程序遇到这样一个问题， 在用户点击授权后去解密手机号时会出现第一次失败，第二次成功的情况。研究了一段时间，终于找到比较合理的解决方案，在此记录并总结一下，...

• 2021-08-10

86浏览

0评论

JavaScript 阻止超链接跳转的操作方法(多种写法)

通过JavaScript，我们可以阻止超链接的跳转。方法如下：（1）操作超链接的 href 属性写法一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv...

• 2021-08-10

84浏览

0评论

vue2/vue3路由权限管理的方法实例

1. Vue 路由权限控制一般有2种方法a、路由元信息(meta)
b、动态加载菜单和路由(addRoutes)2 路由元信息（meta）来进行路由权限控制2.1 在vue2种的实现如果一个网站有不同的角色...

• 2021-08-10

119浏览

0评论

如何利用原生JS实现触摸滑动监听事件

前言
今天写一个小Demo，有个地方涉及到了左滑右滑的逻辑，本来想着用插件来着，但是想到自己好久没用原生JS写滑动的监听了，所以试着用原生JS来实现了一下，毕竟温故而知新嘛，同时做...

• 2021-08-10

87浏览

0评论

js 数组 find,some,filter,reduce区别详解

区分清楚Array中filter、find、some、reduce这几个方法的区别，根据它们的使用场景更好的应用在日常编码中。
Array.find
Array.find 返回一个对象（第一个满足条件的对象）后停止...

• 2021-08-10

113浏览

0评论

ECharts多图表联动功能的实现过程

当需要展示的数据比较多时，放在一个图表进行展示的效果并不佳，此时，可以考虑使用两个图表进行联动展示。ECharts提供了多图表联动（connect）的功能，连接的多个图表可以共享组件事件...

• 2021-08-10

86浏览

0评论

JavaScript实现随机生成验证码及校验

本文实例为大家分享了JavaScript实现随机生成验证码及校验的具体代码，供大家参考，具体内容如下输入验证码（区分大小写）点击确认，进行校验。出错就弹框提示点击 看不清 重新随机生...

• 2021-08-10

87浏览

0评论

Vue2中无法检测到数组变动的原因及解决

目录解决方法为什么Vue2.0中监听不到两种数组的变化？
源码分析
Vue3.0
由于JavaScript 的限制，Vue 不能检测以下数组的变动： 当利用索引直接设置一个数组项时，例如：vm.items[i...

• 2021-08-10

94浏览

0评论

ECharts鼠标事件的处理方法详解

事件是用户或浏览器自身执行的某种动作，如click、mouseover、页面加载完毕后触发load事件，都属于事件。
为了记录用户的操作和行为路径，需要完成鼠标事件处理和组件交互的行为...

• 2021-08-10

258浏览

0评论

详解JavaScript引擎V8执行流程

目录一、V8来源二、V8的服务对象三、V8的早期架构四、V8早期架构的缺陷五、V8的现有架构六、V8的词法分析和语法分析七、V8 AST抽象语法树八、字节码九、Turbofan一、V8来源...

• 2021-08-10

96浏览

0评论

Vue实现动态样式的多种方法汇总

目录1. 三元运算符判断2. 动态设置class
3. 方法判断
4. 数组绑定5. computed结合es6对象的计算属性名方法1. 三元运算符判断<text :style="{color:state&#63;'#ff9933':'#f...

• 2021-08-10

85浏览

0评论

javascript实现简单滚动窗口

本文实例为大家分享了javascript实现滚动窗口的具体代码，供大家参考，具体内容如下一.实现的效果图二.涉及到的知识点window.open();方法用于打开一个新的浏览器窗口或查找一个...

• 2021-08-10

79浏览

0评论

axios取消请求与避免重复请求

目录起源
现状
取消请求 cancelToken
修改后的请求方法
避免重复请求
总结起源
某个页面需要下载全部数据的功能，下载数据量大，接口延迟长.....某个页面加载初始数据量延长长，...

• 2021-08-10

97浏览

0评论

react入门级详细笔记

目录一、React的基本认识 1、介绍2、 React的特点3、React高效的原因二、React的基本使用1、相关js库2、在页面中导入js库3、编码三、React JSX1、虚拟DOM2、JSX3、渲染虚拟...

• 2021-08-10

82浏览

0评论

Vue + iView实现Excel上传功能的完整代码

1、HTML部分<Col span="2">上传文件：</Col><Col span="22" class="uploadExcelBox"> <Upload ref="uploadExcel" :loading="uploadLoading" :action="uploadFileUrl" acce...

• 2021-08-10

88浏览

0评论

Vue vee-validate插件的简单使用

目录1.安装2.导入3.定义校验规则(最好是在utils文件夹中单独封装js文件导出)4.使用Form组件配置校验规则和错误对象 (form 和 Field都是从插件中按需导出)5.使用 Field 组件...

• 2021-08-10

82浏览

0评论

vue3使用vue-router的完整步骤记录

前言对于大多数单页应用程序而言，管理路由是一项必不可少的功能。随着新版本的Vue Router处于Alpha阶段，我们已经可以开始查看下一个版本的Vue中它是如何工作的。Vue3中的许多...

• 2021-08-10

104浏览

0评论

vue 单元测试的推荐插件和使用示例

目录框架
一流的错误报告
活跃的社区和团队
Jest
Mocha
推荐插件
Vue Testing Library (@testing-library/vue)
Vue Test Utils
示例单元测试应该： 可以快速运行 易于...

• 2021-08-10

104浏览

0评论

浅谈JavaScript 中的延迟加载属性模式

目录一、前言二、按需属性模式三、凌乱的延迟加载属性模式四、类的唯一自己的延迟加载属性模式五、对象字面量的延迟加载属性模式六、结论一、前言传统上，开发人员在 JavaScr...

• 2021-08-10

81浏览

0评论

React-vscode使用jsx语法的问题及解决方法

问题描述安装了插件ES7 React/Redux/GraphQL/React-Native snippets还是不能完全支持所以我参考了博客,得出了我的解法解决方法打开设置 搜索includeLanguages搜索的结果如...

• 2021-08-10

101浏览

0评论

React实现动效弹窗组件

我们在写一些 UI 组件时，若不考虑动效，就很容易实现，主要就是有无的切换（类似于 Vue 中的 v-if 属性）或者可见性的切换（类似于 Vue 中的 v-show 属性）。1. 没有动效的弹窗在 React...

• 2021-08-10

82浏览

0评论

JavaScript实现简单计时器

本文实例为大家分享了JavaScript实现简单计时器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计时器</ti...

• 2021-08-10

92浏览

0评论

Vue3实现Message消息组件示例

目录组件设计
定义最终的组件 API
定义组件结构
模板和样式
模板 Template
消息图标
样式
组件脚本
创建组件实例
1、创建包裹容器，并设置外层的 Class 属性
2、创建实例并挂...

• 2021-08-10

76浏览

0评论

JavaScript实现鼠标控制自由移动的窗口

本文实例为大家分享了JavaScript实现鼠标控制自由窗口的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...

• 2021-08-10

207浏览

0评论

JSON.stringify的多种用法总结

前言用过 json 的应该都知道，把一个对象通过 stringify 之后提交给后台是很常用的手段。但是 IE6-7 下没有 JSON 对象，所以要借助json2.js 来实现。1.经典用法
var data = [...

• 2021-08-10

67浏览

0评论

Vue实现答题功能

1、请求答题接口2、判断用户是否答对，答对的话跳到下一题，答错的话弹窗告诉用户有错题，请重新答题<div class="active_title"> <span>{{ orderTitle }}</span></div><p v-...

• 2021-08-10

82浏览

0评论

详解Ref在React中的交叉用法

目录一、首先说明下什么是Ref
二、ref在hooks中的用法
1、ref在hooks中HTMLDom的用法
2、ref在hooks中与函数式组件的用法
3、ref在hooks中与类组件一同使用
4、ref在hooks...

• 2021-08-10

93浏览

0评论

vue中对虚拟dom的理解知识点总结

本质是一个普通的js对象，用于描述视图界面结构的，在mouted的回调中，可以输出_vnode， 通过图可以知道，_vnode中有以下几个主要的属性： tag：组件的标签名， data: 组件的属性，...

• 2021-08-10

89浏览

0评论

php类中static与self的使用区别浅析

使用 self:: 或者 __CLASS__ 对当前类的静态引用，取决于定义当前方法所在的类：使用 static:: 不再被解析为定义当前方法所在的类，而是在实际运行时计算的。也可以称之为“静态...

• 2021-08-10

74浏览

0评论

vue自定义表格列的实现过程记录

目录前言效果图
setTable组件
使用
结束语
前言在我们开发PC端的项目使用表单时，尤其是crm系统，应该经常会遇到这样的需求， 用户需要根据设置来自定义显示列。 查了element的官...

• 2021-08-10

74浏览

0评论

vue3+el-table实现行列转换

目录行列转换
分析成绩单的组成
用 vue3 + el-table 做的成绩单
前端模拟数据
使用 el-table 生成成绩单
确定表头
确定数据
计算学生的总分和平均分
计算排名
计算各个学科...

• 2021-08-10

91浏览

0评论

nodejs管理工具nvm安装过程详解

nvmnvm负责管理多个版本的nodejs安装:https://github.com/coreybutler/nvm-windows/releases
下载nvm-setup.zip,nvm-noinstall.zip点击nvm-setup.exe安装，一路下一步,这里安...

• 2021-08-10

90浏览

0评论

基于JavaScript实现简易计算器

本文实例为大家分享了JavaScript实现简易计算器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算器</ti...

• 2021-08-10

89浏览

0评论

基于JavaScript实现省市联动效果

本文实例为大家分享了JavaScript实现省市联动效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市...

• 2021-08-10

80浏览

0评论

JavaScript实现登录窗体

本文实例为大家分享了JavaScript实现登录窗体的具体代码，供大家参考，具体内容如下思路：就是把登陆窗放在界面之外，然后通过script内的函数改变到界面之内！<!DOCTYPE html><html l...

• 2021-08-10

100浏览

0评论

JavaScript对象内置对象,值类型和引用类型讲解

目录对象对象的定义遍历对象的成员JS内置对象Math对象Date对象数组对象String对象值类型和引用类型对象JS中的对象是属性和行为的结合体，其中属性是对象的静态特征，行为又称方...

• 2021-08-10

74浏览

0评论

JavaScript实现动态表格效果

本文实例为大家分享了JavaScript实现动态表格效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态...

• 2021-08-10

100浏览

0评论

Angular管道PIPE的介绍与使用方法

前言PIPE，翻译为管道。Angular 管道是编写可以在HTML组件中声明的显示值转换的方法。Angular 管道之前在 AngularJS 中被称为过滤器，从 Angular 2开始就被称为管道。管道将数...

• 2021-08-10

101浏览

0评论

js实现中文转拼音的完整步骤记录

使用js搞了一个中文转拼音的包，仓库地址可见：pinyin-pro特色功能 支持汉字、词语、句子多种格式输入获取 获取拼音 获取声母 获取韵母 获取拼音首字母 获取...

• 2021-08-10

121浏览

0评论

React引入antd-mobile+postcss搭建移动端

安装antd-mobile全局引入npm install antd-mobile --save在App.js引入cssimport 'antd-mobile/dist/antd-mobile.css';在jsx使用antd组件import React from 'react';import...

• 2021-08-10

106浏览

0评论

React Hooks使用常见的坑

React Hooks 是 React 16.8 引入的新特性，允许我们在不使用 Class 的前提下使用 state 和其他特性。React Hooks 要解决的问题是状态共享，是继 render-props 和 higher-order...

• 2021-08-10