为输入框加入数字js校验代码分享
js限制只能数字输入，并且在把输入的“非法字符”清除掉之后将焦点停留在输入非法字符的位置，参考如下：
html部分：<input value="" type="text" onkeyup="javascript:RepNumber(t...
2020-05-27
Vue源码学习之初始化模块init.js解析
我们看到了VUE分了很多模块（initMixin()stateMixin()eventsMixin()lifecycleMixin()renderMixin()），通过使用Mixin模式，都是使用了JavaScript原型继承的原理，在Vue的原型上面增加...
2020-05-27
JavaScript屏蔽Backspace键的实现代码
今天在IE浏览器下发现，当把使用readonly="readonly"属性将文本框设置成只读<input type="text" readonly="readonly"/>时有一个奇怪的问题：如果光标进入只读文本框，然后按下Bac...
2020-05-27
利用nvm管理多个版本的node.js与npm详解
前言Nvm 管理不同版本的 node 与 npmnvm 是 NodeJS 的多版本管理工具，有点类似管理 Ruby 的 rvm，如果是需要管理 Windows 下的 node，官方推荐是使用 nvmw 或 nvm-windows 。卸...
2020-05-27
极简主义法编写JavaScript类
这个所谓的"极简主义法"是荷兰程序员Gabor de Mooij提出来的，这种方法不使用this和prototype，代码部署起来非常简单，这大概也是它被叫做"极简主义法"的原因。下面就介绍如何使...
2020-05-27
微信小程序实现图片放大预览功能
需求：当点击图片时，当前图片放大预览，且可以左右滑动实现方式：使用微信小程序图片预览接口我们可以看到api需要两个参数，分别通过下面的data-list和data-src来传到js中wxml代码： <...
2020-05-27
微信小程序选择图片和放大预览图片功能
视频中,老师也是看着官方文档,为学生们讲解,微信提供了系统的方法来选择图片.wx.chooseImage({})此方法是用来选择图片的方法,具体使用如下: data: { avatarUrl:null },首...
2020-05-27
微信小程序自动客服功能
微信小程序最近比较火爆，所以抽空做了个客服机器人的小程序，来回答之前坦克游戏中的常见问题。当然这个小程序也很容易修改为其他类型的自动客服，需要做的仅仅是在olami平台加...
2020-05-27
js 客户端打印html 并且去掉页眉、页脚的实例
print() 方法用于打印当前窗口的内容，支持部分或者整个网页打印。调用 print() 方法所引发的行为就像用户单击浏览器的打印按钮。通常，这会产生一个对话框，让用户可以取消或定...
2020-05-27
详解React-Native全球化多语言切换工具库react-native-i18n
开篇啰嗦–阶段感悟
最近2 -3个月基本都因为一些私事没怎么系统的工作和学习，途中看了几天Kotlin的东西写了些demo并且整了个小项目，但是整体状态不是很好，这些天看到些95后码...
2020-05-27
基于angular-utils-ui-breadcrumbs使用心得(分享)
angular-utils-ui-breadcrumbs是一个用来自动生成面包屑导航栏的一个插件，需要依赖angular、UIRouter和bootstrap3.css。生成的界面截图如下，点击相应的面包屑会跳转到相应的...
2020-05-27
ztree实现左边动态生成树右边为内容详情功能
zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件,兼容 IE、FireFox、Chrome 等浏览器 在一个页面内可同时生成多个 Tree 实例 支持 JSON 数据 支...
2020-05-27
React-intl 实现多语言的示例代码
最近在项目中添加了语言国际化的功能。语言国际化，也有人说成是语言本地化，其实就是为Web App添加多语言，我们的项目当前包含了中文版和英文版，按理来说『逐字替换』也不是多大...
2020-05-27
vue解决跨域路由冲突问题思路解析
vue 简介Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现...
2020-05-27
AngularJS中controller控制器继承的使用方法
前沿最近在angularjs项目当中，看到 controller 好多都是重复性的代码，在 controller 当中有好多代码很相似 function（比如 controller 下的 CRUD 方法），重复性工作太多。后来想，可...
2020-05-27
基于ES6作用域和解构赋值详解
ES6 强制开启严格模式作用域•var 声明局部变量，for/if花括号中定义的变量在花括号外也可访问•let 声明的变量为块作用域，变量不可重复定义•const 声明常量，...
2020-05-27
mui上拉加载更多下拉刷新数据的封装过程
辗转用mui做了两个项目，空下来把mui上拉加载更多，下拉刷新数据做了一个简单的封装，希望可以帮助到需要的朋友demo项目的结构直接贴代码了index.htmlmui上拉刷新下拉加载都这里...
2020-05-27
angular中ui calendar的一些使用心得(推荐)
ui calendar是封装fullcalendar的一款angular指令插件官方地址：http://angular-ui.github.io/ui-calendar/fullcalendar 和ui calendar包安装我就不介绍了。自行百度下。包安...
2020-05-27
nginx配置React静态页面的方法教程
前言本文主要给大家介绍了关于nginx配置React静态页面的相关内容，文中给大家详细介绍了关于nginx的安装以及一些基本操作，然后给大家分享了React 静态页面 nginx 配置简洁版的...
2020-05-27
基于jQuery解决ios10以上版本缩放问题
具体代码如下所示：<script type="text/javascript"> /*解决ios10以上版本缩放问题 20171102*/ window.onload=function () { document.addEventListener('touchsta...
2020-05-27
React.Js添加与删除onScroll事件的方法详解
React简介React是有Facebook开发出来用于构建前端界面的JS组件库，由于其背后的强大背景，使得这款库在技术开发上完全没有问题。React的优势 解决大规模项目开发中数据不断变...
2020-05-27
关于Vue背景图打包之后访问路径错误问题的解决
案例环境通过vue-cli脚手架创建的vue项目在项目打包的时候遇到了背景图片路径出错的问题，经过谷歌一番，发现是在配置的时候对图片的限制大小过小造成的首先，出错点在url-loader...
2020-05-27
Angular4绑定html内容出现警告的处理方法
前言众所周知在Web前端开发中，我们经常会遇见需要动态的将一些来自后端或者是动态拼接的HTML字符串绑定到页面DOM显示，特别是在内容管理系统（CMS：是Content Management System的...
2020-05-27
使用 Javascript 实现浏览器推送提醒功能的示例
本篇文章内容简单，速读只需两三分钟，通过这两三分钟的时间你就可以给自己的网站实现推送提醒的功能Notification 类简单明了，这个类就是负责推送消息的，只要用户当前没有关闭页...
2020-05-27
原生JavaScrpit中异步请求Ajax实现方法
在前端页面开发的过程中，经常使用到Ajax请求，异步提交表单数据，或者异步刷新页面。一般来说，使用Jquery中的$.ajax，$.post，$.getJSON，非常方便，但是有的时候，我们只因为需要ajax功能...
2020-05-27
javascript+jQuery实现360开机时间显示效果
实现效果：实现原理： 给关闭按钮绑定点击事件，点击以后触发动画效果。利用jQuery的animate方法，先让显示天气的盒子高度变为0，接着让整个包含天气和事件的盒子宽度变为0，最后通...
2020-05-27
vue中使用localstorage来存储页面信息
今天小颖在跟着慕课网学习vue，不学不知道，一学吓一跳，学了才发现，我之前知道的只是vue的冰山一角，嘻嘻，今天把小颖跟着慕课网学习的demo，给大家分享下，希望对大家有所帮助嘻嘻。环境...
2020-05-27
vue2.0在table中实现全选和反选的示例代码
其实在去年小颖已经写过一篇：Vue.js实现checkbox的全选和反选小颖今天在跟着慕课网学习vue的过程中，顺便试试如何在table中实现全选和反选，页面的css样式是直接参考慕...
2020-05-27
简述Angular 5 快速入门
一、概述尽管被称为Angular5，实际上它只是这个诞生于2012年的前端框架的的第四个版本：
angular history看起来差不多半年就发布一个新版本，不过实际上从重写的版本2开始，开发接...
2020-05-27
浅谈Vuex的状态管理(全家桶)
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue...
2020-05-27
Vue全家桶实践项目总结(推荐)
从前端的角度看，Vue可以说是目前最理想的前端MVVM框架，一切为界面服务，上手难度低，本文就将记录使用Vue全家桶（Vue+Vue-router+Vuex）重构一个jQuery+template项目的过程，以及期间的...
2020-05-27
JavaScript中立即执行函数实例详解
前言js立即执行函数可以让你的函数在创建后立即执行，js立即执行函数模式是一种语法，可以让你的函数在定义后立即被执行，这种模式本质上就是函数表达式(命名的或者匿名的)，在创建...
2020-05-27
详解使用React全家桶搭建一个后台管理系统
引子学生时代为了掌握某个知识点会不断地做习题，做总结，步入岗位之后何尝不是一样呢？做业务就如同做习题，如果‘课后'适当地进行总结，必然更快地提升自己的水平。 由于公司采用的...
2020-05-27
angular中不同的组件间传值与通信的方法
本文主要介绍angular在不同的组件中如何进行传值，如何通讯。主要分为父子组件和非父子组件部分。父子组件间参数与通讯方法使用事件通信（EventEmitter，@Output）：场景：可以在父子组...
2020-05-27
JavaScript实现三级级联特效
本文实例为大家分享了js实现三级级联特效的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body...
2020-05-27
vue+node+webpack环境搭建教程
一、环境搭建1.1、去官网安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html )注意node的版本，只有支持和谐模式的node才会支持es6,在基于webpack构建项目...
2020-05-27
JavaScript实现音乐自动切换和轮播
前言：前两天有个同学问我音乐自动切换，并在所有歌曲都播放完成以后实现循环播放的效果。自己折腾了一下做了出来，今天整理桌面的时候突然看见，在拖到回收站的一瞬间想着还是写一...
2020-05-27
Vuejs实现购物车功能
开始更新前端框架Vue.JS的相关博客。功能概述学习了Vue.JS的一些基础知识，现在利用指令、数据绑定这些基础知识开发一个简单的购物车功能。功能要点如下：
（1）展示商品的名称、...
2020-05-27
js定时器实现倒计时效果
本文实例为大家分享了js定时器实现倒计时效果展示的具体代码，供大家参考，具体内容如下日期函数倒计时 = 用 将来的时间 - 现在的时间 问题：将来时间 距离 1970 毫秒数 -...
2020-05-27
JS实现图片放大镜插件详解
前 言
我们大家经常逛各种电商类的网站，商品的细节就需要用到放大镜，这个大家一定不陌生，今天我们就做一个图片放大镜的插件，来看看图片是如何被放大的……先看一下我们要...
2020-05-27
two.js之实现动画效果示例
一、什么是two.js？Two.js 是面向现代 Web 浏览器的一个二维绘图 API。Two.js 可以用于多个场合：SVG，Canvas 和 WebGL，旨在使平面形状和动画的创建更方便，更简洁。Two.js 有一个内...
2020-05-27
基于Two.js实现星球环绕动画效果的示例
Two.js 是面向现代 Web 浏览器的一个二维绘图 API。Two.js 可以用于多个场合：SVG，Canvas 和 WebGL，旨在使平面形状和动画的创建更方便，更简洁。Two.js 有一个内置的动画循环，可搭...
2020-05-27
快速搭建React的环境步骤详解
前端生态这几年可谓迎来了大发展，在这个生态圈内，不接受新事物学习新技能，等于堕入魔道。本文尝试对前端开发利器React，以及构建项目过程中涉及的技术栈进行介绍，以期开启整个构...
2020-05-27
Node.js实现发送邮件功能
本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下var nodemailer = require("nodemailer");var mailTitle='http://handsupowo.pl/：Releases Han...
2020-05-27
原生js封装添加class,删除class的实例
一、添加classfunction addClass(ele,cName) { var arr = ele.className.split(' ').concat(cName.split(" ")); for(var i=0;i<arr.length;i++){ for(var k=arr.length-1;...
2020-05-27
利用百度地图API获取当前位置信息的实例
利用百度地图API可以做很多事情，个人感觉最核心也是最基础的就是定位功能了。这里分享一个制作的JS可以实现登录网页后定位：<script type="text/javascript"> var map; var gp...
2020-05-27
js实现简单数字变动效果
本文实例为大家分享了js实现数字变动效果展示的具体代码，供大家参考，具体内容如下 $.fn.countTo = function (options) { options = options || {};//当options未被初始化，即ty...
2020-05-27
js中apply与call简单用法详解
你可以直接看例子，也可以先读一下介绍：call和apply是为了动态改变this而出现的，当一个object没有某个方法，但是其他的有，我们可以借助call或apply用其它对象的方法来操作。call,...
2020-05-27
解决option标签selected="selected"属性失效的问题
要在select标签上面加上autocomplete="off"关闭自动完成，不然浏览器每次刷新后将自动选择上一次关闭时的option，这样默认属性selected="selected"就会失效啦要记住每次遇到sel...
2020-05-27
详解基于vue-cli优化的webpack配置
最近的项目度过了开始忙碌的基建期，也慢慢轻松下来，准备记录一下自己最近webpack优化的措施，希望有温故知新的效果。
项目采用的是vue全家桶，构建配置都是基于vue-cli去改进的。...
2020-05-27
