微信小程序 数据缓存实现方法详解
微信小程序可以通过wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）对本地缓存进行设置、获取和清理。本地缓存最大...
2020-05-27
小程序实现层叠卡片滑动效果
小程序层叠卡片滑动效果，供大家参考，具体内容如下效果图wxml<!-- 轮播wxml代码 --><view class="teachers_banner"> <view class="lunbo_center clearfix teachers_b"> <view...
2020-05-27
JS实现提示效果弹出及延迟隐藏的功能
自动登录勾选提示效果要求:鼠标移入显示提示信息框；鼠标离开,信息框消失，消失的效果延迟<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="view...
2020-05-27
JS实现利用闭包判断Dom元素和滚动条的方向示例
本文实例讲述了JS实现利用闭包判断Dom元素和滚动条的方向。分享给大家供大家参考，具体如下：一、判断滚动条的方向，利用闭包首先保存滚动条的位置，然后当滚动时候不断更新滚动初...
2020-05-27
tweenjs缓动算法的使用实例分析
本文实例讲述了tweenjs缓动算法的使用。分享给大家供大家参考，具体如下：这里的tweenjs不是依托于createjs的tewwnjs，而是一系列缓动算法集合。因为本身是算法，可以用在各个业务...
2020-05-27
基于vue、react实现倒计时效果
本文实例为大家分享了基于vue、react实现倒计时效果的具体代码，供大家参考，具体内容如下Vue方案一：俩个元素HTML：<div id="example"> <button @click="send"> <span v-if="se...
2020-05-27
JavaScript实现身份证验证代码实例
这篇文章主要介绍了JavaScript实现身法证验证代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下function isIdCar...
2020-05-27
seajs和requirejs模块化简单案例分析
本文实例讲述了seajs和requirejs模块化。分享给大家供大家参考，具体如下：如今，webpack、gulp等构件工具流行，有人说seajs、requirejs等纯前端的模块化工具已经被淘汰了，我不这么...
2020-05-27
vue获取验证码倒计时组件
本文实例为大家分享了vue获取验证码倒计时组件，供大家参考，具体内容如下之前写过一个计时函数，有计算误差，但是验证码的60秒倒计时可以忽略这一点点误差。直接上代码。<template...
2020-05-27
Moment.js实现多个同时倒计时
本文实例为大家分享了Moment.js实现多个同时倒计时的具体代码，供大家参考，具体内容如下第一步：首先项目中需要引入moment.js。安装方法如下：bower install moment --save # bowe...
2020-05-27
原生js实现针对Dom节点的CRUD操作示例
本文实例讲述了原生js实现针对Dom节点的CRUD操作。分享给大家供大家参考，具体如下：知识点，依然会遗忘。我在思考到底是什么原因。想到研究生考试准备的那段岁月，想到知识体系的...
2020-05-27
vue+moment实现倒计时效果
本文实例为大家分享了vue+moment实现倒计时的具体代码，供大家参考，具体内容如下示例代码<!-- 使用计算属性，传入截止日期 --><span>{{countDown(endDate)}}</span>/*引入日期插...
2020-05-27
vue-router路由模式详解(小结)
一、路由模式解析要讲vue-router的路由模式，首先要了解的一点就是路由是由多个URL组成的，使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有...
2020-05-27
vue项目部署到nginx/tomcat服务器的实现
开发完的vue项目，需要部署到Nginx/Tomcat服务器上运行，作为一个前端小白，刚接触vue不久，研究了一番，于是写下这篇文章，记录下来便于今后部署。1.router(history)模式vue项目部署到...
2020-05-27
VUE路由动态加载实例代码讲解
首先新建vue工程，一般我们不会特殊处理路由，但当项目页面越来越多，路由配置也会越来越大，路由文件就会变得不好维护import Vue from 'vue'import Router from 'vue-router'impor...
2020-05-27
javascript实现抢购倒计时程序
本文实例为大家分享了javascript实现抢购倒计时的具体代码，供大家参考，具体内容如下倒计时分为三种状态：1） 未到抢购开始时间，显示：抢票倒计时××天××时××分××秒2） 开始抢购...
2020-05-27
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
前言：
前段时间有一个关于通过获取用户当前经纬度坐标，计算出该用户距离某指定地点之间的距离。因为做这个项目需要能够获取到比较精确的经纬度坐标，刚开始使用的是百度地图结...
2020-05-27
Nodejs中使用puppeteer控制浏览器中视频播放功能
本项目主要功能为在浏览器中自动播放视频，并且实现音量控制，快进快退，全屏控制，播放暂停控制等功能。仓库地址： github.com/hapiman/chr…安装静态服务器如果电脑上存在nodejs的...
2020-05-27
解决jquery validate 验证不通过后验证正确的信息仍残留在label上的方法
在使用validate进行表单验证时会有第一次验证通过，但是第二次验证不通过时，第一次验证通过的信息残留在label上面的情况，最常见的就是√残留如此图所示：此时“请输入姓名”前面...
2020-05-27
Vue+ElementUI项目使用webpack输出MPA的方法
一. 需求分析为另一个项目提供可嵌入的功能单页，大部分页面使用时都是独立功能页，个别页面带有左侧边栏（相当于3-4个页面的整合形态），由于资源定位地址的限定，每个页面打包为单页...
2020-05-27
使用Vue.js中的过滤器实现幂方求值的方法
1、应用场景 使用ElementUI实现一个输入框，输入100，下方显示10000。2、实现源码（1）主页面<template> <el-row> <el-tabs v-model="activeName" @tab-click="handlerClick">...
2020-05-27
基于JS抓取某高校附近共享单车位置 使用web方式展示位置变化代码实例
效果如图使用了高德地图API：https://lbs.amap.com/api/javascript-api/example/marker/massmarks
js代码如下：function MapOperate() { } MapOperate.prototype.listensubmit...
2020-05-27
原生javascript自定义input[type=radio]效果示例
本文实例讲述了原生javascript自定义input[type=radio]效果。分享给大家供大家参考，具体如下：找到最为简单的仅仅使用css3的方案<!DOCTYPE html><html lang="en"><head> <met...
2020-05-27
解决Vue中 父子传值 数据丢失问题
在Vue中，父子组件传值，子组件通过props接收父组件传递的数据父组件questionList :传递数据参数questionsLists: 传递数据源
子组件porps 接收父组件方式有俩中，一种是通过对象...
2020-05-27
JS多个表单数据提交下的serialize()应用实例分析
本文实例讲述了JS多个表单数据提交下的serialize()应用。分享给大家供大家参考，具体如下：在实际开发场景中，难免遇到需要多个表单的数据传递问题。之所以要进行多表单的数据传...
2020-05-27
jQuery实现判断滚动条滚动到document底部的方法分析
本文实例讲述了jQuery实现判断滚动条滚动到document底部的方法。分享给大家供大家参考，具体如下：滚动条没有实际的高度。只是为了呈现效果才在外型上面有长度。在js当中也没有...
2020-05-27
微信小程序模板消息限制实现无限制主动推送的示例代码
需求背景
基于微信的通知渠道，微信小程序为开发者提供了可以高效触达用户的模板消息能力，在用户本人与小程序页面有交互行为后触发，通过微信聊天列表中的服务通知可快捷进入查...
2020-05-27
JS常见面试试题总结【去重、遍历、闭包、继承等】
本文实例讲述了JS常见面试试题。分享给大家供大家参考，具体如下：JavaScript面试题总结1，首先是数组去重算法：给一个数组，去掉重复值(function() { var arr = [1, 2, 3, 3, 4,...
2020-05-27
微信小程序中为什么使用var that=this
前言： 在小程序或者js开发中，经常需要使用var that = this;开始我以为是无用功，（原谅我的无知），后来从面向对象的角度一想就明白了，下面简单解释一下我自己的理解，欢迎指正批评。...
2020-05-27
vue使用codemirror的两种用法
这是我自己做的一个左边点击对应的标题，右边显示相应代码的一个功能。代码显示这里用的是vue-codemirror插件。第一种用法：
1、安装：npm install vue-codemirror --save
2、在m...
2020-05-27
在vue项目中使用codemirror插件实现代码编辑器功能
在vue项目中使用codemirror插件实现代码编辑器功能（代码高亮显示及自动提示），具体内容如下所示：1、使用npm安装依赖npm install --save codemirror;2、在页面中放入如下代码<tem...
2020-05-27
详解微信小程序开发之formId使用（模板消息）
基于微信小程序的模板消息：
官方文档 基于微信的通知渠道，我们为开发者提供了可以高效触达用户的模板消息能力，以便实现服务的闭环并提供更佳的体验。 模板推送位置：服务通知...
2020-05-27
vue实现codemirror代码编辑器中的SQL代码格式化功能
vue实现codemirror代码编辑器中的SQL代码格式化功能1、首先使用npm安装sql-formatter插件npm install --save sql-formatter2、然后引入该sql-formatter.js文件import sqlFo...
2020-05-27
微信小程序模板消息推送的两种实现方式
最近在做微信小程序，为了让用户能更加方便的获取到小程序内部的通知，便想着用模板消息来解决此类问题。首先介绍一下两种方法第一种是传统的按照微信开发文档来实现模板消息的...
2020-05-27
JS用最简单的方法实现四舍五入
1 、tofixed方法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数，则表示为：toFixed(Num)；但是其四舍五入的规则与数学中的规则不同，使用的...
2020-05-27
解决vue打包后刷新页面报错：Unexpected token <
前言今天遇到了一个很怪的问题，在vue-cli+webpack的项目中，刷新特定页面后页面会变空白，报错为index.html文件中Unexpected token <。怪点一是开发环境没有问题，只有生产环境有...
2020-05-27
axios如何利用promise无痛刷新token的实现方法
需求
最近遇到个需求：前端登录后，后端返回token和token有效时间，当token过期时要求用旧token去获取新的token，前端需要做到无痛刷新token，即请求刷新token时要做到用户无感知。...
2020-05-27
package.json配置文件构成详解
1.项目基础信息 "name": "XXXXXXX", "version": "1.0.0", "description": "A Vue.js project", "author": "wyj <XXXXXXXXX@qq.com>", "private": true,2.脚本部分 "scripts...
2020-05-27
vue项目中引入Sass实例方法
Sass作为目前成熟，稳定，强大的css扩展语言，让越来越多的前端工程师喜欢上它。下面介绍了如何在vue项目中引入Sass。首先在项目文件夹执行命令 npm install vue-cli -g，安装vue-c...
2020-05-27
vue递归组件实战之简单树形控件实例代码
1、递归组件-简单树形控件预览及问题
在编写树形组件时遇到的问题：
组件如何才能递归调用？ 递归组件点击事件如何传递？ 2、树形控件基本结构及样式
<template> <ul class=...
2020-05-27
js对象数组和对象的使用实例详解
数组var arr = new Array(); //或者 var arr = [];//或者var arr = [{index:'0'},{address:'1'}];var obj_1 = { index:'1', index:'2'};var obj_2 = { index:'3', index:'3...
2020-05-27
JS实现提示框跟随鼠标移动
分享实例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0; margin: 0; } .box{wid...
2020-05-27
jQuery - AJAX load() 实例用法详解
jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据，并把返回的数据放入被选元素中。语法:$(selector).load(URL,data,callback);必需的 URL 参数规...
2020-05-27
Angular6使用forRoot() 注册单一实例服务问题
假如我们有一个shareModule来存放公用的组件(Component)、指令(Directive)、管道(Pipe)、服务（Service），为避免各个子模块引用shareModule时造成App中有多个一样的单一实例服务...
2020-05-27
js遍历详解(forEach, map, for, for...in, for...of)
forEach
es5出来的方法，这是我在react中用的最多的遍历方法之一，用法如下：models.forEach(model => app.model(model));dva里面经常这么写。写法很简单，经常用于通过这个数组内...
2020-05-27
Vue项目实现换肤功能的一种方案分析
需求：网站换肤，主题切换。网站的主题色可以在几种常用颜色之间进行切换，还有相关图片、图标也要跟随主题进行切换。不多说，先看下最终的实现效果：
文章由两部分组成：css切换，图片...
2020-05-27
详解Vue 换肤方案验证
本文的换肤方案灵感来自于 element-ui需求：网站换肤，主题切换。网站的主题色可以在几种常用颜色之间进行切换，还有相关图片、图标也要跟随主题进行切换。不多说，先看下最终的实...
2020-05-27
JS开发自己的类库实例分析
本文实例分析了JS开发自己的类库。分享给大家供大家参考，具体如下：上文说过，复用性主要有：插件，插件为功能的基本单元；组件，组件为应用的单元；设计模式，设计模式为解决为题的思路。上...
2020-05-27
Vue的编码技巧与规范使用详解
当我们完成项目的构建，进入开发阶段的时候，除了你需要了解框架本身的知识点外，我们还需要提前掌握一些项目的编码技巧与规范，在根源上解决之后因编码缺陷而导致的项目维护困难、...
2020-05-27
浅谈对于“不用setInterval，用setTimeout”的理解
JavaScript高级程序设计（第三版）（以下简称红宝书）22.3高级定时器中详细介绍了定时器setTimeout和setInterval，看完书后，深入理解了二者的区别，结合前辈们给我的建议“用setTimeout，...
2020-05-27
