Vue原理剖析 实现双向绑定MVVM
本文能帮你做什么？
1、了解vue的双向数据绑定原理以及核心代码模块
2、缓解好奇心的同时了解如何实现双向绑定
为了便于说明原理与实现，本文相关代码主要摘自vue源码, 并进行...
2020-05-27
Js实现中国公民身份证号码有效性验证实例代码
本文将使用JavaScript实现中国公民（15位或者18位）身份证号码的相关验证，功能如下： 身份证号有效性验证 分析详细身份证信息 生成一个虚拟的省份证号码。
身份证号码验证1、...
2020-05-27
JavaScript中双向数据绑定详解
双向数据绑定指的是将对象属性变化绑定到UI，或者反之。换句话说，如果我们有一个拥有name属性的user对象，当我们给user.name赋予一个新值是UI也会相应的显示新的名字。同样的，如...
2020-05-27
js调用刷新界面的几种方式
有的时候需要手动调用来刷新界面，比如非动态切换的语言模式啊，风格样式啊什么的。<!DOCTYPE html><html> <head> <meta charset='utf-8'> </head> <body> <button onclick="c...
2020-05-27
纯原生js实现贪吃蛇游戏
本文实例为大家分享了js实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk"><title>贪吃蛇游...
2020-05-27
详解Node.js串行化流程控制
串行任务：需要一个接着一个坐的任务叫做串行任务。可以使用回调的方式让几个异步任务按顺序执行，但如果任务过多，必须组织一下，否则过多的回调嵌套会把代码搞得很乱。为了用串行...
2020-05-27
详解Vue中使用v-for语句抛出错误的解决方案
Vue 中使用v-for语句抛出错误的解决方案今天在维护以前的项目的时候遇见了下面的报错情况，开始我以为是因为jQuery和Vue冲突了，所以把以前的jQuery改了，但是还是出现同样的错误...
2020-05-27
详解Angular 4.x Injector
在介绍 Angular Injector (注入器) 之前，我们先要了解 Dependency Injection，即依赖注入的概念。依赖注入允许程序设计遵从依赖倒置原则 (简单的说就是要求对抽象进行编程，不要...
2020-05-27
JS触摸事件、手势事件详解
触屏已经是我们身边电子设备的常态了。触摸事件当然也是随着触屏的出现，用户使用最多的事件啦！
难道使用触屏事件后，其他原来的鼠标事件就都不能用啦？当然不是，只不过不是那么好...
2020-05-27
ES6下React组件的写法示例代码
本文主要跟大家分享了ES6下React组件的写法示例，下面来一起看看详细的介绍：一：定义React组件class Hello extends React.Component { render() { return <h1>Hello, {this.pro...
2020-05-27
JS实现标签页切换效果
本文实例为大家分享了JS标签页切换的具体代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>resize</...
2020-05-27
angular 基于ng-messages的表单验证实例
最近在学习angular，那么今天也算个学习笔记吧！
html
<div class="form-group" ng-class="{'has-error': myForm.myName.$touched && myForm.myName.$invalid}"> <label clas...
2020-05-27
详解webpack es6 to es5支持配置
1. 安装webpacknpm install webpack --save-dev2. 安装babel 实现 ES6 到 ES5npm install --save-dev babel-core babel-preset-es20153.安装 babel-loader npm install --...
2020-05-27
jQuery使用JSONP实现跨域获取数据的三种方法详解
本文实例讲述了jQuery使用JSONP实现跨域获取数据的三种方法。分享给大家供大家参考，具体如下：第一种方法是在ajax函数中设置dataType为'jsonp'$.ajax({ dataType: 'jsonp',...
2020-05-27
vue.js开发环境搭建教程
vue.js开发环境搭建教程分享，具体内容如下1、安装node.js，忽略2、基于node.js，利用淘宝npm镜像安装相关依赖
在cmd里直接输入：npm install -g cnpm –-registry=https://registr...
2020-05-27
win系统下nodejs环境安装配置
win系统下nodejs安装及环境配置，具体内容如下第一步：下载安装文件
下载nodejs，官网：http://nodejs.org/download/，我这里下载的是node-v0.10.28-x86.msi，如下图：第二步：安装nodejs下...
2020-05-27
Bootstrap布局之栅格系统学习笔记
1、简介
Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义classe，还有强大...
2020-05-27
Node.js中的http请求客户端示例(request client)
Node.JS有一个request模块，可以很方便的抓取网页内容。最简单的一个示例：var request = require('request');request('http://www.google.com', function (error, response, b...
2020-05-27
JavaScript函数表达式详解及实例
JavaScript函数表达式一、序 定义函数的方式有两种：一种是函数声明，另一种就是函数表达式； 1.1 函数声明function functionName(arg){ //函数体} 关于函数声...
2020-05-27
javascript 中的继承实例详解
javascript 中的继承实例详解阅读目录 原型链继承 借用构造函数 组合继承 寄生组合式继承 后记继承有两种方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承...
2020-05-27
js实现倒计时关键代码
我们经常会在一些电商网站上看到秒杀倒计时,双11倒计时.其实倒计时的效果实现起来也是很简单的,并不复杂.首先呢,开始写之前一定要理清楚思路,思路清晰了,那写起来就容易多...
2020-05-27
使用JS在浏览器中判断当前网络连接状态的几种方法
使用JS在浏览器中判断当前网络状态的几种方法如下：
1. navigator.onLine
2. ajax请求
3. 获取网络资源
4. bind()
1. navigator.onLine通过navigator.onLine判断当前网络状态...
2020-05-27
jquery中封装函数传递当前元素的方法示例
最近在工作中遇到一个问题，需要对页面上一组元素进行ajax操作，结构如下：<div id="aid"></div> <div id="aid"></div> <div id="aid"></div> <div id="aid"></div> <div id="sto...
2020-05-27
node.JS md5加密中文与php结果不一致的解决方法
因项目需要，需要Node.js与PHP做接口调用，发现node.js对中文使用md5加密与php对中文md5加密的结果不同。PHP<?php$str = '程序员';echo $str.' md5:'.md5($str);?>输出...
2020-05-27
Angular中实现树形结构视图实例代码
近两年当中使用Angular开发过很多项目，其中也涉及到一些树形结构视图的显示，最近的在项目中封装了大量的组件，一些组件也有树形结构的展示，所以写出来总结一下。
相信大家都知道...
2020-05-27
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
最近在使用OneThink中自带的kindeditor编辑器的时候，保存草稿的时候，输入的内容总是不能够保存到后台。如下图
通过分析URL，发现原来content值为空
明明有值，为什么是空呢？但是如...
2020-05-27
javascript 中关于array的常用方法详解
javascript 中关于array的常用方法最近总结了一些关于array中的常用方法，其中大部分的方法来自于《JavaScript框架设计》这本书，如果有更好的方法，或者有关于string的别的常用...
2020-05-27
微信小程序开发图片拖拽实例详解
微信小程序开发图片拖拽实例详解1.编写页面结构:moveimg.wxml
<view class="container"> <view class="cnt"> <image class="image-style" src="../uploads/foods.jpg...
2020-05-27
Angular directive递归实现目录树结构代码实例
整理文档，搜刮出一个Angular directive递归实现目录树结构代码实例代码，稍微整理精简一下做下分享。效果图：
重点：1. 整棵目录树的实现，通过嵌套完成，主要在于对treeItem.html的递...
2020-05-27
Vue中使用vux的配置详解
Vue中使用vux的配置，分为两种情况：一、根据vux文档直接安装，无需手动配置npm install vue-cli -g // 如果还没安装vue init airyland/vux2 my-project // 创建名为 my-projec...
2020-05-27
vue.js之vue-cli脚手架的搭建详解
相比于主流的angular和react前端框架，vue在近年来也变得非常火热。他吸取了前两者的优点，同时学习曲线也更加平缓。所以本魔王准备入坑了~~首先从vue的脚手架搭建开始吧。这里...
2020-05-27
移动端web滚动分页的实现方法
本文实例为大家分享了移动端web滚动分页展示的具体代码，供大家参考，具体内容如下方法一：前端代码：<script type="text/javascript"> var page = 2; //当前页的页码 var fl...
2020-05-27
xmlplus组件设计系列之网格（DataGrid）(10）
这一章我们要实现是一个网格组件，该组件除了最基本的数据展示功能外，还提供排序以及数据过滤功能。数据源
为了测试我们即将编写好网格组件，我们采用如下格式的数据源。此数据...
2020-05-27
xmlplus组件设计系列之图标（ICON）(1）
网页上使用的图标分可为三种：文件图标、字体图标和 SVG 图标。对于文件图标，下面仅以 PNG 格式来说明。PNG 图标
对于 PNG 图标的引用，有两种方式。一种是直接由 HTML 元素 img...
2020-05-27
微信小程序实现登录页云层漂浮的动画效果
前言
2017年前端火了，微信小程序、weex、reactnative，就连支付宝也搞起了小程序，总感觉这是原生要毁灭的节奏啊，我也乘热上车万一波。上效果图(GIF动态图)当我看到这张背景图的...
2020-05-27
微信小程序 图片上传实例详解
一.了解wx.chooseImage(OBJECT)
二.代码编程在pages文件里面创建uploadimg文件夹
1.编写页面结构:uploadimg.wxml<view class="container" style="padding:1rem;"> <butto...
2020-05-27
jquery实现tab选项卡切换效果（悬停、下方横线动画位移）
本文实例为大家分享了jquery实现tab选项卡切换展示的具体代码，供大家参考，具体内容如下同时实现悬停、下方横线动画位移：代码：<sytle> *{margin:0;padding:0; } .box{posi...
2020-05-27
微信小程序 开发之全局配置
一.app.json 使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等.
注意在.json不能注释，否则会出错。...
2020-05-27
微信小程序中多个页面传参通信的学习与实践
前言
微信小程序越来越火，不少公司都在将原生代码转为微信小程序代码。在开发过程中，由于微信小程序wx.navigateBack方法并不支持返回传参，导致一些页面，尤其是从列表页面跳入详...
2020-05-27
值得分享和收藏的xmlplus组件学习教程
xmlplus 介绍
xmlplus 是一个设计非常独特 JavaScript 框架，用于快速开发前后端项目。基于组件设计在 xmlplus 中，组件是基本的构造块。评价组件设计好坏的一个重要标准是封装...
2020-05-27
js和jquery中获取非行间样式
样式又分为了行间样式和非行间样式。一般来说行间样式用的是比较少的，因为它能够作用的范围就只有一个元素，而非行间样式的作用范围可以是一类元素（即拥有相同德标签，或者说是有...
2020-05-27
js实现数字递增特效【仿支付宝我的财富】
上周五应着公司临时需求，一天的时间解决掉官网（ps：比较简单哈哈），需求里面有一个特效就是数字递增到指定的数值，其实JS写也不复杂的，但是我发现一个js小插件，这个插件轻巧简单，用起来...
2020-05-27
jquery dataTable 获取某行数据
DataTable API table.row（rowSelector [，modifier]） 注table是dataTable的对象该方法有两个默认参数第一个是选择器 第二个是可选的请注意，如果选择器匹配多个行，则此方法将截断...
2020-05-27
fullPage.js和CSS3实现全屏滚动效果
首先说一下fullpage，它是一个jquery的插件，用来实现鼠标向上向下滑动，就会自动切换到上一屏或者下一屏，对于要做一些高大上的效果确实是一个很好的插件。首先先展示一下基本的效...
2020-05-27
JavaScript仿微信打飞机游戏
本文实例为大家分享了js微信打飞机游戏的具体代码，供大家参考，具体内容如下首先实现微信打飞机游戏，首先会有自己和敌机，采用canvas绘图来生成自己和敌人。1、生成自己，且可以通...
2020-05-27
jquery中each循环的简单回滚操作
话不多说，请看代码：var ispass = true;var obj = new Object();$.each(data,function(i,td){ var sum=data[i].sum; var num=data[i].num; var id=data[i].num; i...
2020-05-27
jQuery实现简单的抽奖游戏
今天要写的是，利用jQuery写一个抽奖的案例，页面包含四个组件，两个按钮分别是开始和停止的按钮。两个box，分别盛放人员和奖品。当点击开始按钮时，人员不停地进行切换。抽奖的box中...
2020-05-27
详解node HTTP请求客户端 - Request
Request是一个Node.jsNPM模块，它是一个HTTP客户端，使用简单功能确十分强大。我们可以用它来实现HTTP响应流的转接、模拟Form表单提交、支持HTTP认证、OAuth登录、自定义请求头...
2020-05-27
Jquery获取radio选中的值
先给大家分享一篇关于Jquery获取radio选中的值的实例内容Jquery获取radio选中值实例总结https://www.freexyz.cn/article/154831.htm话不多说，请看代码：<!DOCTYPE html PUBLIC "...
2020-05-27
jquery实现提示语淡入效果
效果图：话不多说，请看代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http...
2020-05-27
