201604-27 Nodejs —— 调试篇 新学习一种技术,肯定会遇到很多坑,我们需要找到这些坑,弄清楚这些坑出现的原因和其中的原理。这种操作就叫做调试。 程序调试的方法和工具多种多样,在这里我总结一下我在学习nodejs的过程中,学到的和用到的调试方法。 log 在JavaScript代码中直接console.log,可以在控制台.... Read More >
201604-27 nodejs lodash的一些函数 1 _.compact用法 _.compact([0, 1, false, 2, '', 3,'mm']); var test = _.compact([-1,0, 1, false, 2, '', 3,'jj']); console.log(test); ----1,1,2,3,jj//输出 没有 0 false 空格 2_.different用法 var test.... Read More >
201603-24 IE8下实现兼容rgba 昨天遇到一个问题,要实现一个背景透明的效果,用CSS3用rgba()就能实现,即 background: rgba(0,0,0,.5); 但是要兼容到IE8,就发现没有透明效果,因为IE8不支持rgba()函数。下面我们总结一下rgba()函数的含义。 rgba的含义,r代表red,g代.... Read More >
201603-11 CMD规范SeaJS简析 CMD 模块定义规范 在 Sea.js 中,所有 JavaScript 模块都遵循 CMD(Common Module Definition) 模块定义规范。该规范明确了模块的基本书写格式和基本交互规则。 在 CMD 规范中,一个模块就是一个文件。代码的书写格式如下: define(factory); define Function define 是一个全局函数,用来定义模块.... Read More >
201511-22 CS3侧边栏导航不同方向划出效果 设定一组侧边栏导航菜单,然后可以从任何一边滑出。有两种实现方式,一种固定菜单,一种从左右两侧推出 演示 下载 转载自 杨青.... Read More >
201510-25 10个免费的响应式布局HTML5+CSS3模板 现在的自由响应式的HTML5模板的有着高度的市场需求,因为他们完全改变了网站设计与开发工业来说,是比较容易的,顺手,高级语言,可以很容易地创建了很多令人惊讶的事情,很快。这些模板是易于定制,有很多不同的特点。响应式HTML5模板不仅是高质量的而且看起来伟大在每个设备的显.... Read More >
201509-22 50个CSS、Javascript工具(框架,库) CSS库&工具包 Fileicon, 纯CSS文件图标的集合。 Marx, CSS重置样式 Transformicons – 使用SVG和CSS制作动画图标,标志和按钮。 .... Read More >
201508-08 CSS3 动画简析 CSS3属性中有关于制作动画的三个属性:Transform,Transition,Animation;我们一起学习完了Transform和Transition,让我们对元素实现了一些基本的动画效果,这些我想足以让大家激动了一阵子,今天我们趁着这个热劲继续第三个动画属性Animation的学习,单从A.... Read More >
201507-15 HTML5十五大新特性 HTML5想必大家都很熟悉了。然而,你能准确地说出HTML5带来了哪些新特性吗?本文总结了HTML5带来的15项你必须知道的新特性。 一起来看下: 1.新的文档类型 (New Doctype) 目前许多网页还在使用XHTML 1.0 并且要在第一行像这样声明文档类型: 1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0.... Read More >
201506-10 $(document).ready()与$(window).load()的区别 虽说很早就开始接触JavaScript,自己也用JavaScript编写过许多代码,如之前的web版码表计时器,就写了近500行代码,函数也写了10个左右。当时也就是想到哪里就写到哪里,行不通就另外找方法,根本不会考虑代码的性能、作用及优化。 随着在实践中对JavaScript的应用,对JavaScript的认识也在不断地深入。这里,就为大家介绍一下$(document).ready()于$(w.... Read More >
201505-17 视差滚动效果原理 视差滚动,这一技术最早出现是在Nike better World,之后这一网页技术在这些年频繁的出现在人们的视线当中,网络上关于视差滚动的教程和插件已经是多如牛毛, 不胜枚举。 如:30个让人兴奋的视差滚动、10个关于视差滚动的插件和教程、35个运用视差滚动效果的网站设计等等… 1)那到底什么是视差滚动呢? 2)它的实现原理是什么呢? 3)什么场景我们需要用到视差滚动呢? 4)有.... Read More >
201505-07 移动端自适应:flexible.js可伸缩布局使用 阿里团队开源的一个库。flexible.js,主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题。 实现方法: 通过JS来调整html的字体大小,而在页面中的制作稿则统一使用rem这个单位来制作。关键代码如下: ;(function(win, lib) { var doc = win.document; var docEl = doc.documentE.... Read More >
201504-26 SASS下CSS3属性无需再写厂商前缀 当CSS3的新属性被越来越多的浏览器新版本所采纳时,设计师们兴奋极了,因为他们可以用新的CSS属性实现以前需要非常愚蠢的样式技巧才能实现的任务。令人异常激动的是,现在用几行非常简单的CSS就能实现边框圆角,且不用在意随之而来的厂商前缀。厂商前缀就是浏览器在CSS特性前加的-webkit和-moz等前缀,用于对试验中的CSS特性进行支持。举个最简单的例子,要给一个<div>元素设置5px.... Read More >
201504-02 JavaScript代码放在HTML代码哪里比较好 本文总结了多种放置JS代码的方法,需要的朋友可以参考下 在哪里放置 JavaScript 代码? 通常情况下,JavaScript 代码是和 HTML 代码一起使用的,可以将 JavaScript 代码放置在 HTML 文档的任何地方。但放置的地方,会对 JavaScript 代码的正常执行会有一定影响,具体如下所述。 放置于<head></head>之间.... Read More >
201503-11 HTML5移动端手机网站开发流程 最近一直在研究移动手机网站的开发,发现做手机网站没有想象中的那么难。为什么会这么说呢?我们试想下:我们连传统的PC网站都会做,难道连一个小小的手机网站难道都搞不定吗?其实手机网站就是一个微缩版的PC网站罢了!至于为什么觉得难、觉得无从下手。 段亮觉得有以下几点: 一、没有完整的思路和流程.... Read More >