目录 解析.vue 文件 提取文档信息 提取组件名称、描述、props、methods、model 提取描述 提取 methods 提取 props 提取 model 提取组件Events 提取组件Slots 结语 程序员最讨厌的两件事情，第一种是...

目录 方法一： 最简单的设置横向滚动条 方法二（新）： 添加拖拽条改变外层容器宽度 方法二（老）： 添加拖拽条改变外层容器宽度 方法三： 通过...表示 鼠标移上去显示全称 使用...

目录 React中安装并引入axios依赖 使用axios进行GET请求 使用axios.get方式 使用axios(config {...}) 使用axios进行POST请求 使用axios.post 使用axios(config {...}) 同时发送多个请求 详细config对象配置项...

React的生命周期 两张图带你理解 React的生命周期 React的生命周期（旧） class Life extends React.Component{ // 构造器 constructor(props){ console.log('Life构造器---constructor'); super(props) this.state={num:0} }...

使用auto.js实现自动化每日打卡 疫情原因，需要在家每天定时打卡，每天刚起床的时候避免不了出现注意力不集中或者是看不到app，点不到按钮什么的（我瞎说的）。 所以，就想搞一个...

之前给大家介绍过简介JavaScript中charAt()方法的使用，今天通过本文给大家分享js统计次数最多的字符和次数的实例代码，具体内容如下所示： 判断一个字符串'aabcdobdackoppz'中出现次数最...

本文实例为大家分享了JS实现猜拳游戏的具体代码，供大家参考，具体内容如下 一、简单版猜拳游戏 编写一个用户和计算机猜拳的游戏，用户输入剪刀、石头或布，与计算机的出拳进行...

vue-infinite-scroll 安装 npm install vue-infinite-scroll --save 尽管官方也推荐了几种载入方式，但“最vue”的方式肯定是在main.js中加入 import infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll) 实现...

本文实例为大家分享了vue时间线组件的具体实现代码，供大家参考，具体内容如下 效果 vue-时间线组件（时间轴组件）代码 template ul class="timeline-wrapper" li class="timeline-item" v-for="t in tim...

最近实现了一个这样的效果，点击播放按钮，时间轴开始播放，点击暂停，停止在当前位置，当再次点击播放的时候，从当前位置开始继续播放，也可以点击相应的年份，切换过去，这...

今天在写登陆页面的时候，由于需要的个人信息和手机号的授权，但是如果在页面上直接放2个按钮，岂不是很呆？？？ 索性就写了一个mask层，去引导用户授权手机号。 1. 当我点击快捷...

目录 需求描述 问题描述 问题分析 问题解决 问题拓展 需求描述 项目首先要用户选择某个问题，选择之后使用ElementUI的Notification组件提示用户正在对文件格式进行检查（需要先提交给后...

我的初衷是把element-ui的$notify通知封装成一个组件，登录成功后调用获取低库存接口，如果获取接口的列表当中库存大于0，则显示这个通知，并且在文本当中提供点击事件。 因此，首先...

目录 前言 Error 对象 throw try…catch…finally finally 的规则 Try / Catch 性能 window.onerror Promise 中的异常 Promise 中抛出异常 Promise中捕捉异常 Vue 的异常捕获 总结 前言 Javascript 引擎是单线程的，...

