5 何以飘零去_何以少团栾

尚未进行身份认证

前端工程师,Nodejs工程师,Vuejs菜鸡一枚

等级
TA的排名 14w+

使用Gulp构建前端自动化

gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;她能自动化地完成javascript、coffee、sass、less、html/image、css等文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。

2017-03-17 16:22:38

JavaScript Namespace命名空间使用说明

什么是命名空间?语言使用的一种代码组织的形式通过名称空间来分类,区别不同的代码功能。无论项目大小,如果一开始不严格按照命名空间来编写程序,当你写到上万行JavaScript程序的时候,我相信你一定会后悔你的object或者function命名已经很混乱了。所以建议童鞋们一开始就要养成命名空间的习惯,比如你要开发一个项目,功能可能如下://配置varconfig={};//前台

2017-02-28 10:49:02

移动端手势库hammer.js

GithubHammer.js是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。使用引入hammer.js到文件中,并创建一个新的实例:varhammer=newHammer(Element,Options);hammer.on('tap',function(ev){console.log(ev);});hammerjs内

2016-12-09 15:23:05

D3入门总结

基础API选择元素d3.select()选择所有指定元素的第一个d3.selectAll()选择指定元素的全部绑定元素data()绑定一个数组到选择集上,数组的各项值分别与选择集的各元素绑定dataum()绑定一个数据到选择集上function(d,i){}当选择集需要使用被绑定的数据时,常需要使用匿名函数。其包含两个参数,其中:d代表数据,也就是与某元素绑定的数据i代表索引,代表数

2016-12-06 16:13:42

CSS3绘制各类图形

三角形#triangle{width:0;height:0;border-left:25pxsolidtransparent;border-right:25pxsolidtransparent;border-bottom:50pxsolid#f60;}同理:半圆#half-round{border:4pxsolid#c

2016-10-11 16:34:52

JSON数组去重算法

JSON数组去重需求描述:去除JSON数组中paymode字段相同的项,并将paymoney累加。

2016-08-23 17:23:39

实时通讯之Socket.io

Socket.IO是一个WebSocket库,包括了客户端的js和服务器端的nodejs,它的目标是构建可以在不同浏览器和移动设备上使用的实时应用。

2016-08-12 18:38:36

ECMAScript 6学习笔记

ES6(ECMAScript6)新版本JavaScript语言的标准,代号harmony。上一次标准的制订还是2009年出台的ES5。目前想要运行ES6代码的话,可以用google/traceur-compiler将代码转译。

2016-04-04 21:02:16

MongoDB基本命令

成功启动MongoDB后,再打开一个命令行窗口输入mongo,就可以进行数据库的一些操作。输入help可以看到基本操作命令:showdbs:显示数据库列表 showcollections:显示当前数据库中的集合(类似关系数据库中的表) showusers:显示用户use:切换当前数据库,这和MS-SQL里面的意思一样 db.help():显示

2016-03-28 16:38:25

Sass学习笔记

一、Sass的介绍    Sass是一门高于CSS的元语言,基于Ruby创造出来的,它能用来清晰地、结构化地描述文件样式,有着比普通CSS更加强大的功能。Sass能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。    Sass和SCSS其实是同一种东西,两者之间不同之处有以下两点:    1.

2016-03-23 21:48:21

nodeJs--模块module.exports与实例化方法

在nodejs中,提供了exports和require两个对象,其中exports是模块公开的接口,require用于从外部获取一个模块的接口,即所获取模块的exports对象。而在exports抛出的接口中,如果你希望你的模块就想为一个特别的对象类型,请使用module.exports;如果希望模块成为一个传统的模块实例,请使用exports.xx方法;module.exports

2016-03-14 21:33:33

用grunt搭建自动化的web前端开发环境

jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用!1.前言各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表示重点)。至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt。还有一点,

2016-03-11 17:04:43

前端SEO优化(个人总结)

1.控制首页链接的数量(最多不超过100个a链接)2.扁平化的结构层次(三层目录结构)3.图片必须添加title和alt的值alt标签用来描述图片,告诉搜索引擎这张图片是什么。图片搜索就是依赖这些标签,所以我们需要加上这个标签。alt="..."标签的内容最好是我们的关键词。4.每个页面都加上面包屑导航5.分页导航添加下拉导航6.网页标题7.8.9.网页代码语义

2016-03-01 11:16:40

Ajax经典总结

1、ajax是什么?asynchronous javascript and xml:异步的javascript和xml。ajax是一种用来改善用户体验的技术,其本质是利用浏览器内置的一种特殊的对象(XMLHttpRequest)异步(即发送请求时,浏览器不会销毁当前页面,用户可以继续在当前页面做其它的操作)的向服务器发送请求,并且利用服务器返回的数据(不再是一个完整的页面,只是部

2016-02-02 19:51:54

Javascript实现完美的运动动画框架

运动框架的实现思路运动,其实就是在一段时间内改变top、bottom、left、right、width、height、opacity的值,到达目的地之后停止。运动框架的实现代码:functiongetStyle(element,attr){ //IE写法 if(element.currentStyle){ returnelement.currentS

2016-01-06 20:38:41

JavaScript在IE浏览器和Firefox浏览器中的差异总结

JavaScript在IE浏览器和Firefox浏览器中存在一些差异,以下对这些差异部分进行了总结,以及解决方案:1.HTML对象的id作为对象名的问题IE:HTML对象的ID可以作为document的下属对象变量名直接使用Firefox:不支持解决方法:使用document.getElementById替代document.all2.如果控件

2015-12-14 17:06:35

CSS里的各种水平垂直居中基础写法心得

首先,依旧是概念。介绍一下行内元素和块级元素,这个很重要,因为有的属性只能用于块元素,而有的正好相反,在一定的情况下,它们也可以相互转换,比如用display来进行设置。  行内元素(又叫内联元素inlineelement):  ①不占据一整行,随内容而定,有以下特点:  ②不可以设置宽高,也不可以设置行高,其宽度随着内容增加,高度随字体大小而改变。 

2015-12-10 09:41:36

跨IE和Chrome浏览器事件处理的解决办法

一、事件流事件流描述的是从页面中接受事件的顺序。IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流1、事件冒泡事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。2、事件捕获事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。二、事件处理程序1、HTML事件处理

2015-10-06 10:34:23
勋章 我的勋章
    暂无奖章