- 博客(18)
- 收藏
- 关注
RSS订阅原创 使用Gulp构建前端自动化
gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；她能自动化地完成 javascript、coffee、sass、less、html/image、css等文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。
2017-03-17 16:22:38
2161
转载 JavaScript Namespace命名空间使用说明
什么是命名空间？语言使用的一种代码组织的形式 通过名称空间来分类，区别不同的代码功能 。无论项目大小，如果一开始不严格按照命名空间来编写程序，当你写到上万行JavaScript程序的时候，我相信你一定会后悔你的object或者function命名已经很混乱了。所以建议童鞋们一开始就要养成命名空间的习惯，比如你要开发一个项目，功能可能如下：// 配置 var config = {}; // 前台
2017-02-28 10:49:02
1021
1
原创 移动端手势库hammer.js
GithubHammer.js是一个开源的，轻量级的javascript库，它可以在不需要依赖其他东西的情况下识别触摸，鼠标事件。使用引入hammer.js到文件中，并创建一个新的实例：var hammer = new Hammer(Element, Options);hammer.on('tap', function(ev) { console.log(ev);});hammerjs内
2016-12-09 15:23:05
1931
原创 D3入门总结
基础API选择元素d3.select()选择所有指定元素的第一个d3.selectAll()选择指定元素的全部绑定元素data()绑定一个数组到选择集上，数组的各项值分别与选择集的各元素绑定dataum()绑定一个数据到选择集上function(d, i){ }当选择集需要使用被绑定的数据时，常需要使用匿名函数。其包含两个参数，其中： d 代表数据，也就是与某元素绑定的数据 i 代表索引，代表数
2016-12-06 16:13:42
3135
原创 CSS3绘制各类图形
三角形#triangle{ width:0; height: 0; border-left:25px solid transparent; border-right:25px solid transparent; border-bottom:50px solid #f60;}同理：半圆#half-round{ border:4px solid #c
2016-10-11 16:34:52
527
原创 实时通讯之Socket.io
Socket.IO是一个WebSocket库，包括了客户端的js和服务器端的nodejs，它的目标是构建可以在不同浏览器和移动设备上使用的实时应用。
2016-08-12 18:38:36
16435
1
原创 ECMAScript 6学习笔记
ES6（ECMAScript 6）新版本JavaScript语言的标准，代号harmony。上一次标准的制订还是2009年出台的ES5。目前想要运行ES6代码的话，可以用google/traceur-compiler将代码转译。
2016-04-04 21:02:16
1236
转载 MongoDB基本命令
成功启动MongoDB后，再打开一个命令行窗口输入mongo，就可以进行数据库的一些操作。输入help可以看到基本操作命令：show dbs:显示数据库列表 show collections：显示当前数据库中的集合（类似关系数据库中的表） show users：显示用户use ：切换当前数据库，这和MS-SQL里面的意思一样 db.help()：显示
2016-03-28 16:38:25
322
原创 Sass学习笔记
一、Sass的介绍 Sass 是一门高于 CSS 的元语言，基于Ruby创造出来的，它能用来清晰地、结构化地描述文件样式，有着比普通 CSS 更加强大的功能。 Sass 能够提供更简洁、更优雅的语法，同时提供多种功能来创建可维护和管理的样式表。 Sass 和 SCSS 其实是同一种东西，两者之间不同之处有以下两点： 1.
2016-03-23 21:48:21
956
转载 nodeJs--模块module.exports与实例化方法
在nodejs中，提供了exports 和 require 两个对象，其中 exports 是模块公开的接口，require 用于从外部获取一个模块的接口，即所获取模块的 exports 对象。而在exports抛出的接口中，如果你希望你的模块就想为一个特别的对象类型，请使用module.exports；如果希望模块成为一个传统的模块实例，请使用exports.xx方法；module.exports
2016-03-14 21:33:33
1029
转载 用grunt搭建自动化的web前端开发环境
jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！1. 前言各位web前端开发人员，如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt，那你就真的真的真的out了（三个“真的”重复，表 示重点）。至于grunt的作用，这里不详细说了，总之你如果做web前端开发，你一定要用grunt。还有一点，
2016-03-11 17:04:43
618
原创 前端SEO优化(个人总结)
1.控制首页链接的数量（最多不超过100个a链接）2.扁平化的结构层次（三层目录结构）3.图片必须添加title和alt的值alt标签用来描述图片，告诉搜索引擎这张图片是什么。图片搜索就是依赖这些标签，所以我们需要加上这个标签。alt="..."标签的内容最好是我们的关键词。4.每个页面都加上面包屑导航5.分页导航添加下拉导航6.网页标题7.8.9.网页代码语义
2016-03-01 11:16:40
509
转载 Ajax经典总结
1、ajax是什么?asynchronous javascript and xml:异步的javascript和xml。ajax是一种用来改善用户体验的技术，其本质是利用浏览器内置的一种特殊的对象 (XMLHttpRequest)异步(即发送请求时，浏览器不会销毁当前页面，用户可以继续在当前页面做其它的操作)的向服务器发送请求,并且利用服务器返回的数据(不再是一个完整的页面，只是部
2016-02-02 19:51:54
399
原创 Javascript实现完美的运动动画框架
运动框架的实现思路运动，其实就是在一段时间内改变top、bottom、left、right、width、height、opacity的值，到达目的地之后停止。运动框架的实现代码：function getStyle(element, attr) { //IE写法 if (element.currentStyle) { return element.currentS
2016-01-06 20:38:41
410
转载 JavaScript在IE浏览器和Firefox浏览器中的差异总结
JavaScript在IE浏览器和Firefox浏览器中存在一些差异，以下对这些差异部分进行了总结，以及解决方案：1.HTML对象的 id 作为对象名的问题IE：HTML 对象的 ID 可以作为 document 的下属对象变量名直接使用Firefox：不支持解决方法：使用document.getElementById替代document.all2.如果控件
2015-12-14 17:06:35
1980
转载 CSS里的各种水平垂直居中基础写法心得
首先，依旧是概念。介绍一下行内元素和块级元素，这个很重要，因为有的属性只能用于块元素，而有的正好相反，在一定的情况下，它们也可以相互转换，比如用display来进行设置。 行内元素(又叫内联元素inline element): ①不占据一整行，随内容而定，有以下特点： ②不可以设置宽高，也不可以设置行高，其宽度随着内容增加，高度随字体大小而改变。
2015-12-10 09:41:36
542
原创 跨IE和Chrome浏览器事件处理的解决办法
一、事件流事件流描述的是从页面中接受事件的顺序。IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流1、事件冒泡事件冒泡，即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上转播至最不具体的节点(文档)。2、事件捕获事件捕获的思想是不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。二、事件处理程序1、HTML事件处理
2015-10-06 10:34:23
1213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人