网络编程 第702页
用React-Native+Mobx做一个迷你水果商城APP(附源码)
前言最近一直在学习微信小程序，在学习过程中，看到了wxapp-mall这个微信小程序的项目，觉得很不错，UI挺小清新的，便clone下来研究研究，在看源码过程中，发现并不复杂
jQuery实现右侧抽屉式在线客服功能
我们先来看下实际运行效果图：先给大家看下整体代码：<ht
推荐10款扩展Web表单的JS插件
在网站建设中，你可以使用java开发大量酷炫的特效放到你网站上，但我们知道，互联网上也有很多开源的js库和插件可供选择。如果你正在设计用户注册/登录，访客留言或活
AngularJS实现的生成随机数与猜数字大小功能示例
本文实例讲述了AngularJS实现的生成随机数与猜数字大小功能。分享给大家供大家参考，具体如下：www.jb51.netAngular猜数<st
jQuery图片查看插件Magnify开发详解
前言因为一些特殊的业务需求，经过一个多月的蛰伏及思考，我开发了这款jQuery图片查看器插件Magnify，它实现了Windows照片查看器的所有功能，比如模态窗的拖拽、调整
vue的一个分页组件的示例代码
分页组件在项目中经常要用到之前一直都是在网上找些jq的控件来用(逃..),最近几个项目用上vue了项目又刚好需要一个分页的功能。具体如下：文件page.vue为一个pc端的
使用vue实现简单键盘的示例(支持移动端和pc端)
常看到各种app应用中使用自定义的键盘，本例子中使用vue2实现个简单的键盘,支持在移动端和PC端使用实现效果：Keyboard.vue<divclass="keyboard"v-show="showKeyboa
浅谈React深度编程之受控组件与非受控组件
受控组件与非受控组件在官网与国内网上的资料都不多，有些人觉得它可有可不有，也不在意。这恰恰显示React的威力，满足不同规模大小的工程需求。譬如你只是做ListVi
Angular实现可删除并计算总金额的购物车功能示例
本文实例讲述了Angular实现可删除并计算总金额的购物车功能。分享给大家供大家参考，具体如下：先看运行效果：具体代码如下：www.jb51.netangula
node.js中路由，中间件，ge请求和post请求的参数详解
一、路由1、什么是路由服务器需要根据不同的URL或请求来执行不一样的操作，我们可以通过路由来实现这个步骤2、实现路由的方法2.1、get请求访问网址时，做什么事app
Vue 进入/离开动画效果
1、示例代码（注：写到vue单文件中了）Togglehello</di
细说webpack源码之compile流程-入口函数run
Webpack是目前基于React和Redux开发的应用的主要打包工具。我想使用Angular2或其他框架开发的应用也有很多在使用Webpack。本节流程如图：现在正式进入打包流程，起
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
模态框BootstrapModalBootstrap的模态框使用Bootstrap的前端应该都接触过。本文记录一下今天使用时遇到的BUG，以便以后查阅和帮助其他遇到同样问题的伙伴们。BUG情
细说webpack源码之compile流程-rules参数处理技巧(1)
上篇文章给大家介绍了细说webpack源码之compile流程-rules参数处理技巧(2)，细说webpack源码之compile流程-入口函数run大家可以点击查看。Tips：写到这里，需要对当
AngularJS实现的根据数量与单价计算总价功能示例
本文实例讲述了AngularJS实现的根据数量与单价计算总价功能。分享给大家供大家参考，具体如下：先看一下效果：代码如下：www.jb51.net
细说webpack源码之compile流程-rules参数处理技巧(2)
上篇文章给大家介绍了细说webpack源码之compile流程-rules参数处理技巧(1)，细说webpack源码之compile流程-入口函数run大家可以点击查看。第一步处理rule为字符串
基于 flexible 的 Vue 组件：Toast -- 显示框效果
基于flexible.js的Vue组件前言：目前手头的移动端Vue项目是用手淘的lib-flexible作适配的，并用px2rem来自动转换成rem。关于lib-flexible和px2rem的配置，请移步vue
基于vue-cli配置lib-flexible + rem实现移动端自适应
安装flexiblenpminstalllib-flexible--save引入flexible在项目入口文件main.js中添加如下代码，引入flexibleimport'lib-flexible'px转rem使用webpack的px2rem-loa
vue学习教程之带你一步步详细解析vue-cli
vue-cli在开发前，我们要至少通读一遍vue官方文档和API(看官方文档是最重要的，胜过看五十、一百篇博客),英文阅读能力还行的建议阅读英文文档，中文文档内容会稍落后
Webpack实战加载SVG的方法
SVG作为矢量图的一种标准格式，已经得到了各大浏览器的支持，它也成为了Web中矢量图的代名词。在网页中采用SVG代替位图有如下好处：SVG相对于位图更清晰，在任意缩放
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
本文实例讲述了微信小程序出现wx.navigateTo页面不跳转问题的解决方法。分享给大家供大家参考，具体如下：今天在做微信小程序的时候，做的商品购买流程。流程是这样
Vue工程模板文件 webpack打包配置方法
1、githubgithub地址：https://github.com/MengFangui/VueProjectTemplate2、webpack配置（1）基础配置webpack.base.config.jsconstpath=require('path');//处理共用
Javascript防止图片拉伸的自适应处理方法
前言相信大家在日常的web开发中，作为前端经常会遇到处理图片拉伸问题的情况。例如banner、图文列表、头像等所有和用户或客户自主操作图片上传的地方，而一旦牵扯图
Vue 过滤器filters及基本用法
1、示例代码采用vue单文件组件，使用moment插件格式化日期{{date|dateFormat}}importmomentfrom'moment';import'moment/l
解决Jstree 选中父节点时被禁用的子节点也会选中的问题
问题描述：最近用jstree遇到一个问题，父节点选中时，被禁用的子节点也会选中如下解决方案：1、将jstree升级到最新的版本，v3.3.4及以上就可以2、修改checkbox插件配置
vue.js整合mint-ui里的轮播图实例代码
初始化vue项目npminstall-gvue-clivueinitwebpackdemo#中间会让你选npmyarn等来安装依赖，我选的是yarn，因为它快些安装mint-uiyarnaddmint-uimint-ui装好了，还要配
AngularJS集合数据遍历显示的实例
如下所示：AngularJS集合数据遍历显示</scr
在vue项目中安装使用Mint-UI的方法
一、MintUI是由饿了么前端团队推出的一个基于Vue.js的移动端组件库,具有以下特性:使用文档：http://mint-ui.github.io/#!/zh-cnMintUI包含丰富的CSS和JS组件，能够
VSCode配置react开发环境的步骤
vscode默认配置对于react的JSX语法不友好，体现在使用自动格式化或者粘贴后默认缩进错误，尽管可以通过改变languagemode缓解错误，但更改languagemode后的格式化依然
VSCode 配置React Native开发环境的方法
本文介绍了VSCode配置ReactNative开发环境的方法，分享给大家，具体如下：1.安装VSCode2.安装插件按F1并输入extinstall并回车,或者使用输入react-native安装ReactNa
Node.js调用fs.renameSync报错（Error: EXDEV, cross-device li
在写一个文件上传的功能时候，调用fs.renameSync方法错误出错代码所在如下：functionupload(response,request){console.log("uploadcalled");varform=newformidabl
使用命令行工具npm新创建一个vue项目的方法
Vue.js提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重
node.js用fs.rename强制重命名或移动文件夹的方法
本文介绍了node.js用fs.rename强制重命名或移动文件夹的方法，首先介绍了rename的用法，具体如下：【重命名文件夹】//rename.jsvarfs=require("fs");//重命名a文件夹
javascript连接mysql与php通过odbc连接任意数据库的实例
脑洞大开用javascript链接mysql，2个小时总算实现了，用到了odbc，后面又想到用php链接odbc链接数据库，也实现了，就把案例放一下。注意事项：1、javascript连接mysql使
关于laydate.js加载laydate.css路径错误问题解决
前言laydate.js是属于Javascript系列的一款日期控件与时间插件,laydate.js支持兼容IE6在内的主流浏览器。laydate.js经过贤心大大的重写之后功能越来越强大，用起来
浅谈vue-router 路由传参的方法
路由传参数。在很多时候我们需要路由上面传递参数，比如新闻列表页，我们需要传递新闻ID，给新闻详细页。1.新闻列表页模板新闻列表新闻001</router-li
使用jQuery 操作table 完成单元格合并的实例
比较表格的内容。判断是否合并单元格：tr=$("#printPagetr").length;//获取当前表格中tr的个数varmark=0;//要合并的单元格数varindex=0;//起始行数/**要合并单元格
CSS3结合jQuery实现动画效果及回调函数的实例
写期末项目中，朋友提出的idea，当用户登录成功时欢迎用户的特效，即欢迎用户信息从底部上升到页面中，之后再退回底部。他遇到的问题是：从底部能出来提示信息，但是出
全面介绍vue 全家桶和项目实例
简介“简单却不失优雅，小巧而不乏大匠”。2016年最火的前端框架当属Vue.js了，很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了
Vue.js组件间的循环引用方法示例
什么是组件：众所周知组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能
简单的Vue异步组件实例Demo
前言在大型应用中，我们可能需要将应用拆分为多个小模块，按需从服务器下载。为了进一步简化，Vue.js允许将组件定义为一个工厂函数，异步地解析组件的定义。Vue.js只
nodejs超出最大的调用栈错误问题
今天早上老大和我说之前项目里面的那个数据要改动，要对mongodb中每条记录进行update操作，你写个脚本跑一下吧。然后，我默默的回到电脑前，努力工作的一天又开始了。
Vue+SpringBoot开发V部落博客管理平台
V部落是一个多用户博客管理平台，采用Vue+SpringBoot开发。演示地址：http://45.77.146.32:8081/index.html项目地址:https://github.com/lenve/VBlog登陆页面文章列
使用nodejs+express实现简单的文件上传功能
1.建立express项目express-enodejs-uploadfile2.下载multer中间件npmimulteroryarnmulter3.在routes/index.js中引用multer，由于还要使用到文件操作，还要引用fs模
Angular实现的日程表功能【可添加及隐藏显示内容】
本文实例讲述了Angular实现的日程表功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：www.jb51.netAngular日程表</t
Angular实现点击按钮后在上方显示输入内容的方法
本文实例讲述了Angular实现点击按钮后在上方显示输入内容的方法。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：www.jb51.netAn
Angular实现的简单查询天气预报功能示例
本文实例讲述了Angular实现的简单查询天气预报功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：
Vue的实例、生命周期与Vue脚手架（vue-cli）实例详解
一、Vue的实例1.1、创建一个Vue的实例每个Vue应用都是通过Vue函数创建一个新的Vue实例开始的：varvm=newVue({//选项})虽然没有完全遵循MVVM模型，Vue的设计无疑受到
js判断节假日实例代码
效果展示：<scriptsrc="jquery.min.js"type
JS实现留言板功能[楼层效果展示]
功能实现：1.发布人和发布内容非空校验2.编辑删除功能3.楼层效果展示4.发布时间展示效果图目录tools.js时间工具包functiongetTime(){varweeks=
nodejs实现OAuth2.0授权服务认证
OAuth是一种开发授权的网络标准，全拼为openauthorization，即开放式授权，最新的协议版本是2.0。举个栗子：有一个"云冲印"的网站，可以将用户储存在Google的照片，冲印
webpack搭建vue 项目的步骤
前期准备webpackvue.jsnpmnodejsES6语法由于本文内容是通过npm来加载vue，所以开始之前需安装nodejs环境，安装完成之后再执行以下步骤：创建项目mkdirvue-democdvue
vue实现文章内容过长点击阅读全文功能的实例
直接上代码：html:<div
vue获取dom元素注意事项
mounted(){setTimeout(()=>{this.contentToggle();},1000)},methods:{contentToggle(){console.log(this.$refs.bodyFont.offsetHeight);}}vue想要获取dom元素的高
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
如下所示：functionformatDate(date,fmt){if(/(y+)/.test(fmt)){fmt=fmt.replace(RegExp.$1,(date.getFullYear()+'').substr(4-RegExp.$1.length));}leto={'M+
在nginx上部署vue项目(history模式)的方法
vue-router默认是hash模式，使用url的hash来模拟一个完整的url，当url改变的时候，页面不会重新加载。但是如果我们不想hash这种以#号结尾的路径时候的话，我们可以使
JavaScript实现元素滚动条到达一定位置循环追加内容
如下所示：Documentbody{background-color:#eee;}#c
JS实现带动画的回到顶部效果
本文实例为大家分享了JS实现带动画的回到顶部效果的具体代码，供大家参考，具体内容如下实现功能：滚动到页面某一个高度的时候，回到顶部按钮出现。点击之后回到网页
ionic3实战教程之随机布局瀑布流的实现方法
前言最近一段时间由于项目需要接触到了ionic3,发现真是一个利器啊!ionic项目提供了一套丰富的图标库，在ionic3中也进行了升级。公司的一个项目中由于要用到一个瀑
详解如何优雅地在React项目中使用Redux
前言或许你当前的项目还没有到应用Redux的程度，但提前了解一下也没有坏处，本文不会安利大家使用Redux概念首先我们会用到哪些框架和工具呢？ReactUI框架Redux状态管
JavaScript实现数值自动增加动画
JS实现数值自动增加动画，效果图如下：话不多说，直接上代码，注释比较详细。数字自动增加0<
swiper自定义分页器使用方法详解
本文实例为大家分享了swiper自定义分页器使用的具体代码，供大家参考，具体内容如下解决问题：不想使用swiper的自带的圆钮式的分页器，想使用自定义的分页器。解决方
Swiper自定义分页器使用详解
Swiper自定义分页，供大家参考，具体内容如下最终实现效果图：HTMLDEMO（官网例子）<divclass="swiper-
基于Swiper实现移动端页面图片轮播效果
使用Swiper开发移动端页面，轻松实现图片的轮播。swiper1.主要包含模块：swiper：指滑动、切换（整个滑动对象，有时特指滑块释放后仍然正向移动直到贴合边缘的过程（过
Vue组件通信之Bus的具体使用
关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。在vue2.0中$dispatch和$broadcast已经被弃用。官方文档中给出的解释
swiper移动端轮播插件（触碰图片之后停止轮播）
本文实例为大家分享了swiper移动端轮播插件，供大家参考，具体内容如下下面是我遇到的问题，也是用此插件常用的几个参数，如果你的轮播不需要很复杂，看本文就可以解决
swiper插件自定义切换箭头按钮
不知道大家在使用swiper时有没有遇到这样一种需求，swiper插件自定义切换箭头按钮，话不多说，直接上gif。也就是需要把左右切换的箭头移到容器的外面，自定义箭头的样
vue+swiper实现侧滑菜单效果
本文实例为大家分享了vueswiper实现侧滑菜单效果的具体代码，供大家参考，具体内容如下先上效果图：这个左右滑动以及上下滑动主要使用了Swiper的轮播功能，首先是该自
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
本文实例讲述了Angular实现的自定义模糊查询、排序及三角箭头标注功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：www.jb51.net
Angular实现的简单定时器功能示例
本文实例讲述了Angular实现的简单定时器功能。分享给大家供大家参考，具体如下：www.jb51.netAngular定时器<scriptsr
JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息)
JS实现延迟隐藏延迟隐藏#div1{width:100px;height:100px;background:yellow;borde
JavaScript判断变量名是否存在数组中的实例
直接上代码：JavaScript代码：vararray=;console.log(array);if(array.name){console.log('name');//返回name}if(array.size){console.log('s
基于substring()和substr()的使用以及区别(实例讲解)
在JavaScript中，通常会用到截取，那所谓截取呢，其实就是要获得被截取元素的某个位置到某个位置的内容，那么JS给我提供了substring和substr这两种方法：这两种截取的
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
新项目，准备引用bootstrap-table这个控件来展示页面上的表格，无奈这款控件的分页工具栏没有跳转到xx页的功能，为了适应公司美工（只会出图的美工，却跟我要求这要求
JS实现简单的浮动碰撞效果示例
本文实例讲述了JS实现简单的浮动碰撞效果。分享给大家供大家参考，具体如下：www.jb51.netJS碰撞效果<!--direct
JS控制鼠标拒绝点击某一按钮的实例
JS控制按钮禁止被选择Documentwindow.onload=function(){document.getElementByI
JS计算距当前时间的时间差实例
如下所示：/***JS获取距当前时间差**@paraminttime时间戳格式**/functionget_time_diff(time){vardiff='';vartime_diff=newDate().getTime()-time;//时间差的毫秒
js中url对象化管理分析
1.问题描述url是web编写过程中一种不可或缺的需要打交道的值,不论是在页面跳转中,还是ajax请求数据或是其他框架插件的url提供.对于很多程序猿来说,js中经常遇到需
JavaScript 中使用 Generator的方法
Generator是一种非常强力的语法，但它的使用并不广泛（参见下图twitter上的调查！）。为什么这样呢？相比于async/await，它的使用更复杂，调试起来也不太容易（大多数情况
node简单实现一个更改头像功能的示例
前言一直想写这篇文章，无奈由于要考试的原因，一直在复习，拖延到现在才写，之前用node的express框架写了个小项目，里面有个上传图片的功能，这里记录一下如何实现（我
react-router browserHistory刷新页面404问题解决方法
使用React开发新项目时，遇见了刷新页面，直接访问二级或三级路由时，访问失败，出现404或资源加载异常的情况，本篇针对此问题进行分析并总结解决方案。背景使用webpa
详解Vue 事件修饰符capture 的使用
.capture事件修饰符的作用添加事件侦听器时使用事件捕获模式即是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内
深入浅析vue组件间事件传递
由于新工作需要用vue，所以最近接触最多的也是vue，因为之前一直在用react，所以对于vue上手还是很快的。我也尽量找一些他们两个的异同点，除了多了一些辅助用的方法
javaScript 连接打印机,打印小票的实例
如下所示：--><metana
浅谈react-router HashRouter和BrowserRouter的使用
官网推荐的是BrowserRouter，但是此方式需要服务器配合，而且有点不好的是重定向只能到首页，无法停留在当前页，具体用法很简单，举例说明。HashRouter//react-router
详解react-router 4.0 下服务器如何配合BrowserRouter
react-router作为react框架路由解决方案在react项目中举足轻重。在react-router4.0版本中，API与先前版本相比有了很大的修改，在2.0、3.0中常用的组件作为路由底层
js实现手机web图片左右滑动效果
最近在做一个手机端web站点，里面有一个图片展示效果：1、点击任意图片时图片全屏展示，左右滑动能展示其他的图片。2、滑动超过一定范围自动滑到下一张图片，不超过则
Angular实现点击按钮控制隐藏和显示功能示例
本文实例讲述了Angular实现点击按钮控制隐藏和显示功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：www.jb51.netAngula
Angular实现的敏感文字自动过滤与提示功能示例
本文实例讲述了Angular实现的敏感文字自动过滤与提示功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：www.jb51.netangul
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
本文实例讲述了Angular实现的内置过滤器orderBy排序与模糊查询功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：www.jb51.n
vue vuex vue-rouert后台项目——权限路由（适合初学）
项目地址：vue-simple-template共三个角色：adanbarbaracarrie密码全是：123456adan拥有最高权限A他可以看到red,yellow和blue页面（共三个页面）barbara拥有权限B他可
javascript 通过键名获取键盘的keyCode方法
不废话，直接看代码，需要的根据需求完善。vargetKeyCode=function(key){varkey_code;switch(key){case'BackSpace'&&'BackSpace':key_code=8;break;case'Tab'&&'Ta
React数据传递之组件内部通信的方法
1.概述脱离初级前端一段时间后会发现，写样式的时间越来越少，处理数据的时间越来越多。处理数据的过程也就是实现业务逻辑的过程，这在项目中无疑是最重要的。所以学
jQuery实现页码跳转式动态数据分页
我们这次给大家带来的是用jQuery实现页码跳转式动态数据分页这个效果，这个效果最明显的就是没有数据加载和刷新页面这个过程，再做小型数据的加载也多级网页加载的
AngularJS基于MVC的复杂操作实例讲解
实例如下：AngularJS基于MVC的复杂操作案例<
简单谈谈CommonsChunkPlugin抽取公共模块
引言webpack插件CommonsChunkPlugin的主要作用是抽取webpack项目入口chunk的公共部分，具体的用法就不做过多介绍，不太了解可以参考webpack官网介绍；该插件是webpa
ReactNative实现Toast的示例
对于Android开发工程师来说，Toast在熟悉不过了，用它来显示一个提示信息，并自动隐藏。在我们开发RN应用的时候，我门也要实现这样的效果，就一点困难了，倒也不是困难
Angular 开发学习之Angular CLI的安装使用
前面我们已经准备好开发环境，现在可以正式开发了。正如前面提到的，Angular提供了一个命令行工具，可以简化我们的程序开发。我们今后的开发也会使用这一工具，因此我
浅谈Vuejs中nextTick()异步更新队列源码解析
vue官网关于此解释说明如下：vue2.0里面的深入响应式原理的异步更新队列官网说明如下：只要观察到数据变化，Vue将开启一个队列，并缓冲在同一事件循环中发生的所有数
three.js实现3D模型展示的示例代码
由于项目需要展示3d模型,所以对three做了点研究,分享出来希望能帮到大家先看看效果:three.js整体来说不是很难只要你静下心来研究研究很快就会上手的首先我们在页
多种语言下获取当前页完整URL及其参数
asp php 清空access mysql mssql数据库的代
ibatis简单实现与配置
初探 SOA
初探 SOA(补充)