对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
最近学了点vuejs,把学的东西记录下来方便你我他。vuejs的官方文档：https://vuejs.org/v2/api/ （还是要习惯看官方文档啊同志们~）1、 v-for进行遍历比如我这里想遍历videos里的...
2020-05-27
JS实现方形抽奖效果
本文实例为大家分享了JS实现抽奖效果展示的具体代码，供大家参考，具体内容如下展示：HTML:<div id="table"></div><div id="btn"> <button onclick="start('p', 'active','newa...
2020-05-27
JavaScript Canvas实现验证码
在通常的登录界面我们都可以看到验证码，验证码的作用是检测是不是人在操作，防止机器等非人操作，防止数据库被轻而易举的攻破。验证码一般用PHP和java等后端语言编写。但是在前...
2020-05-27
vue.js响应式原理解析与实现
从很久之前就已经接触过了angularjs了，当时就已经了解到，angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后，再接触了vue.js，当时也一度很好奇vue.js是如何监测数据更...
2020-05-27
Vue 实现展开折叠效果的示例代码
本文介绍了Vue 实现展开折叠效果的示例代码，分享给大家，具体如下：
效果如见：
1.html代码
<!DOCTYPE html><head> <meta http-equiv="Content-Type" content="text/html; charse...
2020-05-27
Vue2 监听属性改变watch的实例代码
效果：代码：<div id="app2"> <label>幼儿园入学年龄（3～6）：</label><input type="number" v-model="child.age"> <button @click="older"> + </button> <button @click="younger"> -...
2020-05-27
微信小程序按钮去除边框线分享页面功能
有一个需求是分享当前页面，使用美工的分享按钮图片来分享，而小程序分享功能只有button有open-type="share"这个属性，使用image标签肯定不行。我是这样做的：
<button open-type="...
2020-05-27
快速解决vue在ios端下点击响应延时的问题
在apicloud开发中遇到的问题：用vue.js的点击事件，安卓点击响应迅速而ios点击响应有延时（大约300ms）.解决方案如下：引入<script type="text/javascript" src="/js/mobile/fastclic...
2020-05-27
对vue事件的延迟执行实例讲解
vue事件的延迟执行：<div id="box"> <input type="text" @keyup="show | debounce 2000"></div><script> var vm=new Vue({ data:{ }, methods:{ show:function(){ al...
2020-05-27
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
匿名函数：没有实际名字的函数。匿名函数的作用：1、通过匿名函数可以实现闭包，关于闭包在后面的文章中会重点讲解。在这里简单介绍一下：闭包是可以访问在函数作用域内定义的变量...
2020-05-27
vue.js 添加 fastclick的支持方法
fastclick：处理移动端click事件300毫秒延迟1、兼容性iOS 3及更高版本的移动SafariiOS 5及更高版本的ChromeAndroid上的Chrome（ICS）Opera Mobile 11.5及以上版本Android 2以来的...
2020-05-27
AngularJS 事件发布机制
问题描述未读消息提醒当器具用户或技术机构对非强检器具检校申请发布新的意见时，需要对对方进行消息通知。后台很简单，本文主要解决前台遇到的问题。历史遗留这是我的消息遗留...
2020-05-27
微信小程序手机号码验证功能的实例代码
wxml<form bindsubmit='formSubmit'> <view class='all'> <text>手机号：</text> <input name="phone" placeholder='请输入手机号' type='number' style='color:#333' plac...
2020-05-27
使用D3.js构建实时图形的示例代码
首先你需要在计算机上安装Node和npm。数据的可视化表示是传递复杂信息的最有效手段之一，D3.js提供了创建这些数据可视化的强大工具和灵活性。D3.js是一个JavaScript库，用于使...
2020-05-27
对vux点击事件的优化详解
Vux是基于Vue和WeUI的组件库。对于应用vux的项目因为点击绑定的是click事件，自然也存在移动端300ms延迟现象。我们可以用fastclick库来解决这个问题，具体步骤如下：这里以vue+we...
2020-05-27
Vue 应用中结合vux使用微信 jssdk的方法
vux微信分享说明分享接口只有认证公众号才能使用，域名必须备案且在微信后台设置。先确认已经满足使用jssdk的要求再进行开发。引入在 main.js 中全局引入：import { WechatPlug...
2020-05-27
vue移动端微信授权登录插件封装的实例
1、新建wechatAuth.js文件const queryString = require('query-string')//应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出授权...
2020-05-27
vue-image-crop基于Vue的移动端图片裁剪组件示例
本文介绍了vue-image-crop基于Vue的移动端图片裁剪组件示例，分享给大家，具体如下：代码地址：https://github.com/jczzq/vue-image-cropvue-image-crop基于Vue的移动端图片裁剪组...
2020-05-27
vue.js添加一些触摸事件以及安装fastclick的实例
安装fastclick.jsnpm install fastclick -D之后，在main.js中引入，并绑定到bodyimport FastClick from 'fastclick' //vue框架开发H5正确运用fastclickif ('addEventListener'...
2020-05-27
vue组件开发之用户无限添加自定义填写表单的方法
效果图：代码如下：<template> <div class="checkbox"> <div class="input"> <p v-for="item in inputs"> <span>自定义字段：</span> <input type="text"...
2020-05-27
JS实现Cookie读、写、删除操作工具类示例
本文实例讲述了JS实现Cookie读、写、删除操作工具类。分享给大家供大家参考，具体如下：/****读取指定的Cookie值 readCookie("id");*@param {string} cookieName Cookie名称*/f...
2020-05-27
vue-router路由懒加载的实现（解决vue项目首次加载慢）
在Web应用程序中，系统的瓶颈常在于系统的响应速度。如果系统响应速度过慢，用户就会出现埋怨情绪，系统的价值也因此会大打折扣。因此，提高系统响应速度，是非常重要的。懒加载(Load...
2020-05-27
JavaScript使用递归和循环实现阶乘的实例代码
【实现方法】 1.利用while循环来做，当然for循环也可以。 2.递归【代码内容】 偷懒，直接用onkeyup事件来限制来页面的输入 循环代码：//第一种方法 while循环...
2020-05-27
Vue封装的可编辑表格插件方法
可任意合并表头，实现单元格编辑。页面效果如图：页面使用如下：<template> <div> <v-table :datat = "tableData" :thlabel="thlabel" :isEdit="true"> </v-table> </d...
2020-05-27
浅谈redux以及react-redux简单实现
写在前头redux 简介随着 JavaScript 单页应用开发日趋复杂，JavaScript 需要管理比任何时候都要多的 state （状态）。 这些 state 可能包括服务器响应、缓存数据、本地生成尚未持...
2020-05-27
浅谈VUE单页应用首屏加载速度优化方案
单页应用会随着项目越大，导致首屏加载速度很慢！！！以下给出在下知道的几种优化方案 使用CDN资源,减小服务器带宽压力 路由懒加载 将一些静态js css放到其他地方（如OSS），减小服务...
2020-05-27
Vue实现用户自定义字段显示数据的方法
如下：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...
2020-05-27
vue+axios+mock.js环境搭建的方法步骤
在前后端分离开发模式下，前端项目通常在项目构建初期需要使用假数据以及相应的http请求来进行辅助开发，例如在后端接口还没开发好下，我们可以模拟http请求以及数据来进行前端的...
2020-05-27
vue表单自定义校验规则介绍
如下所示：<div id="app"><el-form :model="ruleForm2" :rules="rules2" ref="ruleForm2" label-width="100px" class="demo-ruleForm"> <el-form-item label="密码" prop="pa...
2020-05-27
微信小程序获取音频时长与实时获取播放进度问题
首先在没有播放音频之前，居然拿不到总时长但是在播放之后也需要设置setTimeout来获取所以在监听音频播放进度更新事件中获取。顺便获取当前播放进度按照官方的写法audioPlaye...
2020-05-27
微信小程序多音频播放进度条问题
真的脑子疼，小程序的音频组件居然没有进度控制的功能，网上的方法又很少，逻辑通了就好写了。1.所有音频播放、停止按钮使用状态切换控制
2.当点击某个音频播放时，首先将所有音频...
2020-05-27
vue 使用自定义指令实现表单校验的方法
笔者近期在公司的项目中使用自定义指令完成了表单校验。这里将思路分享给大家，并写了一个小demo。这个自定义指令还需要大家自行完善。demo可见Github:vue-form-param-check...
2020-05-27
JavaScript实现的前端AES加密解密功能【基于CryptoJS】
本文实例讲述了JavaScript实现的前端AES加密解密功能。分享给大家供大家参考，具体如下：js前端AES加密最近由于项目需求做了一次MITM，突然即使发现使用HTTPS，也不能保证数据传输...
2020-05-27
vue.js实现带日期星期的数字时钟功能示例
本文实例讲述了vue.js实现带日期星期的数字时钟功能。分享给大家供大家参考，具体如下：<!doctype html><html><head><meta charset="utf-8"><title>www.freexyz.cn vue.js带日期...
2020-05-27
vue-cli3脚手架的配置及使用教程
这次给大家带来vue-cli3.0配置及使用详解，写给需要的朋友。Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cl...
2020-05-27
JavaScript模拟实现自由落体效果
本文实例为大家分享了js实现自由落体效果的具体代码，供大家参考，具体内容如下1.效果图
2.实现分析
利用Canvas画圆球、地面；1.下落过程
物理知识回顾，物体下落过程（不计损耗）由重...
2020-05-27
微信小程序自定义音乐进度条的实例代码
需求：显示音乐播放按钮、可手动拖拽进度条；页面中含多个音乐，播放当前音乐时暂停其他音乐播放。小程序自带标签 audio小程序自带的audio标签含固定的样式，且有最小尺寸。目前项...
2020-05-27
react native 获取地理位置的方法示例
react native 官网介绍了这个 api Geolocation 但是这个api只能返回 经纬度 所以要把经纬度 通过逆地理位置转义 http://recode.ditu.aliyun.com/jsdoc/geocode_api.html 可...
2020-05-27
利用vue.js把静态json绑定bootstrap的table方法
直接上代码嘻嘻，发现bootstrap+vue.js拿来做原型效率挺高，以后就这样做原型<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <link rel="styles...
2020-05-27
layui实现文件或图片上传记录
本文为大家分享了layui实现文件或图片上传记录的具体代码，供大家参考，具体内容如下首先是layui自己的官网关于图片/文件上传的帮助文档：接下来是我自己的使用记录：1.首先在js中...
2020-05-27
微信小程序自定义组件封装及父子间组件传值的方法
首先在我们可以直接写到需要的 page 中，然后再进行抽取组件，自定义组件建议 wxzx-xxx 命名官网地址：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-comp...
2020-05-27
对Vue table 动态表格td可编辑的方法详解
项目中需求用到可编辑表格下图这种 ↓element UI 组件table表格中 增加template 模版翻入input 根据业务逻辑增加全局变量 isEdit 是否变化。<el-table-column label="名称"...
2020-05-27
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
本文实例讲述了jQuery实现的响应鼠标移动方向插件用法。分享给大家供大家参考，具体如下：HTML代码如下：<!doctype html><html><head> <meta http-equiv="Content-Type" content=...
2020-05-27
vue+element-ui动态生成多级表头的方法
vue+elementhtml配置：<div id="table">{{tableData}}<el-table :data="tabledata01" :span-method="tableSpanMethod" max-height="420"><el-table-column v-for='item in ta...
2020-05-27
vee-validate vue 2.0自定义表单验证的实例
亲测可用学习vee-validate，首先可以去阅读官方文档，更为详细可以阅读官网中的规则。一、安装您可以通过npm或通过CDN安装此插件。1. NPMnpm install vee-validate --save2. CD...
2020-05-27
微信小程序中上传图片并进行压缩的实现代码
小程序上传图片要先了解他其中的各个属性值，在https://developers.weixin.qq.com/miniprogram/dev/api/media-picture.html内有详细的介绍今天在这里主要来讲下如何去上传图...
2020-05-27
微信小程序自定义select下拉选项框组件的实现代码
知识点：组件，animation，获取当前点击元素的索引与内容微信小程序中没有select下拉选项框，所以只有自定义。自定义的话，可以选择模板的方式，也可以选择组件的方式来创建。这次我选...
2020-05-27
在vue中使用SockJS实现webSocket通信的过程
最近接到一个业务需求,需要做一个聊天信息的实时展示的界面,这就需要和服务器端建立webSocket连接,从而实现数据的实时获取和视图的实时刷新.在此将我的实现记录下来,希望可...
2020-05-27
详解webpack自定义loader初探
最近负责的Weex项目涉及到一些构建上的问题，需要通过自定义webpack的loader去实现，于是学习了一下这方面的知识，写一篇文章做个总结，以免遗忘。webpack想必前端圈的人都知道了，大...
2020-05-27
javascript中UMD规范的代码推演
1. UMD规范
地址：https://github.com/umdjs/umdUMD规范，就是所有规范里长得最丑的那个，没有之一！！！它是为了让模块同时兼容AMD和CommonJs规范而出现的，多被一些需要同时支持浏览器...
2020-05-27
