AngularJS1.X前端开发总结

技巧总结 1. 在1.x版本使用ES6语法 提前使用ES6语法的好处在于组件化后的兼容性,但是感觉angularJS 1.X版本的设计跟组件化还是有很多出入 使用class进行组织,基本使用三种模块功能即可:directive, service, controller,页面使用controller,后台交互使用service,dom操作使用directive,因此比较关键复杂的是directive …

阅读全文

JavaScript实用代码片段

最近抽空在忙小项目,总结了下一些项目中碰到的常见问题,搜集对应的实用JS代码片段,跟大家分享。 1.产生限定范围内不重复的随机数 在深js也碰到了完全相同的问题,即抽奖程序的核心算法,结果是bug频出。这里给出js抽奖程序,大家去鄙视一下。 一种思路是在给定大小数组中每次抽取一个随机位置的数进行剔除,这个程序的问题是必须始终维护抽取的数组,好处是不会重复抽取: var originalArray= …

阅读全文

使用data-*属性指南

本文内容参考自MDN的using-data-attributes-in-javascript-and-css一文 一篇2012年的文章,目前data-*属性作为HTML5规范已经不能算是新特性了,主要是JSconf里看到troopjs使用,而boss问其他小伙伴时他们居然都不知道,于是就想总结一番。 data-*属性使用起来也很直观: <article id=”electriccars” d …

阅读全文

漫谈Web Components技术

第一次听说Web Components相关技术是在2013年从Shadow DOM 101这篇文章得知,只当是个模板技术的浏览器实现。谁想在Google IO 2014竟然将基于Web Components技术的Polymer专门做了个专题进行大篇幅介绍,其中Custom Element加上Imports的组合概念堪称惊艳,有种前端界的MapReduce的感觉。其实Google早在13年就已经花了 …

阅读全文