20170113 前端开发日报

SheRedmond 3年前
   <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>