摘要:
你愿意为打开一个网页等待多长时间?我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站,博客,你的网页响应速度如何呢?在这篇文章中我们来介绍一下提高网页性能的最佳实践,以及相应的问题解决方案,让站长或者即将要成为站长的朋友了解如何去测试和提高网站响应速度 阅读全文
摘要:
定义一块画布,然后在上面画一个圆形 他看起来应该是这个样子的: 现在我们就让这个圆动起来 动起来是这个样子的(gif循环之后234三个demo将无法区分,所以这里的gif只循环一次,需要多次查看效果请刷新或者进入demo查看): 我们可以看到圆动起来的时候,circle元素里边不再是空的,多了一个a 阅读全文
摘要:
前言 webpack是模块加载器+打包工具的集大成者。开发React堪称利器,jsx语法、es6,混淆、模块加载都很智能且功能强大,但是对于css、图片的加载器还不是像grunt/gulp那么丰富易于修改编辑,功能上略微不是那么方便,例如css中的图片地址修改或是需要替换cdn路径,图片压缩在web 阅读全文
摘要:
前面两篇关于webpack的基础和进阶,请先务必阅读之前的文章。 Webpack教程一 Webpack教程二 什么是React React是一个由Facebook开发的library,它的口号是“A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES”,用 阅读全文
摘要:
黄玄 · 3 个月前本文译自 Angular 2 versus React: There Will Be Blood ,其实之前有人翻译过,但是翻得水平有一点不忍直视,我们不希望浪费这篇好文章。本文由 @李凌豪@黄玄 联合翻译,转载请保留原文链接 ;) Angular 2 已经发布 Beta 版,而 阅读全文
摘要:
Webpack教程一 开发技巧 启用source-map 现在的代码是合并以后的代码,不利于排错和定位,只需要在config中添加 这样出错以后就会采用source-map的形式直接显示你出错代码的位置。 配置webpack-dev-server代理 既然常用webpack做React一类的SPA, 阅读全文
摘要:
比较 如果你熟悉原来一系列的构建工具,grunt或者gulp之类的,这里有一篇webpack和他们比较的文章可以读一读。 Webpack Compared 安装 先装好node和npm,因为webpack是一个基于node的项目。然后 总览 官网对webpack的定义是MODULE BUNDLER, 阅读全文
摘要:
本文来自 100offer 团队原创,部分内容译自:Why can’t we find Front End developers? 前端工程师的缺乏问题几乎蔓延到整个互联网行业,从刚起步的创业公司,到上市公司乃至巨头,这个问题都存在着。没错,优秀的前端工程师简直比大熊猫还稀少。 每天,100offe 阅读全文
摘要:
sublime有很强的自定义功能,插件库很庞大,针对新语言插件更新很快,配合使用可以快速搭建适配语言的开发环境。 1. babel 支持ES6, React.js, jsx代码高亮,对 JavaScript, jQuery 也有很好的扩展。关于 babel 的更多介绍可以看这里:为什么说Babel将 阅读全文
摘要:
思维导图小tips:思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具。思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像、颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆、阅读、思维的规律, 阅读全文