前端工程师标配

随着计算机新技术的高速发展,现在的前端工程师要求越来越高,作为前端开发的自己感觉现在快对不住前端工程师这个称呼了,所谓工欲善其事,必先利其器,为了让自己更像一枚前端工程师,最近决定从开发环境开始武装自己。本文将介绍前段工程师开发的一些利器的安装步骤,主要包括了: Node.js的安装 Grunt的安装及常用插件 Sublime Text的安装及必备插件(用了6年的adobe dreamweaver现在决定将他抛弃) 一、nodeJs安装 Node.js就是一堆前端工程师捧红的,装上这个东东,主要不是自己需要使用Node.js而是一堆工具对他的依赖。 Windows下安装步骤很简单: 去到htt…阅读全文

grunt前端自动化工具常用插件

grunt-contrib-watch:监听文件变化 grunt-contrib-clean :build前的清理工作 grunt-contrib-concat :拼接文件 grunt-contrib-copy :拷贝文件 grunt-contrib-cssmin :压缩css grunt-contrib-uglify :压缩js grunt-contrib-htmlmin :压缩html grunt-contrib-sass:cass编译 grunt-contrib-jshint:js代码检查   强烈推荐一个非常好用的东西值得全局安装anywhere,可以在任何目录启动一个web…阅读全文

前端Sublime神器长用插件及快捷键

一、实用插件 AutoFileName:自动提示路径插件 Emmet:提高HTML & CSS3编写速度(Zen Coding) JsFormat:js代码格式化 Tag:html代码格式化 二、常用快捷键 Ctrl+K :删除行 Ctrl+Shift+↑:向上移动行 Ctrl+Shift+↓:向下移动行 Ctrl+/:注释 Ctrl+Shift+P:打开命令面板 Ctrl+,:选中当前标签 Ctrl+Shift+P:打开命令面板

利用css3实现checkbox表单元素美化

html css 实现原理: 前端同学都知道点击带有for属性的label标签会选中对应的input复选框,这样一来我们可以先隐藏掉checkbox元素,然后利用label来定义样式,可以使用css3的 + 兄弟节点选择器选择选中后的label兄弟节点然后对其赋予样式即可。

AngularJS 使用技巧

angularjs基础使用 ng-click()事件传入当前对象方法: 解决angularJS的花括号与后端程序冲突解决办法: 解决网速不好时候显示angularJS的花括号代码问题

每三条数据放一个div (js循环)

数据循环,在使用js循环数据的时候可能会遇到需要把指定条数的数据塞进一个div里,例如选项卡之类的效果可能就会用到下面这种循环

H5+学习 之 知识点总结

1、a连接凡是使用了mui的mui(‘.mui-content’).on(‘tap’,’.user-link’,function(){})这玩意绑定事件的他都默认的阻止了dom默认行为,例如点击a他就不会跳转页面 2、绑定a连接事件弹出模版子模版的模式,里面有一层判断 正常的话这个判断内的代码只能执行一次,但是如果你把href的值变成data-href的话这个代码会每次触发事件都会执行一次,原因是如果你存储的是本地相对路径的话,非href属性获取他的值永远都是你在页面书写的值,而herf是取的绝对路径的值,例如file:/…阅读全文

利用r.js压缩项目资源

页面结构: myapp js ●index.js css ●style.css ●build.js ●r.js 下载r.js请点击这里 build.js配置 打开node命令台执行下面命令 相关连接: http://www.loveqiao.com/archives/869 http://www.loveqiao.com/archives/810

r.js优化前端资源

r.js是requireJS的优化(Optimizer)工具,可以实现前端文件的压缩与合并,在requireJS异步按需加载的基础上进一步提供前端优化,减小前端文件大小、减少对服务器的文件请求。 要使用r.js需下载r.js文件(点我下载),将其放到你的项目根目录;还需要安装nodeJS(点我下载),以便通过命令行来执行r.js功能。 如下图所示的项目(见案例中的before文件夹)仅仅使用了requireJS,但还未使用过r.js。该项目有两个页面,其中 index.html 使用了jQuery和我写的一个jq幻灯片插件VajoyJS;另一个页面 reg.html 使用了avalonJS 框…阅读全文

sea.js基础使用

判定当前页面是否有 CMD 模块加载器 Sea.js配置 启动模块 定义模块 Sea.js 的调试接口 安装构建工具 执行构建工具 构建工具配置文件 文件后缀的自动添加规则 Sea.js 在解析模块标识时, 除非在路径中有问号(?)或最后一个字符是井号(#),否则都会自动添加 JS 扩展名(.js)。如果不想自动添加扩展名,可以在路径末尾加上井号(#)。 模块有几中类型 相对模块:require(‘./foo’)、require(‘../bar’) 相对于当前模块定位 顶级模块:require(‘foo’)、require…阅读全文

HTML5 classList使用

html5新增api,类似于jquery的 addclass、toggleClass、removeClass方法 add:给元素添加一个指定的class remove:从元素中删除一个指定的class toggle:如果元素没有指定的class则执行add操作|反之执行remove操作 contains:检测元素是否含有指定的class