十分钟带你快速了解React16新特性
前段时间React的16版本发布了，采用了MIT开源许可证，新增了一些新的特性。 Error Boundary render方法新增返回类型 Portals 支持自定义DOM属性 setState传入null时不会再...
2020-05-27
微信小程序实现多宫格抽奖活动
最近闲来无事，做了一个多宫格抽奖的例子，有什么需要改进或者错误的地方，请留言，谢谢首先看效果：思路是先让其转动2圈多，然后再进行抽奖，格子运动用的是setTimeout，让其运行的时间间...
2020-05-27
微信小程序实现选项卡功能
本文实例为大家分享了微信小程序选项卡功能展示的具体代码，供大家参考，具体内容如下首先看看微信小程序上的选项卡的效果：原理呢，就是先布局好（这就不必说了吧），然后在上面的每一个...
2020-05-27
微信小程序异步处理详解
本文实例为大家分享了微信小程序异步处理的具体方法，供大家参考，具体内容如下直接看问题：然后看打印的结果：根据上面两图可以看出，代码上先执行的网络请求，再执行打印的变量，但是从...
2020-05-27
详解Vue如何支持JSX语法
通常开发vue我们使用的是模板语法，其实还有和react相同的语法，那就是render函数，同样支持jsx语法。
Vue 的模板实际是编译成了 render 函数。1.传统的createElement方法create...
2020-05-27
vue父组件向子组件动态传值的两种方法
在一些项目需求中需要父组件向子组件动态传值，比如我这里的需求是，父组件动态通过axios获取返回的图片url数组然后传给子组件，上传图片的子组件拿到该数组后进行遍历并展示图片...
2020-05-27
vue jsx 使用指南及vue.js 使用jsx语法的方法
vue jsx 语法与 react jsx 还是有些不一样，在这里记录下。let component = null// if 语句if (true) { component = ( <div></div> );} else { component = ( <div></d...
2020-05-27
AngularJS遍历获取数组元素的方法示例
本文实例讲述了AngularJS遍历获取数组元素的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取数组的元素...
2020-05-27
AngularJS使用ng-repeat遍历二维数组元素的方法详解
本文实例讲述了AngularJS使用ng-repeat遍历二维数组元素的方法。分享给大家供大家参考，具体如下：问题：最近在做报表的项目，有一种情况是后台返回给我的是一个二维数组，在前台将数...
2020-05-27
fetch 使用及如何接收JS传值
使用fetch基本方式：fetch('https://mywebsite.com/endpoint/', { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json'}, body:...
2020-05-27
JS Input里添加小图标的两种方法
我们在做网页的时候，经常需要在input里面添加小图标，那么这里就介绍比较常见的两种方法。方法一将小图标当做input的背景来插入，直接上代码吧：<style type="text/css"> *{...
2020-05-27
解决vue组件中使用v-for出现告警问题及v for指令介绍
在项目中运行v-for代码段时，<flexbox v-if="roleShow" style="padding:15px; box-sizing: border-box;"> <flexbox-item v-for="role in roles " > <x-button mini :ty...
2020-05-27
jQuery实现checkbox即点即改批量删除及中间遇到的坑
最近要用jQuery实现一个批量删除操作，效果如下图最终页面page.html，此页面使用了bootstrap和jQuery，如果没有需要下载一下<!DOCTYPE html><html> <head> <meta charset="UTF-...
2020-05-27
JS实现小球的弹性碰撞效果
一、HTML代码（body部分） <body> <!--只需要做一个大div包裹几个小div即可，你想要几个小球碰撞就在内部做几个div即可，这里我们做了6个小球--> <div id="main"> <div></...
2020-05-27
JQ图片文件上传之前预览功能的简单实例(分享)
1、先准备一个divonchange触发事件<input type="file" onchange="preview(this)" ></span><div id="preview"></div>2、写JS代码//上传图片之前预览图片function preview(fi...
2020-05-27
浅谈webpack下的AOP式无侵入注入
说起来, 面向切面编程(AOP)自从诞生之日起，一直都是计算机科学领域十分热门的话题，但是很奇怪的是，在前端圈子里，探讨AOP的文章似乎并不是多，而且多数拘泥在给出理论，然后实现个片...
2020-05-27
基于js中style.width与offsetWidth的区别(详解)
作为一个初学者，经常会遇到在获取某一元素的宽度（高度、top值...）时，到底是用 style.width还是offsetWidth的疑惑。1. 当样式写在行内的时候，如 <div id="box" style="width:100p...
2020-05-27
AngularJS 表单验证手机号的实例(非必填)
代码如下所示：<form ng-app="myApp" ng-controller="validateCtrl" name="myForm" novalidate><p>电话:<br><input type="text" name="phone" ng-model="phone" ng-pattern="...
2020-05-27
js设置随机切换背景图片的简单实例
实例如下：<script> var imgs =["http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_2.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112...
2020-05-27
React通过父组件传递类名给子组件的实现方法
React 教程React 是一个用于构建用户界面的 JAVASCRIPT 库。
React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。
React 起源于 Facebook 的内部项目，用来架设 Instag...
2020-05-27
Vue2 配置 Axios api 接口调用文件的方法
前情回顾在上一篇中，我们通过配置基本的信息，已经让我们的项目能够正常的跑起来了。但是，这里还没有涉及到 AJAX 请求接口的内容。vue 本身是不支持 ajax 接口请求的，所以我们需...
2020-05-27
详解Vuex管理登录状态
又仔细看了一遍vuex的文档，还是云里雾里的，不过至少明白它是一个专门管理状态的，根据数据状态的改变可以驱动视图更新，既然是这样那至少登录注册是一种状态，就用登录来做测试，学习...
2020-05-27
vue 挂载路由到头部导航的方法
路由是写好了，但正确的切换路由方式不应该是我们在地址栏里面输入地址，有追求的方式是点击头部的导航菜单来切换，就像这样
我们点击上面的发现、关注、消息就切换路由导航我们...
2020-05-27
JS实现提交表单前的数字及邮箱校检功能
个人觉得一个工程中让用户提交表单时，用户提交的数据类型及内容不确定度都很大，用户不一定会完全理解设计者意思。所以提交表单前的校检是必须的，这里简单分享几个校检方法，本人...
2020-05-27
利用HBuilder打包前端开发webapp为apk的方法
现在的前端开发可谓是，百花齐放啦，什么都可以做，只有想不到没有做不到的，今天就简单的介绍用vue，ng或者是react开发的单页应用如何打包为apk，在移动设备上运行。这里以vue为例，其他...
2020-05-27
Vue.js用法详解
vue.js 教程Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API...
2020-05-27
mescroll.js上拉加载下拉刷新组件使用详解
本文实例为大家分享了上拉加载下拉刷新组件mescroll.js的具体代码，供大家参考，具体内容如下附上链接地址http://www.mescroll.com/api.html#NPM，手机端和浏览器都能够使用，唯一...
2020-05-27
Angular实现表单验证功能
Angular表单验证分为两种验证：1.内置验证（required，minlength等）；2.自定义验证（正则表达式）。接下来我们用一个注册账号的demo来看一下这两种验证是如何实现的。项目界面一、内置验...
2020-05-27
jQuery除指定区域外点击任何地方隐藏DIV功能
具体代码如下所示：$('body').click(function(e) { var target = $(e.target); // 如果#overlay或者#btn下面还有子元素，可使用 // !target.is('#btn *') && !target.is('#o...
2020-05-27
vue+vue-validator 表单验证功能的实现代码
官方文档：http://vuejs.github.io/vue-validator/zh-cn/index.htmlgithub项目地址：https://github.com/vuejs/vue-validator下面给大家介绍vue+vue-validator 表单验证功能，具...
2020-05-27
vue router使用query和params传参的使用和区别
写在前面：传参是前端经常需要用的一个操作，很多场景都会需要用到上个页面的参数，本文将会详细介绍vue router 是如何进行传参的，以及一些小细节问题。有需要的朋友可以做一下参...
2020-05-27
js实现数组内数据的上移和下移的实例
实例如下所示：var swapItems = function(arr, index1, index2){ arr[index1] = arr.splice(index2,1,arr[index1])[0] return arr}var arr = [1,2,3]var newArr = []up...
2020-05-27
JS 仿支付宝input文本输入框放大组件的实例
input输入的时候可以在后边显示数字放大镜<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>JS 仿支付宝input文本输入框放大组件</title> <script s...
2020-05-27
使用Vue-Router 2实现路由功能实例详解
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统...
2020-05-27
Angular移动端页面input无法输入的解决方法
解决方法：用angular写手机页面，有时候会发现input输入框点击了却不能输入，或者长按才能输入，可能是因为input绑定了ng-click导致，可去掉ng-click，将ng-click绑定的方法改用ng-focu...
2020-05-27
Node之简单的前后端交互(实例讲解)
node是前端必学的一门技能，我们都知道node是用的js做后端，在学习node之前我们有必要明白node是如何实现前后端交互的。这里写了一个简单的通过原生ajax与node实现的一个交互，刚...
2020-05-27
基于 Vue 实现一个酷炫的 menu插件
写在前面最近看到一个非常酷炫的menu插件，一直想把它鼓捣成vue形式，谁让我是vue的死灰粉呢，如果这都不算爱:pensive:。:laughing:开个小玩耍，我们一起来探索黑魔法吧。观看本教...
2020-05-27
vue中如何创建多个ueditor实例教程
前言
前一段时间公司Vue.js项目需要使用UEditor富文本编辑器,在百度上搜索一圈没有发现详细的说明,决定自己尝试,忙活了一天终于搞定了。具体可以参考这篇文章：https://www.j...
2020-05-27
JavaScript插件Tab选项卡效果
闲来无事，研究了一下JavaScript插件的写法，今天就将自己写的一个小插件记录下来。本文介绍了此款插件的基本用法，实现的功能以及代码。首先，来看看最终效果：这是一款普通的Tab选...
2020-05-27
js精确的加减乘除实例
实例如下：(function () { var calc = { /* 函数，加法函数，用来得到精确的加法结果 说明：javascript的加法结果会有误差，在两个浮点数相加的时候会比较明显。这个函数返回较为...
2020-05-27
Node.js使用Express.Router的方法
在实际开发中通常有几十甚至上百的路由，都写在 index.js 既臃肿又不好维护，这时可以使用 express.Router 实现更优雅的路由解决方案。目录结构如下：routes的index.js代码如下：co...
2020-05-27
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
做项目的时候有这么一个需求，客户信息显示出来后我要搜索查找相关的客户，并把相关的客户信息全部显示出来，因为一个客户全部信息我写在一个div里面 所以显示的时候就是显示整...
2020-05-27
JS中图片压缩的方法小结
首先想一想我们有哪些需求？大多时候我们需要将一个File对象压缩之后再变为File对象传入到远程图片服务器；有时候我们也需要将一个base64字符串压缩之后再变为base64字符串传入...
2020-05-27
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
本文实例讲述了JS实现获取汉字首字母拼音、全拼音及混拼音的方法。分享给大家供大家参考，具体如下：这里需要用到一个js获取汉字拼音的插件，可点击此处本站下载。运行效果如下：完...
2020-05-27
cordova入门基础教程及使用中遇到的一些问题总结
前言现在做项目为了节约成功，适配多平台 cordova不为是一个很好的选择。个人觉得以后也许是一个趋势！像一些知名的APP 比如支付宝 淘宝 好多都大量集成了HTML5 页面！像我们公...
2020-05-27
JavaScript函数绑定用法实例分析
本文实例讲述了JavaScript函数绑定。分享给大家供大家参考，具体如下：Perface如果让你实现这个页面和一些操作的，比如点击1、2、3等就在那个input text中显示，还有删除功能，拨打我...
2020-05-27
JavaScript实现为事件句柄绑定监听函数的方法分析
本文实例讲述了JavaScript实现为事件句柄绑定监听函数的方法。分享给大家供大家参考，具体如下：在JavaScript中为Dom元素绑定事件监听函数是一件非常常见的事情，但这里也有许多...
2020-05-27
bootstrap paginator分页插件的两种使用方式实例详解
分页有两种方式：1. 前台分页：ajax一次请求获取全部数据，适合少量数据（万条数据以下）；$.ajax({ type: "GET", url: "",//后台接口地址 dataType: "json", success: function (m...
2020-05-27
js导出Excel表格超出26位英文字符的解决方法ES6
这个需要对Excel表格的表头编码规则有所了解，目前示例代码只扩展到52个字段
/***json数据导入导出Excel表格示例代码*/ var array_utils = require('./utils-array')var XLSX...
2020-05-27
手机注册发送验证码倒计时的简单实例
如下所示：()这里用的是input做的点击发送验证码<input type="number" class="input" name="mobile" placeholder="手机号" style="border: none"<input class="hui_kuang"sty...
2020-05-27
