20170113 前端开发日报

   <p>那些关于 IE 兼容你还不知道的事儿；看懂前端脚手架你需要这篇 Webpack；Material Design 风格的轻量 <a href="/misc/goto?guid=4959734766423311971" rel="nofollow,noindex">Vue</a> . <a href="/misc/goto?guid=4958879020187554774" rel="nofollow,noindex">JS</a> 组件库；从零开始成为一名开源程序员，其实只需要九步；初识 <a href="/misc/goto?guid=4959734766538914077" rel="nofollow,noindex">HTTP</a> /2（二）； <a href="/misc/goto?guid=4958879020187554774" rel="nofollow,noindex">js</a> 语法： 由++[[]][+[]]+[+[]] = 10 ？引发的问题；最受欢迎的十款AngularJS开发工具； <a href="/misc/goto?guid=4958879020687701845" rel="nofollow,noindex">html</a> 和 <a href="/misc/goto?guid=4959734766667478708" rel="nofollow,noindex">CSS</a> 技巧点滴</p>    <ol>     <li> <p><a href="/misc/goto?guid=4959734766749436440" rel="nofollow,noindex">那些关于 IE 兼容你还不知道的事儿</a> <a href="/misc/goto?guid=4959734766834496943" rel="nofollow,noindex"> </a> by 崔宇 说起IE模式，可以先从各种浏览器的内核Rendering Engine(排版引擎/渲染引擎)说起。主流的浏览器内核主要有 Gecko（Firefox浏览器）,WebKit（Safari、Chrome等浏览器）,Opera（Opera浏览器和Trident（IE浏览器）。 IE所对应的内核分别是：IE6,IE7,IE8（Trident 4.0）,IE9（Trident 5.0）,IE10（Trident 6.0）...</p> </li>     <li>#前端技术#【 <a href="/misc/goto?guid=4959734766920702281" rel="nofollow,noindex">看懂前端脚手架你需要这篇 Webpack</a> 】详见： <a href="/misc/goto?guid=4959734766997525678" rel="nofollow,noindex"> </a> 在本文中，作者将详细解读分割 Webpack 配置文件的多种方法，如何打包文件分割，以及 chunk type 块的类型大揭秘等内容。一起来看看。[围观] ​​​ <p><img src="https://simg.open-open.com/show/7b250b31102f1469e998fab5b8768482.jpg"></p> </li>     <li> <p>Rubik UI： <a href="/misc/goto?guid=4959734767087473301" rel="nofollow,noindex">Material Design 风格的轻量 Vue.js 组件库</a> <a href="/misc/goto?guid=4959734767170749887" rel="nofollow,noindex"> </a> Rubik UI 是一个基于 Vue.js 2.0+ 的开源 UI 组件库，在交互和视觉设计上遵循 Material Design 规范，适用于 PC 端和 <a href="/misc/goto?guid=4958879020594332888" rel="nofollow,noindex">Mobile</a> 端。 这是个从 <a href="/misc/goto?guid=4959734767280433882" rel="nofollow,noindex">jQuery</a> 版本的 Material Design UI 组件库改版而来，内部系统已经开始使用，开源版本还在开发完善中。 <a href="/misc/goto?guid=4959734767365367063" rel="nofollow,noindex">github</a> https://github.com/ccforward/rubik NPM...</p> </li>     <li> <p>【 <a href="/misc/goto?guid=4959734767446742348" rel="nofollow,noindex">从零开始成为一名开源程序员，其实只需要九步</a> ！】探索技术世界，是一件非常令人兴奋的事情。你会发现有非常非常多的领域，等待你去学习，去深挖。如果有兴趣参与和帮助创造更好的 ... <a href="/misc/goto?guid=4959734767532861264" rel="nofollow,noindex"> </a> ​​​</p> </li>     <li><a href="/misc/goto?guid=4959734767603232281" rel="nofollow,noindex">初识 HTTP/2（二）</a> <a href="/misc/goto?guid=4959734767686329270" rel="nofollow,noindex"> </a> » 译者:GitFuture 尽管有很多关于它如何改变工作流程，提高 <a href="/misc/goto?guid=4958879019403163939" rel="nofollow,noindex">web</a> 速度和效率等方面的猜想，但最佳使用方式还没有定下来。这里我想讲的就是我在之前的项目中所发现的 HTTP/2 的最佳实践。 ​​​ <p><img src="https://simg.open-open.com/show/949a5e93b674a7a0f14dc866b6739dec.jpg"></p> </li>     <li>《 <a href="/misc/goto?guid=4959734767804044082" rel="nofollow,noindex">JS语法： 由++[[]][+[]]+[+[]] = 10 ？引发的问题</a> 》[0]是带有0成员的数组，[0][0]是取它第1个成员，所以必是0。用了[0][0] = ‘1’虽然改了第1成员的值，但下一个[0][0]是独立取成员值的表达式，所以得到0数字值。 <a href="/misc/goto?guid=4959734767881651694" rel="nofollow,noindex"> </a> （by 言己 <a href="/misc/goto?guid=4959734767964112109" rel="nofollow,noindex"> </a> ） ​​​ <p><img src="https://simg.open-open.com/show/30f98fc4cf828c726c85f0ff0d890aab.jpg"></p> </li>     <li> <p>【 <a href="/misc/goto?guid=4959734768048326184" rel="nofollow,noindex">最受欢迎的十款AngularJS开发工具</a> 】AngularJS 是 Google 推出的一款 Web 应用开发框架。它提供了一系列兼容性良好并且可扩展的服务，包括数据绑定、DOM 操作、MVC ... <a href="/misc/goto?guid=4959734768126215618" rel="nofollow,noindex"> </a> ​​​</p> </li>     <li># <a href="/misc/goto?guid=4959667423000922088" rel="nofollow,noindex">前端开发</a> 那些事#【 <a href="/misc/goto?guid=4959734768233853167" rel="nofollow,noindex">HTML 和 CSS 技巧点滴</a> 】详见：HTML和CSS技巧点滴 一些实用的 HTML 和 CSS 小技巧，与你分享。（作者： 沐心chen）欢迎投稿至——>>【前端开发那些事】专辑： <a href="/misc/goto?guid=4959734768314803486" rel="nofollow,noindex"> </a> ​​​ <p><img src="https://simg.open-open.com/show/9ee19e8e525c54857288e325c6e7b2f0.jpg"></p> </li>     <li>#前端技术#【 <a href="/misc/goto?guid=4959734768402373640" rel="nofollow,noindex">利用 Canvas 画国旗</a> 】详见： <a href="/misc/goto?guid=4959734768480032209" rel="nofollow,noindex"> </a> 手把手的教你利用 <a href="/misc/goto?guid=4959734768550830821" rel="nofollow,noindex">Canvas</a> 画国旗。初学 Canvas 的朋友，来试试吧。[哆啦A梦微笑] ​​​ 在这之前 需要你懂得以下方法的使用： beginPath() moveTo() lineTo() closePath() 具体用法可以参考我的上一篇文章 canvas入门－利用canvas制作一个七巧板 矩形的绘制 canvas提供了三种绘制矩形的方法： fillRec... <p><img src="https://simg.open-open.com/show/00e2a1a7b8731f979687ca99f38278d9.jpg"></p> </li>     <li>#开源项目#【轻量级的 Canvas 粒子运动特效插件库： <a href="/misc/goto?guid=4959734768636136078" rel="nofollow,noindex">Particleground.js</a> 】详见： <a href="/misc/goto?guid=4959734768713038617" rel="nofollow,noindex"> </a> Particleground.js 是一款基于 Canvas 的轻量级 Canvas 粒子运动特效插件库。它提供了一些比较绚丽，实用的特效应用于界面。同时，它简洁直观，并且高效。官网地址： <a href="/misc/goto?guid=4959734768795111724" rel="nofollow,noindex"> </a> [威武] ​​​ <p><img src="https://simg.open-open.com/show/ff656dac9da3541dbcb1e75fd3695803.jpg"></p> </li>    </ol>    <p><a href="/misc/goto?guid=4959734768877752438" rel="nofollow,noindex">关注github前端日报</a> <a href="/misc/goto?guid=4959734768965846451" rel="nofollow,noindex">订阅精彩文章</a></p>    <p><a href="/misc/goto?guid=4959734769051834760" rel="nofollow,noindex">前端日报</a> 栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。 <strong> <a href="/misc/goto?guid=4959734768965846451" rel="nofollow,noindex">进入码农头条查看更多</a> </strong></p>    <p> </p>    <p>来自：http://caibaojian.com/fe-daily-20170113.html</p>    <p> </p>