• 给前端新手们的建议

    给前端新手们的建议 前端界的现状 首先,当下越来越多的大学生开始关注前端了解前端了,这使得3年前还是一个比较新的工种的前端工程师变的异常火热。前端这几年确实爆发的非常快,我认为最主要的还是得益于移动互联网的发展,市场上对于多种端适配的研发人才变得需求量激增。那么当下的前端界是一个怎样的氛围呢,我个人觉得是有一些浮躁的。前后端分离、单页应用、混合型App、前端工程化等课题是当下的时代讨论

  • 记一次 ESlint 的经历

    记一次 ESlint 的经历 背景 准备重构 tingle 这个项目,首先就是进行了 Button 这个组件的重构以便熟悉熟悉项目。 tingle 采用 gulp + webpack 对代码进行实时编译开发和构建,在目前这个项目中,现有工具不具备代码质量的校验,这样非常不利于项目日后的社区化贡献代码和标准化,因此在这次重构中,决定将 js 的代码质量检查加进去,本来想使用 jshin

  • React.js 要点

    React.js 要点 最近在公司的一个移动端WEB产品中使用了React这个框架(并不是React-Native),记录一下在开发过程中遇到的各种问题以及对应的解决方法,希望能对读者有所帮助。 React原则 React不多做介绍,就是Facebook的一个开源JS框架,专注的层面为View层,不包括数据访问层或者那种Hash路由(不过React有插件支持),与Angularjs,

  • 我的切图方法最佳实践

    我的切图方法最佳实践 一个通常的前端开发工作,基本都是这样一个流程: 从产品和设计手中取得设计稿 写静态页面与前端交互,也就是俗称的切图 编写前端的JS交互特效 将静态页面交给后端人员套模板(最近还流行前后端分离,套模板也交给前端来搞,前端除了处理页面之外,还负责http请求层的开发,后端只负责数据接口开发,不管展现,但这个模式目前普及度还不高,因此咱们不讨论这个) 联调模板,

  • CSS3 3D 变换

    CSS3 3D 变换 CSS的3D变换已经不是个新东西了 为什么要写这篇文章呢?最近经常会做公司的一些移动端滑屏宣传小站,里面会用到很多交互动画,手机端的兼容性已经慢慢变好,我们完全可以使用CSS3来制作一些比较炫的效果,实际上现在我已经开始用了,诸如 animation 之类的。那在手机上做一些3D变换的效果未来一定会有类似的需求出现,所以研究研究CSS的3D变换是有必要的。

  • seajs, spm + grunt 自动模块化前端代码记录

    seajs, spm + grunt 自动模块化前端代码记录 Seajs是玉伯写的一个JavaScript模块化管理加载器,本人最近学习了一下Seajs的使用方法并总结了一套个人的使用规范也算是记录一下使用过程吧。 最重要的一点,seajs的路径加载规则 seajs的模块查找规则,是个非常值得记录的话题,seajs的创作团队自己也说seajs的模块加载是个万人坑,很容易糊涂。在这里,我不

  • 再谈浏览器事件

    再谈浏览器事件 事件绑定与事件获取 说起浏览器事件,就不得不说绑定事件的方式,或者说事件的处理。在现代浏览器与IE8及以下的浏览器中,事件绑定方式是不同的。 现代浏览器绑定事件: code 古老IE绑定事件(IE8及以下): code 而两者都支持DOM level0 绑定事件方式: code 一般想要在事件处理函数中获得当前的事件对象进行一系列判断与操作,那么在不同的浏览器

  • addEventListener与attachEvent

    addEventListener与attachEvent addEventListener(type, fn, capture) 这个方法是在现代浏览器中绑定事件所用的,除了 ie6/7/8之外都是支持的。参数的意思分别是: type :事件类型字符串,比如 'click' 'mouseover' fn :事件处理函数 capture :这个参数比

  • IE6/7 z-index失效问题

    IE6/7 z-index失效问题 如图所示,左边是chrome,右边是ie6,这里开发的是一个简单的下拉列表导航组件,在ie6下,下拉的列表无论如何设置z-index,都不会置于黑背景的上方。经过了网上大量的查询,发现该bug属于ie6下常见bug之一,原来工作中其实也遇到过,只不过没有重视。 在这里说一下出现这个bug的原因,ie6与ie7的z-index无论设置的多高,都得以他最

  • 关于前端工程师的自我发展

    关于前端工程师的自我发展 什么是前端开发工程师 前端开发工程师(或者说“网页制作”、“网页制作工程师”、“前端制作工程师”、“网站重构工程师”),这样的一个职位的主要职责是与交互设计师、 视觉设计师协作,根据设计图用HTML和CSS完成页面制作。同时,在此基础之上,对完成的页面进行维护和对网站前端性能做相应的优化。另外,一名合格的前端开发工程师,应该具有一定的审美能力和基础的美工操作能