乐胖代购免代理版

欢迎

vue-router 入门学习

对于单页面应用，尤其是移动端的网页应用，使用<a></a>标签实现页面切换和跳转会有300ms的延迟，遇到网速慢就会一直加载。所以在SPA应用中，用视图切换来模拟页面的切换vue-router 是Vue.js官方的路由插件，它和 Vue.js是深度集成的，适用于构建SPA单页面应用。Vue的单页面应用是基于路由和组件的，相对于传统页面基于 a 链接和页面，路由用于设定访问路

router

vue

原创 2017-08-05 23:18:08 3124 阅读 1收藏

安装 node-sass 时报错

安装 node-sass 时报错在安装 node-sass 时报错，截图如下解决方法如下：npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-s

npm

node

scss

原创 2017-07-27 15:09:58 1688 阅读

vue实现双击编辑

JS 实现双击编辑原始 HTML代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc

双击

js

实现

原创 2017-07-22 00:04:20 10000+阅读

表单样式美化--复选框和单选按钮

HTML代码：<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatibl

checkbox

美化

radio

原创精选 2017-07-06 07:35:11 4316 阅读 1点赞

Node.js 常用工具 util

util 是一个 Node.js 核心模块，提供常用函数的集合，用于弥补核心 Javascript 功能过于精简的不足。util.inherits(constructor, superConstructor)实现对象间原型继承的函数，第一个构造函数将从第二个构造函数那里继承原型的方法JavaScript 的面向对象特性是基于原型的，与常见的基于类的不同。JavaScript 没有提供对象继承

js

util

Node

原创 2017-01-11 16:49:18 821 阅读

Node.js 模块和包（Modules）

模块（Module）和包（Package）是 Node.js 最重要的支柱。开发一个具有一定规模的程序不可能只用一个文件，通常需要把各个功能拆分、封装，然后组合起来，模块正是为了实现这种方式而诞生的。在浏览器 Javascript 中，脚本模块的拆分和组合通常使用 HTML 的 script 标签来实现。Node.js 提供了 require 函数来调用其它模块，而且模块都是基于文件的。Node.

js

Node

Modules

原创精选 2017-01-11 14:00:36 6643 阅读

Node.js 初识 fs 模块

fs 模块是文件操作的封装，它提供了文件的读取、写入、更名、删除、遍历目录、链接等 Unix 文件系统操作。与其他模块不同的是，fs 模块中所有的操作都提供了同步和异步两个版本，比如读取文件内容的函数有异步的 fs.readFile() 和同步的 fs.readFileSync().Node.js 导入文件系统模块的语法如下：var fs = requir

js

文件系统

Node

原创 2017-01-09 16:38:02 2832 阅读

Node.js 初识 Path 模块

Node.js 提供了一些处理文件/文件夹路径的公用方法，可以这样引入：var path = require('path');path.basename(path[, ext]) ---> 返回值：Stringpath.basename() 方法返回路径的最后一部分，与 Unix 的 basename 命令相似参数：path：Stringext

js

Node

Path

原创精选 2017-01-07 16:28:35 2603 阅读

Node.js 初识 HTTP 模块