本文实例为大家分享了js与jQuery技术实现表白弹幕，供大家参考，具体内容如下 js七夕表白弹幕效果简单版效果： 关键代码： script var si; function tangmu(){ clearInterval(si); var text = document.g...

前面做项目时用到ECharts，今天特此整理一下，作为笔记，同时希望帮助更多人。 首先简单介绍一下，ECharts是一个纯JavaScript图表库，底层依赖于轻量级的Canvas类库ZRender，基于BSD开原协...

本文实例为大家分享了js制作简易计算器的具体代码，供大家参考，具体内容如下 要制作一个如图所示的简易计算器，首先要建立一个表单，制作出如图所示的样子。 table border="1" cel...

目录 添加配置 json配置 视图层配置 逻辑层配置 开启定位追踪 开始记录 确定起始坐标 监听位置变化信息 按照规则收集定位点信息 活动轨迹渲染 结束轨迹跟踪 总结 这篇文章是对微信...

本文实例为大家分享了js实现鼠标跟随小游戏的具体代码，供大家参考，具体内容如下 在创建项目的时候，记得要引入jquery.min.js 的库，也可以引入别的版本的jquery库 在Script里的代码：...

在前后端分离开发中，需要前端调用后端api并进行内容显示，如果前后端开发都在一台主机上，则会由于浏览器的同源策略限制，出现跨域问题(协议、域名、端口号不同等)，导致不能...

有些项目业务比较简单，但用到前端分页的地方又比较多，插件的体积比较难控制用起来也麻烦，所以自己写一个简易的。 实现思路 通过 jQuery.slice() 选择子集的区间元素， 然后控制显...

（1）介绍： clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件。通过该插件可以将输入框，文本域，DIV元素中的文本等文本内容复制到剪贴板中 clipboard.js支持主流的浏...

目录 音频转码工具 原理 JAVE 项目的问题 本项目特点 扩展 音频转码工具，主要用于将微信语音 amr 格式转换为 mp3 格式以便在 html5 的 audio 标签中进行播放 1.调用微信提供的接口获取录...

引言 近几年前端对 TypeScript的呼声越来越高，Typescript也成为了前端必备的技能。TypeScript 是 JS类型的超集，并支持了泛型、类型、命名空间、枚举等特性，弥补了 JS 在大型应用开发中的...

一、最顶级的使用 1、安装cnpm npm i -g cnpm --registry=https://registry.npm.taobao.org 2、然后就可以cnpm安装依赖包了 cnpm i -g vue vue-cli 3、cnpm config ls 查看 E:\我的项目\2018-08cnpm config ls; cli configsdis...

目录 一、JavaScript使用html中的画布 二、页面存储技术 一、JavaScript使用html中的画布 1、画布：页面中用于绘制图形的特殊区域 2、绘制图形的过程 (1)创建画布：使用html5中画布标签 can...

效果展示 两个浏览器相互模拟 1.创建模拟node服务 在vue根目录下创建 server.js 文件模拟后端服务器 **在server终端目录下载 ** npm install --s ws 2.编写server.js文件 代码如下 var userNum = 0; //统计...

本文实例为大家分享了vue实现物流时间轴效果的具体代码，供大家参考，具体内容如下 son组件(物流时间轴组件) template div class="steps-wrap" ul li v-for="(item,index) in steps" :key="index" span class=...

本文实例为大家分享了vue+swiper实现时间轴效果的具体代码，供大家参考，具体内容如下 效果： 首先引入，有淘宝镜像的用 cnpm install swiper --save 没有的用 npm install swiper --save template di...

本文实例为大家分享了Vue.js实现时间轴功能的具体代码，供大家参考，具体内容如下 GitHub 时间轴组件封装 Main.js template div class="timeline-main" div class="timeline-axis" div class="axis-item" v-for="(...

本文实例为大家分享了Vue.js实现日历功能的具体代码，供大家参考，具体内容如下 Github 功能需求 使用 Vue.js 实现指定年月的日历表，配合后台接口数据，添加对应日期的空气质量描述...

本文实例为大家分享了vue canvas绘制时间轴的具体代码，供大家参考，具体内容如下 最近在研究canvas绘制时间轴，直接上代码，希望分享能给大家带来帮助，效果如下： 代码如下，可以...

vue+js实现视频的淡入淡出，供大家参考，具体内容如下 一个简单的视频淡入淡出效果如图 小编直接上代码了有兴趣可以拷贝运行一下，谢谢 template div class="video-css" div class="videocss" re...

本文实例为大家分享了js实现简单拼图小游戏的具体代码，供大家参考，具体内容如下 游戏很简单，拼拼图，鼠标拖动一块去和另一块互换。语言是HTML+js，注释写的有不明白的可以留言...

本文实例为大家分享了JavaScript轮播图的实现方法，供大家参考，具体内容如下 效果截图： 注： div 容器大小和图片路径可以自行设置,添加 img 和 a 标签后浏览器可以自适应. 创建image文...

本文实例为大家分享了vue实现登录验证码的具体代码，供大家参考，具体内容如下 先来demo效果图 canvas验证码组件（可直接复制，无需改动） template div class="s-canvas" canvas id="s-canvas" :w...

本文实例为大家分享了vue+springboot实现登录功能的具体代码，供大家参考，具体内容如下 1. 登录功能的实现 实现提交表单的代码如下： async submitForm(user) { this.$refs[user].validate((valid) =...

原理 防抖的原理是：你尽管触发事件，但是我一定要在事件触发n秒之后才执行，如果你在一个事件触发的n秒内又触发了这个事件，那我就以新的事件的时间为准，n秒后再执行。总之，...

目录 背景 功能 目的 想法来源 实现 set get deleteProperty preventExtensions has 总结 背【文章出处:防ddos攻击】景 localStorage、sessionStorage 这两个 API 是我们前端日常开发中的存储的利器， 我们经...

目录 前言 一、常规Vue组件 1. 组件主要代码： 2. 使用方式 3. 实现效果 二、改为js调用组件 1. 实现步骤： 2. 具体实现代码： 3. 实现效果展示 总结 前言 项目开发中基本都会用到组件库...

项目上有一个表格需要实现在线编辑，开始用了 element 的el-table 实现，单元格内基础情况就是监听了单击单元格切换一个span标签与input标签，复杂点的单元格使用了大量的条件判断来实...

本文实例为大家分享了JavaScript实现更换头像功能的具体代码，供大家参考，具体内容如下 最主要的是使用jquery的插件 cropper 1、基本使用步骤 1.在 head 中导入 cropper.css 样式表： link re...

前言 什么是state 我们都说React是一个状态机，体现是什么地方呢，就是体现在state上，通过与用户的交互，实现不同的状态，然后去渲染UI,这样就让用户的数据和界面保持一致了。stat...

本文实例为大家分享了微信小程序实现列表项左滑删除效果的具体代码，供大家参考，具体内容如下 效果 图片 WXML view class="container" !-- 收货地址 -- view class="address" view class="left" view c...

目录 defineComponent重载函数 开发实践 defineComponent函数，只是对setup函数进行封装，返回options的对象； export function defineComponent(options: unknown) { return isFunction(options) { setup: options } : options...

本文实例为大家分享了微信小程序实现上传图片的具体代码，供大家参考，具体内容如下 效果图 WXML view class="img-wrap" view class="txt"上传图片/view view class="imglist" view class="item" wx:for="{{im...

本文实例为大家分享了微信小程序发送短信验证码倒计时的具体代码，供大家参考，具体内容如下 效果图 WXML文件 view class="container" view class="userinfo" image class="userinfo-avatar" src="../../ima...

一、react组件的两种定义方式 1、函数组件，简单的函数组件像下面这样，接收Props，渲染DOM，而不关注其他逻辑 function Welcome(props) { return h1Hello, {props.name}/h1;} 函数组件无法使用State，也...

本文实例为大家分享了jQuery实现调节字体大小的具体代码，供大家参考，具体内容如下 代码： !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name=...

开发一个猜数字游戏，游戏应随机选择一个 100 以内的自然数, 然后邀请玩家在 10 轮以内猜出这个数字。每轮后都应告知玩家的答案正确与否，如果出错了，则告诉他数字是低了还是高...