`
文章列表
三种基本选择器: 类型选择器:以文档语言对象类型作为选择符,匹配指定的元素。 p {color:red;} 类选择器:用点号(.)表示,根元素的class属性值来指定元素。 .note { font-size:14px; } /*所有class属性值等于"note"的对象字体尺寸为14px */ ID选择器:用井号(#)表示,根据元素的id属性(文档目录树DOM中作为对象的唯一标识符)值来匹配元素。 #note { font-size:14px; } /*所有id等于"note"的对象字体尺寸为14px */ 三种基本选择器的扩展 选择符分组:规 ...
     作为一个 nodejs 新手,非常感谢社区能有这么好的读书活动,而且还给我们带来了这本 《Node.js项目实践:构建可扩展的Web应用》,对于我们新手来说,非常适合学习。      大致看了一下书的目录结构,从安装 到基础&语法,还介绍了目前非常火的 Express.js 这个框架,而且版本也是选的比较新的4,现在市面上好多书籍以及在线的教程资料还停留在 3.*x 的版本,后面又介绍了一些基于 Mocha 的测试相关的,这部分平时基本很少接触到,所以还是收获了很多东西,第4章又非常仔细地介绍了一下模板引擎,这个我们平时也在用,主要还是基于 Jade,后面的 Hand ...

iphone6和6+ media query

    博客分类:
  • css
/*iPhone 6 Portrait*/ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { } /*iPhone 6 landscape*/ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { } /*iPhone 6+ Por ...

normalize.css

    博客分类:
  • css
github上源码:https://github.com/necolas/normalize.css 是什么?     是一种CSS reset的替代方案 用处      保护有用的浏览器默认样式而不是完全去掉它们      一般化的样式:为大部分HTML元素提供      修复浏览器自身的bug并保证各浏览器的一致性      优化CSS可用性:用一些小技巧      解释代码:用注释和详细的文档来 浏览器支持       Google Chrome (latest)       Mozilla Firefox (latest)       Mozilla Firefox ESR     ...
jQuery.Autocomplete 能够很好的实现输入框的自动完成(autocomplete)、建议提示(input suggest)功能,支持ajax数据加载。 [options]里的参数: minChars表示在自动完成激活之前填入的最小字符,这里我们设置为0,在我们双击文本框,不输入字符的时候,就会把数据显示 autoFill表示自动填充,就是在文本框中自动填充符合条件的项目 mustMatch表示必须匹配条目,也就是在文本框里输入的内容,必须是data参数里的数据,如果不匹配,文本框就被清空 matchContains表示包含匹配,就是data参数里的数据,是否只要包含文 ...

sublime安装插件

1).安装package control组件 通过Sublime Text 2控制台。这是通过按 Ctrl + ` 快捷访问。打开粘贴以下命令到控制台。 import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); op ...
1.打开终端,输入如下命令(注意大小写): defaults write com.app.Finder AppleShowFiles Yes 2.重启Finder即可 3.想取消这个效果,只需要执行如下就可以 defaults write com.app.Finder AppleShowFiles NO
推荐一款超极好用的mac系统查找文件工具: http://www.alfredapp.com/#download http://www.cnblogs.com/chijianqiang/p/alfred.html 基础快捷键:option+space 用快捷键呼出Alfred,输入任何一款应用程序的中文或英文名称,即可快速定位程序,回车打开~
grunt-contrib-htmlmin插件-tasks目录下htmlmin.js文件中配置了一个htmlmin任务: grunt.registerMultiTask('htmlmin', 'Minify HTML', function () { var options = this.options(); grunt.verbose.writeflags(options, 'Options'); this.files.forEach(function (file) { var min; var max = file.src.filt ...
imagemin : { dist : { files : [{ expand : true, cwd : 'app', src : '**/*.{png,jpg,jpeg}', dest : 'dist/images' }] } }, 执行grunt imagemin : dist 就 ...
copy任务配置项使用示例: copy: { main: { files: [ // includes files within path {expand: true, src: ['path/*'], dest: 'dest/', filter: 'isFile'}, // includes files within path and its sub-directories {expand: true, src: ['path/**'], dest: 'dest/'}, // makes al ...
grunt-open插件-tasks目录下open.js文件中配置了一个open任务: grunt.registerMultiTask('open', 'Open urls and files from a grunt task', function() { var dest = this.data.url || this.data.file || this.data.path; dest = typeof dest === 'function' ? dest() : dest; var application = this.data.app || this.dat ...
grunt-contrib-clean插件-tasks目录下clean.js文件中配置了一个clean任务: grunt.registerMultiTask('clean', 'Clean files and folders.', function() { // Merge task-specific and/or target-specific options with these defaults. var options = this.options({ force: grunt.option('force') === true, 'no ...
package.json配置文件        项目根目录下,文件内部就是一个json对象        定义了项目所需要的各种模块,以及项目的配置信息(如名称、版本、许可证等元数据)        npm install 命令根据它自动下载所需的模块     { //name中任何non-url-safe的字符都不能用 "name": "Hello World", //version 必须能被 node-semver解析 "version": "0.0.1", " ...
npm不需要单独安装: 安装node的时候:https://nodejs.org/,会连带一起安装npm。          常见的一些命令 //npm命令列表 npm help //各个命令的简单用法 npm -l //查看npm的版本和配置 npm -version npm config list -l //单独更新npm而不更新node npm update -global npm //安装模块,-g是全局安装,默认安装最新版本,@0.1.1安装指定版本 npm install [package name] npm install ...
Global site tag (gtag.js) - Google Analytics