一、实现“Hello World！”及相关API介绍使用 HTTP 服务器和客户端必须使用 require('http')Node.js 中的 HTTP 接口设计主要是为了支持传统的很难使用的多特性的协议，尤其是大量的信息。接口没有缓冲整个接收和相应，用户可使用流式数据。HTPP信息的头部是像一个对象那样描述的：{ 'content-length': '123',

HTTP

Node.js

原创精选 2017-01-06 16:40:10 3837 阅读

Node.js 初识 URL 模块

URL 模块提供了一些解析 URL 的工具var url = require('url');URL 是一段结构化的字符串，包含了多个有意义的部分。解析完成以后，会返回一个 URL对象（包含每个部分的属性）。urlObject.hrefhref 属性指的是被解析后完整的 URL 字符串，包括协议名、主机名等部分，并且被转换成小写字母例如：'http://

js

url

Node

原创精选 2017-01-04 17:30:50 1301 阅读 1收藏

使用 Compass 生成雪碧图

使用 Compass 创建一个项目要在一个新项目中使用 Compass，可以打开命令行工具并输入如下指令compass create my-project如果 my-project 目录不存在，上述命令会创建一个叫做 my-project 的目录，并在其中添加以下文件：如果你没有为compass create命令传递一个目录参数，它将使用你当前所在的目录。在config.rb文

css

compass

sprites

原创精选 2016-12-28 13:25:47 2443 阅读

Node.js 三大特点详解

Node.js 特点1、单线程在Java、PHP或者.net等服务器端语言中，会为每一个客户端连接创建一个新的线程。而每个线程需要耗费大约2MB内存。也就是说，理论上，一个8GB内存的服务器可以同时连接的最大用户数为4000个左右。要让Web应用程序支持更多的用户，就需要增加服务器的数量，而Web应用程序的硬件成本当然就上升了。Node.js不为每个客户连接创建一个新的线程，而仅仅使用一个线程。当

事件驱动

非阻塞I/O

单线程

原创 2016-12-27 16:36:32 9585 阅读 2点赞 1收藏 1评论

fastclick.js --- 解决移动端点击事件300ms延时

Fast Click 是一个简单、易用的库，专为消除移动端浏览器从物理触摸到触发点击事件之间的300ms延时。为什么会存在延迟呢？从你触摸按钮到触发点击事件，移动端浏览器会等待接近300ms，原因是浏览器会等待以确定你是否执行双击事件兼容性Mobile Safari on iOS 3 and upwardsChrome on iOS 5 and upwardsChrome on Android (

Android

fastclick

原创精选 2016-12-27 14:07:39 9007 阅读 2收藏

jQuery 仿写京东轮播广告图

基本样式：HTML代码：<div class="container"> <div class="list">  &n

jQuery

轮播图

原创精选 2016-12-21 14:05:14 1655 阅读 1收藏

浏览器对象的各种宽高

Window对象属性ScreenLeft/ScreenTop/ScreenX/ScreenY只读整数，声明了窗口的左上角在屏幕上的 x 坐标和 y 坐标。IE、Safari 和 Opera 支持 ScreenLeft/ScreenTopFirefox、Safari 支持 ScreenX/ScreenYChrome 都支持innerWidth/innerHeight只读属性，声明了窗口的文档显示区

screen

offsetX

clientX

原创精选 2016-12-19 12:37:39 1942 阅读 1收藏

Javascript Date对象 --- 时间戳及淘宝倒计时抢购功能实现

时间戳（timestamp）是指格林威治时间 1970年 01月 01日 00时 00分 00秒 (北京时间1970年01月01日08时00分00秒)起至现在的总毫秒数。Date.parse( datestring ) parse( ) 方法可以解析一个日期的时间字符串，并返回 1970/01/01 午夜距离该日期时间的毫秒数//获取2005年7月8日到格林威治时间相差的毫秒数

new

Date

原创精选 2016-12-10 16:07:35 7384 阅读 2收藏

jQuery 表单应用：全选/取消全选，表单验证，网页选项卡切换

应用一：单行文本框应用需要用到的 APIfocus([[data],fn]) --> 当元素获得焦点时，触发 focus 事件blur([[data],fn]) --> 当元素失去焦点时，触发 blur 事件<!DOCTYPE html> <html> <head

type

trigger

Handler

原创精选 2016-12-08 16:55:31 2608 阅读 1点赞 1收藏

jQuery 表格应用：隔行变色，展开关闭，内容筛选

应用一：表格隔行变色1、普通的隔行变色：需要用到的 API$(':odd') --> 匹配所有索引值为奇数的元素，从0开始计数$(':even') --> 匹配所有索引值为偶数的元素，从0开始计数<!DOCTYPE html> <html> <head lang="en"> &nb

jQuery

原创 2016-12-08 10:42:36 2339 阅读

Vue.js 生命周期

生命周期示意图：beforeCreate --> Function在实例初始化之后，数据观测（data observer）和event/watcher 事件配置之前调用created --> Function实例已经创建完成之后被调用，在这一步，实例已经完成以下的配置：> 数据观测（data observer）> 属性和方法运算> watch/

其他

watch

原创 2016-12-07 15:20:45 1958 阅读 1收藏

QRCode.js -- 用 Javascript 生产二维码

QRCode.js是一个生成二维码的JS库。QRCode.js支持在DOM中使用跨浏览器Canvas和table标签的。 QRCode.js不依赖其他JS库。基本用法：<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElem

js

qrcode

原创精选 2016-12-05 14:51:35 3391 阅读

Zepto.js 核心方法

$( )1、$( htmlString ) 创建元素//创建元素 var p1 =$('<p>Hello Zepto</p>'); $('body').append(p1);2、$( htmlString, attributes ) 创建带有属性的元素//创建带有属性的元素 var p2 =$('<p /&

function

Zepto

原创 2016-12-03 15:35:35 1391 阅读

vue-cli 快速搭建脚手架

使用 Vue.js 开发大型应用时，我们需要考虑代码目录结构、项目构建和部署、热加载、代码单元测试等事情。如果每个项目都要手动完成这些工作，那无疑效率是低下的，所以通常我们会使用一些脚手架工具来帮助完成这些事情。在 Vue.js 生态中我们可以使用 vue-cli 脚手架工具来快速构建项目。1、安装vue-cli 是用 node 编写的命令行工具，我们需要进行全局安装。打开命令行工具，输入指令：$

simple

vue-cli

webpack

原创 2016-12-03 12:42:03 4218 阅读

vue-resource 与服务器端通信及跨域实际应用

与服务器端通信Vue.js 可以构建一个完全不依赖后端服务的应用，同时也可以与服务端进行数据交互来同步界面的动态更新。Vue 本身并没有提供与服务端通信的接口，但是通过插件的形式实现了基于AJAX、JSONP 等技术的服务端通信。vue-resource 是一个通过 XMLHttpRequest 或 JSONP 技术实现异步加载服务端数据的 Vue 插件，该插件提供了一般的 HTTP 请求接口和

xmlhttprequest

jsonp

cors

原创精选 2016-12-02 16:17:48 10000+阅读 1点赞

ES6: 字符串的扩展

1、字符的 Unicode 表示法Javascript 允许采用 \uxxxx 形式表示一个字符，其中"xxxx"表示一个字符的码点但是，这种表示法只限于 \u0000 -- \uffff 之间的字符。超出这个范围的字符，必须用两个双字节的形式表达上面代码表示，如果直接在"\u"后面跟上超过 0xFFFF 的数值（比如 \u20bb7），Javascript会理解成 "u\20bb+7"。由于 \

string

api

es6

原创 2016-12-01 16:07:56 1556 阅读

jQuery 表单插件 -- Form

1、Form 插件简介jQuery Form 插件是一个优秀的 Ajax 表单插件，可以非常容易地、无侵入地升级 HTML 表单以支持 Ajax。jQuery Form 有两个核心方法 --- ajaxForm( ) 和 ajaxSubmit( )，它们集合了从控制表单元素到决定如何管理提交进程的功能。另外，插件还包括其它的一些方法：formToArray( ), formSeriali

ajax

Form

原创精选 2016-11-29 17:05:57 1555 阅读 1收藏

详解 JSON 和 JSONP

JSON 介绍1、什么是 JSON？> JSON 指的是 JavaScript 对象表示法 (JavaScript Object Notation)> JSON 是一种轻量级的数据交换格式，比 XML 更小、更快、更易解析> JSON 独立于语言的文本格式> JSON 易于人阅读和编写，同时也易于机器解析和生成JSON 最初来自于 JavaScript，后来被所有的编程语言

json

jsonp

原创精选 2016-11-29 13:46:16 1357 阅读 1点赞 1评论

Ajax 跨域请求-- Cross Domain

在认识跨域之前，先简单了解下域名和协议名，比如下面这个 URLhttp://mail.163.com/index.htmlhttp:// 协议名，也就是HTTP超文本传输协议mail &n

jsonp

Access-Control-Allow

原创 2016-11-26 16:21:39 2423 阅读

Vue.js 实例方法

Vue 实例方法实例属性1、组件树访问1-1、vm.$parent用来访问当前组件实例的父实例，如果当前实例有的话1-2、vm.$root当前组件树的根 Vue 实例。如果当前实例没有父实例，此实例将会是其自已1-3、vm.$children类型：Array<Vue instance>当前实例的直接子组件。需要注意 $children 并不保证顺序，也不是响应式的。如果你发现自己正在尝

$parent

$el

$mount

原创 2016-11-24 15:28:17 3330 阅读

CSS3 转换(Transform)

转换 transform能够对元素进行移动、缩放、转动、拉长或拉伸在CSS中，允许元素实现 2D 和 3D的转换效果,主要包含：旋转，缩放，移动，倾斜 2D ：元素只能在X轴和Y轴平面上发生变化 3D ：元素还可以在 Z轴上发生变化取值：none：无转换2D Transform Functi

其他

transform

原创精选 2016-11-23 17:34:10 1861 阅读

CSS3 过渡(Transition)

过渡 transition复合属性，使CSS属性值在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果取值：<'transition-property'>：检测或设置对象中参与过渡的属性<'transition-duration'>：检测或设置对象过渡的持续时间<'transition-timing-funct

property

duration

transition

原创 2016-11-23 16:38:34 911 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

dapengtalk

欢迎

vue-router 入门学习

安装 node-sass 时报错

vue实现双击编辑

表单样式美化--复选框和单选按钮

Node.js 常用工具 util

Node.js 模块和包（Modules）

Node.js 初识 fs 模块

Node.js 初识 Path 模块

Node.js 初识 HTTP 模块

Node.js 初识 URL 模块

使用 Compass 生成雪碧图

Node.js 三大特点详解

fastclick.js --- 解决移动端点击事件300ms延时

jQuery 仿写京东轮播广告图

浏览器对象的各种宽高

Javascript Date对象 --- 时间戳及淘宝倒计时抢购功能实现

jQuery 表单应用：全选/取消全选，表单验证，网页选项卡切换

jQuery 表格应用：隔行变色，展开关闭，内容筛选

Vue.js 生命周期

QRCode.js -- 用 Javascript 生产二维码

Zepto.js 核心方法

vue-cli 快速搭建脚手架

vue-resource 与服务器端通信及跨域实际应用

ES6: 字符串的扩展

jQuery 表单插件 -- Form

详解 JSON 和 JSONP

Ajax 跨域请求-- Cross Domain

Vue.js 实例方法

CSS3 转换(Transform)

CSS3 过渡(Transition)