详解vue-router 2.0 常用基础知识点之导航钩子
导航钩子vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。全局钩子const r...
2020-05-27
angular.js指令中的controller、compile与link函数的不同之处
前言算了算用angualrjs去做开发也有两个月了，但做为一个菜鸟，难免会被大神吊打(这里有一个悲伤的故事...)。某天一位前端大神问我：你知道angular指令中的controller,compile,li...
2020-05-27
JavaScript使用readAsDataURL读取图像文件
FileReader对象的readAsDataURL方法可以将读取到的文件编码成Data URL。Data URL是一项特殊的技术，可以将资料(例如图片)内嵌在网页之中，不用放到外部文件。使用Data URL的好...
2020-05-27
详解vue-router 2.0 常用基础知识点之router-link
前端采用前后端分离的方式进行开发，我们使用vue2.0框架，做单页面应用难免会用到vue-router，今天把项目中的用到router-link摘出来，一是想整理一下这些用法，方便下次快速查找，二是...
2020-05-27
详解vue.js2.0父组件点击触发子组件方法
之前关于vue.js2.0父组件的一点学习，最近需要回顾，就顺便发到随笔上了<body> <div id="counter-event-example"> <p>{{ total }}</p> <button-counter v-on:ee="incre...
2020-05-27
vuejs2.0子组件改变父组件的数据实例
在vue2.0之后的版本中，不允许子组件直接改变父组件的数据，在1.0的版本中可以这样操作的，但是往往项目需求需要改变父组件的数据，2.0也是可一个，区别是，当我们把父元素的数据给子组...
2020-05-27
VUE 更好的 ajax 上传处理 axios.js实现代码
vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios,前一段时间用了一下，现在说一下它的基本用法。首先就是引入axios,如果你使用es6，只需要安装axios模块之后...
2020-05-27
JavaScript使用ZeroClipboard操作剪切板
一、ZeroClipboard下载地址为大家提供细一些ZeroClipboard的下载地址：
Zero Clipboard 开源的 JavaScript+flash 复制库类基于ZeroClipboard实现的网站内容复制粘贴JS特效源...
2020-05-27
基于Node的React图片上传组件实现实例代码
写在前面红旗不倒，誓把JavaScript进行到底！今天介绍我的开源项目 Royal 里的图片上传组件的前后端实现原理（React + Node），花了一些时间，希望对你有所帮助。前端实现遵循React 组...
2020-05-27
Node.js 异步异常的处理与domain模块解析
异步异常处理异步异常的特点由于node的回调异步特性，无法通过try catch来捕捉所有的异常：try { process.nextTick(function () { foo.bar(); });} catch (err) { //can not c...
2020-05-27
详解Vue用axios发送post请求自动set cookie
vue-resource不再维护之后，我也用起了axios，但是死活无法设置服务器发送过来的cookie后来查询文档发现，这个是要单独配置的。// `withCredentials` indicates whether or not c...
2020-05-27
使用bootstrap插件实现模态框效果
今天我们选择使用著名的 bootstrap 库的模态框插件 modal.js 来实现模态框效果，同时也使大家进一步熟悉 bootstrap 的插件使用。一. bootstrap 的 js 插件的简单介绍1.引入我...
2020-05-27
Node.js安装配置图文教程
本文为大家分享了Node.js安装配置教程，供大家参考，具体内容如下
1、本安装步骤可参考：http://www.runoob.com/nodejs/nodejs-install-setup.html2、Node.js安装包及源码下载地...
2020-05-27
es6学习笔记之Async函数的使用示例
前言异步操作是 JavaScript 编程的麻烦事，麻烦到一直有人提出各种各样的方案，试图解决这个问题。从最早的回调函数，到 Promise 对象，再到 Generator 函数，每次都有所改进，但又让人...
2020-05-27
canvas实现弧形可拖动进度条效果
一、效果如下：二、本文是实现可拖动滑块实现的基本思路，及一个简单的dome，（https://github.com/pangyongsheng/canvas-arc-draw）三、1、首先在html中创建一个canvas标签<canvas i...
2020-05-27
Bootstrap模态框插件使用详解
本文主要学习Bootstrap 中的模态框插件，这是一款交互式网站非常常见的弹窗功能插件。1．基本使用使用模态框的弹窗组件需要三层 div 容器元素，分别为 modal(模态声明层)、dialog...
2020-05-27
es6学习笔记之Async函数基本教程
本文介绍的是关于es6中Async函数的相关内容，非常出来供大家参考学习，需要的朋友们下面来看看详细的介绍：async 函数async 函数，使得异步操作变得更加方便。它是 Generator 函数...
2020-05-27
学习使用Bootstrap输入框、导航、分页等常用组件
Bootstrap输入框和导航组件一.下拉菜单下拉菜单，就是点击一个元素或按钮，触发隐藏的列表显示出来。按钮和菜单需要包裹在.dropdown 的容器里，而作为被点击的元素按钮需要设置da...
2020-05-27
Angularjs 与 bower安装和使用详解
bower安装和使用 入门级安装 直接上手准备工作： 安装nodejs 通过nodejs 安装cnpm
详细过程1.安装完nodejs 执行node -v 查看版本号 项目需求（建议）4.4.72.执行 cnpm -v (淘...
2020-05-27
学习使用Bootstrap页面排版样式
Bootstrap之页面排版样式Bootstrap 是由 Twitter 公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美，可用于...
2020-05-27
jQuery实现的简单在线计算器功能
本文实例讲述了jQuery实现的简单在线计算器功能。分享给大家供大家参考，具体如下：先来看看运行效果图：完整代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...
2020-05-27
学习使用Bootstrap栅格系统
Bootstrap之栅格系统Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统。一. 移动设备优先所谓移动设备优先，重要的是屏幕，不是设备。移动设备优先就是说起初样式是在...
2020-05-27
ionic实现底部分享功能
本文实例为大家分享了ionic底部分享功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewport"...
2020-05-27
vue2的todolist入门小项目的详细解析
看完vue2的官方文档后，找个入门项目巩固下知识点，简单的todolsit是个不错的选择。
项目用到了vue.js vue.cli webpack ES6 node环境，完成项目后会对这些技术栈有了些了解。准备...
2020-05-27
ionic实现下拉刷新载入数据功能
本文实例为大家分享了ionic下拉刷新载入数据的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <meta name="viewpor...
2020-05-27
JS简单生成随机数(随机密码)的方法
本文实例讲述了JS简单生成随机数(随机密码)的方法。分享给大家供大家参考，具体如下：1. Math.random()生成一个0~1的随机数 0<=Math.random()<1
2. Math.random()*100 则生成...
2020-05-27
详解Vue中状态管理Vuex
vuex是一个专门为vue.js设计的状态管理模式，并且也可以使用devtools进行调试。在vuex出现之前，vue里面的状态是属于‘单向数据流'。举个官网的例子:new Vue({ // state data...
2020-05-27
JS实现的四级密码强度检测功能示例
本文实例讲述了JS实现的四级密码强度检测功能。分享给大家供大家参考，具体如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html...
2020-05-27
微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（一）
微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（一）页面缓存的设置优化了页面加载，减少了频繁的调取接口，使用户在断网的情况下有更好的体验。每个微信小程序都可以有自...
2020-05-27
JS使用插件cryptojs进行加密解密数据实例
本文实例讲述了JS使用插件cryptojs进行加密解密数据。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="Content-Type" c...
2020-05-27
微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（二）
微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（二）事件（wxml）>bindscrolltolower=”onscrollLower”
slice() 方法可从已有的数组中返回选定的元素。
请注意，该方法并不...
2020-05-27
微信小程序中使用javascript 回调函数
微信小程序中使用javascript 回调函数回调函数原理：我现在出发，到了通知你”
这是一个异步的流程，“我出发”这个过程中（函数执行），“你”可以去做任何事，“到了”（函数执行完毕）“...
2020-05-27
jQuery zTree树插件动态加载实例代码
需求： 由于项目中家谱图数据量超大，而一般加载方式是通过，页面加载时 zTree.init方法进行数据加载，将所有数据一次性加载到页面中。而在项目中家谱级别又非常广而深，成千上万...
2020-05-27
微信小程序 setData使用方法及常用错误解决办法
微信小程序 setData使用方法及常用错误解决办法最近在弄微信小程序，类似于共享单车用来练练手，基本原理就是小程序发送经纬度给服务器，服务器从数据库中检索经纬度附近的单车传...
2020-05-27
微信小程序图片选择、上传到服务器、预览（PHP）实现实例
微信小程序图片选择、上传到服务器、预览（PHP）实现实例小程序实现选择图片、预览图片、上传到开发者服务器上后台使用的tp3.2 图片上传
请求时候的header参考时可以去掉(个人...
2020-05-27
微信小程序 刷新上拉下拉不会断详细介绍
微信小程序 上拉下拉不会断详细介绍
最开始看到效果图，不错，第一想到的是用做的，添加浮动层，然后设置浮动层高度。其实不然，大牛是”enablePullDownRefresh”: “true”后，在页面...
2020-05-27
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
整合前的准备步骤1.搭建好基础框架，本文用的是SSM(Spring+SpringMVC+Mybatis)，这里的过程就不在本文中讲了，之前我做个一个demo(ssm整合+用户模块)，可以参考这个搭建好。2.下载b...
2020-05-27
微信小程序 图片宽高自适应详解
微信小程序 图片宽高自适应1.以前将小程序图片宽度设置为屏幕宽度：imageLoad: function () { this.setData({ imageWidth: wx.getSystemInfoSync().windowWidth }) }...
2020-05-27
微信小程序 navbar实例详解
微信小程序 navbar实例详解实现效果图：data
typeList: [ { name: "日报", id: "1" }, { name: "周报", id: "2" }, { name: "月报", id: "3" }, { name: "目录", id:...
2020-05-27
BootStrap 获得轮播中的索引和当前活动的焦点对象
今天用bootstrap做一个轮播，当轮播滚到每张图的时候，在页面下面就显示相对应的内容，那么问题来了：为了轮播图的可扩展性，我们肯定需要知道当前活动（显示图片）的索引号，查了bootstrap...
2020-05-27
深入浅析AngularJS中的一次性数据绑定 (bindonce)
一、理解双向数据绑定和监听器为了实现双向数据绑定，AngularJS使用了$watch API来观察期作用域中的模型变化。具体的作用域取决于你的代码如何编写。如果你没有创建一个自作...
2020-05-27
在JS中如何把毫秒转换成规定的日期时间格式实例
最近做的一个项目，从后台查询到日期数据传到前台JS中遍历之后显示的是以"14"开头的毫秒数，刚开始想用"simpleDateFormat"类处理，结果显示都不显示了。后来查了一下资料，感觉其实...
2020-05-27
jQuery遮罩层实例讲解
本文实例为大家分享了jQuery遮罩层展示的具体代码，供大家参考，具体内容如下1.1 背景半透明遮罩层样式需要一个黑色（当然也可以其他）背景，且须设置为绝对定位，以下是项目中用到的cs...
2020-05-27
微信小程序 action-sheet 反馈上拉菜单简单实例
微信小程序 action-sheet 反馈上拉菜单简单实例看下实现效果图：js
var items = ['item1', 'item2', 'item3', 'item4'] var pageObject = { data: { actionSheetHidden: t...
2020-05-27
Vue通过input筛选数据
本文实例为大家分享了Vue通过input筛选数据的具体代码，供大家参考，具体内容如下<div id="app"> <input v-model='search' /> <ul> <li v-for="item in items"> <label>价...
2020-05-27
详解微信小程序 相对定位和绝对定位
详解微信小程序 相对定位和绝对定位相对定位：元素是相对自身进行定位，参照物是自己。
绝对定位：元素是相对离它最近的一个已定位的父级元素进行定位
相对定位：
position...
2020-05-27
vue2.0结合Element实现select动态控制input禁用实例
今天有一个盆友问小颖，怎么实现用select动态控制input禁用，也就是说，input默认是可编辑的，但是每当我选一次select，input就会变成禁用，虽然小颖不知道她为什么这样做，因为小颖觉得...
2020-05-27
WebSocket实现简单客服聊天系统
一 需求一个多商家的电商系统，比如京东商城，不同商家之间的客服是不同的，所面对的用户也是不同的。要实现这样一个电商系统的客服聊天系统，那该系统就必须是一个支持多客服、客...
2020-05-27
微信小程序实现瀑布流布局与无限加载的方法详解
前言瀑布流布局是一种比较流行的页面布局方式，最典型的就是Pinterest.com，每个卡片的高度不都一样，形成一种参差不齐的美感。在HTML5中，我们可以找到很多基于jQuery之类实现的瀑...
2020-05-27
详解Node.js项目APM监控之New Relic
现在上一个项目，如果没有APM监控服务或应用的运行性能参数，等于是一架没有盲降系统的飞机正在盲降，结果会很悲催。出现了访问失效等问题时，都很难判定是性能瓶颈还是一个藏的深...
2020-05-27
