Vue2中无法检测到数组变动的原因及解决
目录解决方法为什么Vue2.0中监听不到两种数组的变化？
源码分析
Vue3.0
由于JavaScript 的限制，Vue 不能检测以下数组的变动： 当利用索引直接设置一个数组项时，例如：vm.items[i...
2021-08-10
ECharts鼠标事件的处理方法详解
事件是用户或浏览器自身执行的某种动作，如click、mouseover、页面加载完毕后触发load事件，都属于事件。
为了记录用户的操作和行为路径，需要完成鼠标事件处理和组件交互的行为...
2021-08-10
详解JavaScript引擎V8执行流程
目录一、V8来源二、V8的服务对象三、V8的早期架构四、V8早期架构的缺陷五、V8的现有架构六、V8的词法分析和语法分析七、V8 AST抽象语法树八、字节码九、Turbofan一、V8来源...
2021-08-10
Vue实现动态样式的多种方法汇总
目录1. 三元运算符判断2. 动态设置class
3. 方法判断
4. 数组绑定5. computed结合es6对象的计算属性名方法1. 三元运算符判断<text :style="{color:state?'#ff9933':'#f...
2021-08-10
javascript实现简单滚动窗口
本文实例为大家分享了javascript实现滚动窗口的具体代码，供大家参考，具体内容如下一.实现的效果图二.涉及到的知识点window.open();方法用于打开一个新的浏览器窗口或查找一个...
2021-08-10
axios取消请求与避免重复请求
目录起源
现状
取消请求 cancelToken
修改后的请求方法
避免重复请求
总结起源
某个页面需要下载全部数据的功能，下载数据量大，接口延迟长.....某个页面加载初始数据量延长长，...
2021-08-10
react入门级详细笔记
目录一、React的基本认识 1、介绍2、 React的特点3、React高效的原因二、React的基本使用1、相关js库2、在页面中导入js库3、编码三、React JSX1、虚拟DOM2、JSX3、渲染虚拟...
2021-08-10
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
Vue vee-validate插件的简单使用
目录1.安装2.导入3.定义校验规则(最好是在utils文件夹中单独封装js文件导出)4.使用Form组件配置校验规则和错误对象 (form 和 Field都是从插件中按需导出)5.使用 Field 组件...
2021-08-10
vue3使用vue-router的完整步骤记录
前言对于大多数单页应用程序而言，管理路由是一项必不可少的功能。随着新版本的Vue Router处于Alpha阶段，我们已经可以开始查看下一个版本的Vue中它是如何工作的。Vue3中的许多...
2021-08-10
vue 单元测试的推荐插件和使用示例
目录框架
一流的错误报告
活跃的社区和团队
Jest
Mocha
推荐插件
Vue Testing Library (@testing-library/vue)
Vue Test Utils
示例单元测试应该： 可以快速运行 易于...
2021-08-10
浅谈JavaScript 中的延迟加载属性模式
目录一、前言二、按需属性模式三、凌乱的延迟加载属性模式四、类的唯一自己的延迟加载属性模式五、对象字面量的延迟加载属性模式六、结论一、前言传统上，开发人员在 JavaScr...
2021-08-10
React-vscode使用jsx语法的问题及解决方法
问题描述安装了插件ES7 React/Redux/GraphQL/React-Native snippets还是不能完全支持所以我参考了博客,得出了我的解法解决方法打开设置 搜索includeLanguages搜索的结果如...
2021-08-10
React实现动效弹窗组件
我们在写一些 UI 组件时，若不考虑动效，就很容易实现，主要就是有无的切换（类似于 Vue 中的 v-if 属性）或者可见性的切换（类似于 Vue 中的 v-show 属性）。1. 没有动效的弹窗在 React...
2021-08-10
JavaScript实现简单计时器
本文实例为大家分享了JavaScript实现简单计时器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计时器</ti...
2021-08-10
Vue3实现Message消息组件示例
目录组件设计
定义最终的组件 API
定义组件结构
模板和样式
模板 Template
消息图标
样式
组件脚本
创建组件实例
1、创建包裹容器，并设置外层的 Class 属性
2、创建实例并挂...
2021-08-10
JavaScript实现鼠标控制自由移动的窗口
本文实例为大家分享了JavaScript实现鼠标控制自由窗口的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...
2021-08-10
JSON.stringify的多种用法总结
前言用过 json 的应该都知道，把一个对象通过 stringify 之后提交给后台是很常用的手段。但是 IE6-7 下没有 JSON 对象，所以要借助json2.js 来实现。1.经典用法
var data = [...
2021-08-10
Vue实现答题功能
1、请求答题接口2、判断用户是否答对，答对的话跳到下一题，答错的话弹窗告诉用户有错题，请重新答题<div class="active_title"> <span>{{ orderTitle }}</span></div><p v-...
2021-08-10
详解Ref在React中的交叉用法
目录一、首先说明下什么是Ref
二、ref在hooks中的用法
1、ref在hooks中HTMLDom的用法
2、ref在hooks中与函数式组件的用法
3、ref在hooks中与类组件一同使用
4、ref在hooks...
2021-08-10
vue中对虚拟dom的理解知识点总结
本质是一个普通的js对象，用于描述视图界面结构的，在mouted的回调中，可以输出_vnode， 通过图可以知道，_vnode中有以下几个主要的属性： tag：组件的标签名， data: 组件的属性，...
2021-08-10
php类中static与self的使用区别浅析
使用 self:: 或者 __CLASS__ 对当前类的静态引用，取决于定义当前方法所在的类：使用 static:: 不再被解析为定义当前方法所在的类，而是在实际运行时计算的。也可以称之为“静态...
2021-08-10
vue自定义表格列的实现过程记录
目录前言效果图
setTable组件
使用
结束语
前言在我们开发PC端的项目使用表单时，尤其是crm系统，应该经常会遇到这样的需求， 用户需要根据设置来自定义显示列。 查了element的官...
2021-08-10
vue3+el-table实现行列转换
目录行列转换
分析成绩单的组成
用 vue3 + el-table 做的成绩单
前端模拟数据
使用 el-table 生成成绩单
确定表头
确定数据
计算学生的总分和平均分
计算排名
计算各个学科...
2021-08-10
nodejs管理工具nvm安装过程详解
nvmnvm负责管理多个版本的nodejs安装:https://github.com/coreybutler/nvm-windows/releases
下载nvm-setup.zip,nvm-noinstall.zip点击nvm-setup.exe安装，一路下一步,这里安...
2021-08-10
基于JavaScript实现简易计算器
本文实例为大家分享了JavaScript实现简易计算器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算器</ti...
2021-08-10
基于JavaScript实现省市联动效果
本文实例为大家分享了JavaScript实现省市联动效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>省市...
2021-08-10
JavaScript实现登录窗体
本文实例为大家分享了JavaScript实现登录窗体的具体代码，供大家参考，具体内容如下思路：就是把登陆窗放在界面之外，然后通过script内的函数改变到界面之内！<!DOCTYPE html><html l...
2021-08-10
JavaScript对象内置对象,值类型和引用类型讲解
目录对象对象的定义遍历对象的成员JS内置对象Math对象Date对象数组对象String对象值类型和引用类型对象JS中的对象是属性和行为的结合体，其中属性是对象的静态特征，行为又称方...
2021-08-10
JavaScript实现动态表格效果
本文实例为大家分享了JavaScript实现动态表格效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态...
2021-08-10
Angular管道PIPE的介绍与使用方法
前言PIPE，翻译为管道。Angular 管道是编写可以在HTML组件中声明的显示值转换的方法。Angular 管道之前在 AngularJS 中被称为过滤器，从 Angular 2开始就被称为管道。管道将数...
2021-08-10
js实现中文转拼音的完整步骤记录
使用js搞了一个中文转拼音的包，仓库地址可见：pinyin-pro特色功能 支持汉字、词语、句子多种格式输入获取 获取拼音 获取声母 获取韵母 获取拼音首字母 获取...
2021-08-10
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
React Hooks使用常见的坑
React Hooks 是 React 16.8 引入的新特性，允许我们在不使用 Class 的前提下使用 state 和其他特性。React Hooks 要解决的问题是状态共享，是继 render-props 和 higher-order...
2021-08-10
vue实现集成腾讯TIM即时通讯
本文主要介绍了vue实现集成腾讯TIM即时通讯，分享给大家，具体如下：上图前言
项目需要做个客服功能，用户端小程序，客服人员web端，于是用到了腾讯的tim
准备工作在腾讯云官网上创建应...
2021-08-10
深入理解Vue-cli4路由配置
目录前言-vue路由一、最基本路由配置1.配置router/index.js2.配置App.vue二、路由懒加载技术三、路由嵌套四、动态路由1.动态路由配置2.动态路由传参总结前言-vue路由Vue-ro...
2021-08-10
关于React Native 无法链接模拟器的问题
React Native 可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。而且React Native已经用于生产环境——Facebook Groups iOS 应用就是基于它开发的。...
2021-08-10
纯JS如何实现vue.js下的双向绑定功能
目录首先说一下实现双向绑定的思路：再说一下实现这些功能的js主要的方法有哪些：最后需要创建哪些工具类？实现vue双向绑定看下面截图这是一个普通的html文件，也并没有引入vue.js，...
2021-08-10
基于JavaScript实现年月日三级联动
本文实例为大家分享了JavaScript实现年月日三级联动的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>年...
2021-08-10
如何在webpack项目中调试loader插件
最近，在学习webpack使用时，发现webpack-replace-loader配置正则不起用，调试插件后才发现，search健值竟然不支持正则的写法，后有换成string-replace-loader插件，这个loader的search...
2021-08-10
javascript input图片上传及预览,FileReader预览图片
FileReader是前端进行文件处理的一个重要的Api，特别是在对图片的处理上，如果你想知道图片的处理原理，你就永远不可能绕过它。<!DOCTYPE html><html> <head> <meta charset="ut...
2021-08-10
Vue3中ref与toRef的区别浅析
1. ref是复制,视图会更新如果利用ref将某一个对象中的某一个属性值变成响应式数据我们修改响应式数据是不会影响原始数据的;同时视图会跟新。ref就是复制 复制是不会影响原...
2021-08-10
一篇文章学会Vue中间件管道
通常，在构建SPA时，需要保护某些路由。例如假设有一个只允许经过身份验证的用户访问的 dashboard 路由，我们可以通过使用 auth 中间件来确保合法用户才能访问它。在本教程中，我们...
2021-08-10
详解Vue-Router的安装与使用
目录安装
路由的基础配置
将Router安装到Vue中
Router的相关配置Router.routes 的相关配置实现一个简单的路由
1.配置路由2. 在组件中实现路由
1. router-link 用于实现路由...
2021-08-10
Node.js实现断点续传
目录方案分析
切片
断点续传
具体解决流程
逻辑分析
前端
服务端
小结
方案分析
切片
就是对上传视频进行切分，具体操作为： File.slice(start,end)：返回新的blob对象...
2021-08-10
js实现网页音乐播放器
本文为大家分享了简单的html，音乐播放器制作代码，供大家参考，具体内容如下首先第一步找图片资源 音乐资源 放入到img文件夹中第二步对页面布局进行布置第三步书写js代码复制代...
2021-08-10
为什么TypeScript的Enum会出现问题
目录发生了什么呢？
什么时候用
控制枚举的数字
Bit值
控制索引
非数字枚举
结论
TypeScript引入了很多静态编译语言的特性，比如class（现在是JavaScript的一部分了），interface, ge...
2021-08-10
Vue实现简单图片切换效果
本文实例为大家分享了Vue实现简单图片切换的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="https...
2021-08-10
JavaScript的防抖和节流案例
目录防抖节流：防抖：在一定的时间内只执行最后一次任务；节流：一定的时间内只执行一次；防抖<button id="debounce">点我防抖！</button> $('#debounce').on('click', debounce()); fu...
2021-08-10
JavaScript 操作宏任务与微任务
宏任务与微任务 javaScript是单线程语言（如果多线程dom会疯掉） 所以在同一时间只能执行一个任务，称为主线程，用来执行同步任务 同时还有两个任务列表用于存放异步任务，...
2021-08-10
