微信小程序getPhoneNumber获取用户手机号
微信小程序getPhoneNumber获取用户手机号小程序中有很多地方都会用到注册用户信息的地方，用户需要填写手机号等， 有了这个组件可以快速获取微信绑定手机号码，无须用户填写。1....
2020-05-27
微信小程序之数据缓存的实例详解
微信小程序之数据缓存的实例详解前言：在H5之前，缓存一般都是用cookie，但是cookie的存储空间太小。于是，H5增加了新的缓存机制，即localstorage 和 sessionstorage，具体的介绍就不在...
2020-05-27
微信小程序 POST请求的实例详解
微信小程序 POST请求的实例详解在微信小程序里post请求和get情求，写法差不多，但是还是有一点点不同的，下面利用post请求做一个查询天气的微信小程序demo。页面代码：<view> {{ti...
2020-05-27
给vue项目添加ESLint的详细步骤
eslint配置方式有两种：
1.注释配置：使用js注释来直接嵌入ESLint配置信息到一个文件里
2.配置文件：使用一个js，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置...
2020-05-27
js仿微信抢红包功能
本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>仿微信抢红包</title>...
2020-05-27
微信小程序之GET请求的实例详解
微信小程序之GET请求的实例详解学习前端的人应该都会使用ajax的get请求数据，那么在微信小程序里怎样实现get请求呢？下面我就给大家演示一下简单的get请求。先上代码：//index.js...
2020-05-27
JavaScript数组的5种迭代方法
ES5为数组定义了5个迭代方法。每种方法都接收两个参数。要在每一项上运行的函数和（可选的）运行该函数的作用域对象--影响this的值。//其中（可选的）这个参数暂时未遇到过。其中，函...
2020-05-27
vue-cli的eslint相关用法
ESLint简介关于ESLint的介绍网上很多，这里就简单说些有用的。
ESLint的作用是检查代码错误和统一代码风格的。由于每个人写代码的习惯都会有所不同，所以统一代码风格在团队协...
2020-05-27
微信小程序之选项卡的实现方法
微信小程序之选项卡的实现方法前言：从事前端的同学们一定不会对选项卡陌生，不管是自己原生写的，还是各个UI框架里带的，我想大家都使用过很多选项卡，对选项卡的原理也足够清楚了，...
2020-05-27
微信小程序之页面跳转和参数传递的实现
微信小程序之页面跳转和参数传递的实现前言：在微信小程序里面的跳转其实和html里的超链接a差不多，我们实现跳转可以通过标签实现，也可以通过js实现，下面一一演示给大家看一下。...
2020-05-27
详解让sublime text3支持Vue语法高亮显示的示例
让sublime text3支持Vue语法高亮显示1.准备语法高亮插件vue-syntax-highlight。下载地址：https://github.com/vuejs/vue-syntax-highlight下载页面并下载：解开压缩包vue-synta...
2020-05-27
使用cropper.js裁剪头像的实例代码
最近项目需要头像裁剪的功能，在网上找了一下，发现了github上的cropper项目还不错，借鉴了一下。。用起来挺简单的，下面是我做的一个小例子：开始先放个成品图：下面给出前后端的代码...
2020-05-27
javascript 缓冲运动框架的实现
javascript 缓冲运动框架的实现框架的使用，大大的提高了我们的编码的效率，下面分享一个缓冲运动框架。实例代码：/** * Created by wang on 2016/8/3. *///获取非行间样式和行间...
2020-05-27
Angular表格神器ui-grid应用详解
本文实例为大家分享了Angular表格神器ui-grid的具体代码，供大家参考，具体内容如下HTML: （代码仅用于解释得更清楚，并未完全展示）<!doctype html><html ng-app="app"> <head> <s...
2020-05-27
H5实现仿flash效果的实现代码
H5实现仿flash效果的实现代码随着H5的火热，flash即将被H5所代替，如何利用H5实现flash的效果呢？我做了一个简单的小东西分享给大家。html和js部分：<!DOCTYPE html><html lang="en...
2020-05-27
iframe高度自适应及隐藏滚动条的实例详解
iframe高度自适应及隐藏滚动条的实例详解在工作中，我们可能会遇到自己公司和其他的公司达成合作关系，从而共同开发某个项目。而这时候，我们可能就需要在自己的网站上嵌入别人做...
2020-05-27
jquery之基本选择器practice(实例讲解)
一、在输入框中输入数字，点击按钮，实现对应事件的功能。html代码：<input id="txt1" type="text" value="2" /><input id="Button5" type="button" value="改变大于N的行背景为...
2020-05-27
浅谈react-native热更新react-native-pushy集成遇到的问题
主要步骤按官方文档实现，这里只记录遇到的一些小坑官方文档run-android时NDK报错前提是NDK已安装并且环境变量已设置根据报错提示在android/local.properties文件里加入ndk.d...
2020-05-27
iview给radio按钮组件加点击事件的实例
如下所示：<RadioGroup v-model="formValidate.phone"> <Radio label="phone">商家电话</Radio> <Radio label="leaderPhone">负责人电话</Radio>...
2020-05-27
浅谈vue的iview列表table render函数设置DOM属性值的方法
如下所示：{ title: '负责人社保照片', key: 'leaderIdNumber', render: (h, params) => { return h('img',{domProps:{ src:params.row.leaderI...
2020-05-27
JS设计模式之数据访问对象模式的实例讲解
引言HTML5 提供了两种在客户端存储数据的新方法：localStorage、sessionStorage，他们是Web Storage API 提供的两种存储机制，区别在于前者属于永久性存储，而后者是局限于当前窗口...
2020-05-27
jQuery完成表单验证的实例代码(纯代码)
废话不多说了，直接给大家贴代码了，具体代码如下所示：
<!doctype html> <head> <meta charset=utf-8" /> <title>表单验证</title> <link href="css/style1.css" rel="external...
2020-05-27
vue获取DOM元素并设置属性的两种实现方法
这里我想到了2个方法：方法一：直接给相应的元素加id,然后再document.getElementById("id");获取，然后设置相应属性或样式方法二：使用ref,给相应的元素加ref=“name” 然后再this....
2020-05-27
vue按需引入element Transfer 穿梭框
Transfer 穿梭框按需引入Transfer编辑main.jsimport { ... Transfer} from 'element-ui';const components = [ ... Transfer];components.map(component => { Vue.componen...
2020-05-27
react-native组件中NavigatorIOS和ListView结合使用的方法
前言本文主要给大家介绍了关于react-native组件中NavigatorIOS和ListView结合使用的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。先看效果使用方...
2020-05-27
详解在Vue中有条件地使用CSS类
很多时候Web在运行时要更改元素的CSS类名。但是在改变类名时，有时最好是有条件地应用样式。例如你有一个翻页的效果。翻页效果通常有一个高亮的效果，用于向用户显示当前页，这对...
2020-05-27
react-native中ListView组件点击跳转的方法示例
前言在 上一篇 我们实现了NavigatorIOS与ListView结合使用的方法，那么这篇文章介绍一下ListView里点击跳转到新视图的方法，话不多说了，来一起看看详细的介绍吧。先看效果用法
N...
2020-05-27
node通过express搭建自己的服务器
前言为了模拟项目上线，我们就需要一个服务器去提供API给我们调用数据。这次我采用express框架去写API接口。所有请求都是通过ajax请求去请求服务器来返回数据。第一次用node...
2020-05-27
js实现数组和对象的深浅拷贝
前提：原始数据类型和对象类型赋值时的差异JavaScript的数据类型分为原始数据类型和对象类型。二者在内存中存放的方式不同，导致了其赋值时差异。分别举个栗子var x = 1; var y...
2020-05-27
nodejs 图片预览和上传的示例代码
本文介绍了nodejs 图片预览和上传的示例代码，分享给大家，具体如下：效果如下：前言一般在上传图片之前需要暂存在本地预览一下。
前端图片预览用的是 FileReader的readAsDataURL方...
2020-05-27
微信小程序富文本渲染引擎的详解
微信小程序富文本渲染引擎的详解步骤 把 wxParser 目录放到小程序项目的根目录下 在需要富文本解析的 WXML 内引入 wxParser/index.wxml 在页面 JS 文件内使用 wxParser....
2020-05-27
jqgrid实现简单的单行编辑功能
本文实例为大家分享了jqgrid实现简单的单行编辑功能的具体代码，供大家参考，具体内容如下1.html代码<table id="tableList" style="text-align:center;"></table><div id=table...
2020-05-27
Node.js微信 access_token ( jsapi_ticket ) 存取与刷新的示例
access_token微信文档里存在两种access_token：普通 access_token 和 网页授权 access_token。具体区别参考：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp142...
2020-05-27
JS动态添加的div点击跳转到另一页面实现代码
div调用函数跳转：var obj = document.getElementById('id');obj.onclick=function(){ window.location.href="跳转的地址" rel="external nofollow" ; }源文件：<!DOC...
2020-05-27
React实践之Tree组件的使用方法
本文介绍了React实践之Tree组件，分享给大家，具体如下：
实现功能 渲染数据 展开合并使用数据结构：const node = { title: '00000', key: '0' , level:'level1', open: true, c...
2020-05-27
js实现轮播图的两种方式(构造函数、面向对象)
本文实例为大家分享了js实现轮播图的具体代码，供大家参考，具体内容如下1、构造函数<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type='t...
2020-05-27
Easy UI动态树点击文字实现展开关闭功能
只需要在JSP处，点击树的函数中，添加一段代码即可：整体如下：<span style="white-space:pre"> </span>$("#tt").tree({ onClick: function(node){ if(node.url != null)...
2020-05-27
vuejs使用递归组件实现树形目录的方法
上篇文章我提到了通讯录的开发，里面的目录使用了vue的递归组件实现的树形目录，这篇文章就来讲讲如何实现树形目录吧！首先实现效果如下，觉得菜单还是比较nice的是吧：这边数据调用...
2020-05-27
基于原生js运动方式关键点的总结(推荐)
主要方法：定时器的运用 setInterval(funnction(){},30);
为了避免最后时刻速度即将停止时的误差，可以采用下面的方法：if（iSpeed<1）//速度足够小的时候，让速度直接为0，避免速度的波...
2020-05-27
JS Testing Properties 判断属性是否在对象里的方法
Testing PropertiesTo check whether an object has a property with a given name. You can do this with the in operator, with the hasOwnProperty() and propertyIsEnu...
2020-05-27
原生js封装运动框架的示例讲解
昨天我们说了一下原生JS中常用的兼容性写法，今天我们来说一下运动框架.正常情况下我们要写一个运动的效果会用到tween.js这么一个插件，这个东西不是一般人写出来的，因为里面涉...
2020-05-27
原生JS实现图片无缝滚动方法(附带封装的运动框架)
话说轮播图效果是前端er学习JS的必经之路啊，很多同学写的第一个JS效果应该就是它了，在各大网站我们都会经常见到，但是无缝滚动运动效果的轮播图，对于小白们来说还是有一定难度的...
2020-05-27
无限循环轮播图之运动框架(原生JS实现)
封装运动框架function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; }else{ return getComputedStyle(obj,false)[name]; }}function move(o...
2020-05-27
vuejs使用$emit和$on进行组件之间的传值的示例
$emit和$on可以实现组件之间的传值，我们知道父组件传值给子组件使用props，但是不允许子组件传值给父组件，这时候使用这个就可以实现了。注意：$emit和$on的事件必须在一个公共的...
2020-05-27
React-Native之定时器Timer的实现代码
在web开发中，我们通常需要使用定时器功能，使用setTimeout和setInterval函数。
那么在ReactNative中，是否也提供了定时器的功能呢？ 答案是肯定的。我们还是先看看官网怎么说的。...
2020-05-27
浅谈Angular路由复用策略
一、引言
路由在执行过程中对组件无状态操作，即路由离退时组件状态也一并被删除；当然在绝大多数场景下这是合理的。但有时一些特殊需求会让人半死亡状态，当然这一切都是为了用...
2020-05-27
浅谈angular2路由预加载策略
1.问题描述
在没有使路由懒加载的时候，第一次使用的时候加载特别慢，影响用户体验，angular2可以使用loadChildren进行懒加载，第一次使用的时候只会加载需要的模块，其它模块在真正...
2020-05-27
浅谈Angular2 模块懒加载的方法
当项目变得复杂庞大以后，如果所有页面都在一个模块里，就会出现首页加载慢的问题，因为首页就已经把整个项目加载进来了。所以，很有必要根据业务将不同的功能分模块，以便Angular2按...
2020-05-27
vue-cli构建项目使用 less的方法
在vue-cli中构建的项目是可以使用less的，但是查看package.json可以发现，并没有less相关的插件，所以我们需要自行安装。
第一步：安装npm install less less-loader --save-dev 即...
2020-05-27
你应该知道的几类npm依赖包管理详解
前言大家都知道在一个Node.js项目中，package.json几乎是一个必须的文件，它的主要作用就是管理项目中所使用到的外部依赖包，同时它也是npm命令的入口文件。下面话不多说了，来一起...
2020-05-27
