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