2018年02月_前端大全

转载在 css 中什么是好的注释？

（点击上方公众号，可快速关注）英文：Keith J. Grant 译文：众成翻译/KINGzcfy.cc/article/thoughts-on-self-documenting-cssRobert C. Martin写的《Clean Code》是我读过的最好的编程书籍之一，若没有读过，推荐你将它加入书单。注释就意味着代码无法自说明 —— Robert C. MartinMartin在文中详细讨

2018-02-28 00:00:00 1083

（点击上方公众号，可快速关注）作者：henry_chensegmentfault.com/a/1190000013355484在做小程序的项目中，需要在添加购物车的时候，增加抛物线小球动画。先给大家看下效果图分析这种不固定起始位置的动画，自然不能用 gif 图，所以只能用原生代码实现。那我们有什么工具来实现动画呢？小程序提供了 JS API createAnimation 来创建动画CSS tra

2018-02-28 00:00:00 975 2

转载你需要 Mobx 还是 Redux ？

（点击上方公众号，可快速关注）作者：熊建刚http://blog.codingplayboy.com/2018/02/11/mobx-vs-redux/在过去一年，越来越多的项目继续或者开始使用React和Redux开发，这是目前前端业内很普遍的一种前端项目解决方案，但是随着开发项目越来越多，越来越多样化时，个人又有了不同的感受和想法。是不是因为已经有了一个比较普遍的，熟悉的项目技术栈，我们就一

2018-02-27 00:00:00 3023

转载 2018 年，Angular JS 框架是否还值得学习？

（点击上方公众号，可快速关注）来源：开源中国www.oschina.net/news/93412/is-angular-js-framework-worth-learning-in-2018越来越多人对学习开发和搭建自己的网站感兴趣，如果你也是，那么 2018 年将是提高技能理想的一年。我们不妨先从 JavaScript 框架开始，但在这篇文章里谈论得更多的将是 Angular JS。Angula

2018-02-26 00:00:00 1563 3

转载 Canvas 动画之支付宝价格拖动选择

（点击上方公众号，可快速关注）作者：我仍旧在这里https://segmentfault.com/a/1190000013266172效果源码：https://github.com/supperjet/H5-Animation/tree/master/%E6%94%AF%E4%BB%98%E5%AE%9D%E4%BB%B7%E6%A0%BC%E6%8B%96%E5%8A%A8效果演示：https

2018-02-26 00:00:00 538

转载 Node 定时器详解

（点击上方公众号，可快速关注）作者：阮一峰www.ruanyifeng.com/blog/2018/02/node-event-loop.htmlJavaScript 是单线程运行，异步操作特别重要。只要用到引擎之外的功能，就需要跟外部交互，从而形成异步操作。由于异步操作实在太多，JavaScript 不得不提供很多异步语法。这就好比，有些人老是受打击，他的抗打击能力必须变得很强，否则他就完蛋了

2018-02-25 00:00:00 319

转载对抗蠕虫 —— 如何让按钮不被 JS 自动点击

（点击上方公众号，可快速关注）作者： EtherDream www.cnblogs.com/index-html/p/anti_xss_worm.html前言XSS 自动点按钮有什么危害？在社交网络里，很多操作都是通过点击按钮发起的，例如发表留言。假如留言系统有 XSS，用户中招后除了基本攻击外，还能进行传播 —— XSS 自动填入留言内容，并模拟点击发表按钮，于是就能发布带有恶意代码的留言。好友

2018-02-25 00:00:00 465

转载阻碍你使用 GraphQL 的十个问题

（点击上方公众号，可快速关注）作者：邹润阳http://jerryzou.com/posts/10-questions-about-graphql/在最近半年中，LeetCode 的一些新功能已经开始尝试使用 GraphQL。如果你在 LeetCode 网站中查看一下开发者工具中收集到的请求，也许会发现一个与众不同的请求 POST https://leetcode.com/graphql/。是的

2018-02-24 00:00:00 2035

转载 Webpack 4 不完全迁移指北

（点击上方公众号，可快速关注）来源：dwqshttps://github.com/dwqs/blog/issues/60在 webpack 3 发布之后， webpack 团队向社区承诺，之后 webpack 主版本的迭代会有一个时间比较长且稳定的开发周期。而在2017年8月份的时候，webpack 团队从 master 分支切出了 next 分支用于 webpack 4 的开发，经历 5 个月

2018-02-24 00:00:00 2651

转载面向对象：往后余生，风雪是你，平淡是你，清贫是你，荣华是你

各位男生如果看到合适的女生，但自己 “下不了手”，请可劲地介绍给你还单着的亲朋好友 ^_^ 小帖士 1）男生和女生都可以报名参加面向对象，加入方式详见公号底部菜单 “我要脱单-相亲圈” 2）面向对象平台提供多种方式：相亲圈：私密性较强，仅圈内公开（适合比较害羞的童鞋）；相亲圈+公号推送：曝光度大，脱单的机会更大。 3）相亲圈男生和女生的信息，面向对象团队仅核实了

2018-02-24 00:00:00 1042 1

转载前端利器，6 款开源 Web 性能优化辅助工具推荐

（点击上方公众号，可快速关注）来源：开源中国my.oschina.net/editorial-story/blog/1622282Web 性能优化是一个老生常谈的话题，也是前端页面开发十分重要的部分。当页面加载速度越慢，用户流失的概率就越大，性能和交互直接影响用户体验。下面推荐几款 Web 性能优化辅助工具推荐，希望能对大家有所帮助。LighthouseLighthouse 是 Google 开源

2018-02-23 00:00:00 499

转载前端移动端适配总结

（点击上方公众号，可快速关注）作者：Devinnnhttps://segmentfault.com/a/1190000011586301meta标签到底做了什么事情做过移动端适配的小伙伴一定有遇到过这行代码： name="viewport" content="width=device-width, initial-scale=1.0">但是，很多小伙伴只是感性的认识：噢，我加了这行代码，然后页面的

2018-02-23 00:00:00 2372

转载年度最佳 JavaScript 和 CSS 开源库推荐！

（点击上方公众号，可快速关注）英文：Georgi Georgiev 译文：开源中国my.oschina.net/editorial-story/blog/1622283Tutorialzine 每个月都会公布一次当月新增的 JS 和 CSS 库。2018 新年之际，该网站整理出了 2017 年最受用户欢迎和喜爱的一些 JS 和 CSS 库，供大家学习和参考。JavaScript 本地存储库 lo

2018-02-22 00:00:00 585

转载 CSS 样式书写规范

（点击上方公众号，可快速关注）作者：伯乐在线/chokcocohttp://web.jobbole.com/91792/可能不同团队都有各自的规范，又或者很多人在写 CSS 的时候还是想到什么就写什么，不存在太多的约束。我觉得 CSS 代码规范还是有存在的必要的，尤其是在团队配合，多人协作下，规范就显得尤为重要。本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，并不希望大家完全采用，而是

2018-02-22 00:00:00 240

转载给初学者：JavaScript 的常见注意点

（点击上方公众号，可快速关注）作者：CarterLihttps://segmentfault.com/a/1190000012730162上篇说了一些 JS 中数组操作的常见误区，这次来总结一下初学者常见的其他易错点。写立即执行函数时前置 void立即执行函数（IIFE）在 JS 非常常用，作用就是构造一个函数级的变量作用域。常见的写法如下：(function () { // code})();

2018-02-21 00:00:00 300

转载 JavaScript 的 API 设计原则

（点击上方公众号，可快速关注）作者：卖烧烤夫斯基www.cnblogs.com/constantince/p/5580003.html前言本篇博文来自一次公司内部的前端分享，从多个方面讨论了在设计接口时的原则，总共包含了七个大块。系卤煮自己总结的一些经验教训。同时也参考了一些文章，地址会在后面贴出来。很难做到详尽充实，如果有好的建议或者不对的地方，还望不吝赐教斧正。一、接口的流畅性好的接口是流畅易

2018-02-20 00:00:00 231

转载谁说 JavaScript 简单的

（点击上方公众号，可快速关注）英文：Aurélien Hervé 译文：众成翻译/msmailcodezcfy.cc/article/who-said-javascript-was-easy-hacker-noon-3026.html这里有一些 Javascript初学者应该知道的技巧和陷阱。如果你已经是专家了，顺便温习一下。Javascript也只不过是一种编程语言。怎么可能出错嘛?1. 你有

2018-02-19 00:00:00 209

转载宝宝不开森，新年不要学 JavaScript 了

（点击上方公众号快速关注）宝宝不开森，新年不要学 JavaScript 了 ↓↓↓关注「前端大全」，提升前端技能

2018-02-15 00:00:00 453

转载我们不仅仅是前端er —— 折腾服务器武装自己

（点击上方公众号，可快速关注）作者： jrainlauhttps://segmentfault.com/a/1190000013242438前言作为一个前端开发工程师，每天和浏览器、业务代码打交道，对于“前端”的概念算是比较熟悉了，主流的框架、工具等都能玩得转，但总觉得自己一直都被禁锢在小小的所谓“前端”的圈子中——因为除此之外的知识点还是比较薄弱的。后来在公司里面获得了一个轮岗的机会，进入到了运

2018-02-14 00:00:00 415

转载使用 JavaScript 实现机器学习和神经学网络

（点击上方公众号，可快速关注）英文：JeffHeaton 译文：云+社区/白加黑大人https://cloud.tencent.com/developer/article/1035890基本介绍在本文中，你会对如何使用JavaScript实现机器学习这个话题有一些基本的了解。我会使用Encon（一个先进的神经网络和机器学习框架）这个框架，并向你们展示如何用这个框架来实现光学字符辨识，模拟退火法

2018-02-13 00:00:00 580

转载微信小程序之圆形进度条

（点击上方公众号，可快速关注）来源：月影segmentfault.com/a/1190000013219501需求概要小程序中使用圆形倒计时，效果图：思路使用2个canvas 一个是背景圆环，一个是彩色圆环。使用setInterval 让彩色圆环逐步绘制。第一步先写结构一个盒子包裹2个canvas以及文字盒子；盒子使用相对定位作为父级，flex布局，设置居中；一个canvas，使用绝对定位作为背景

2018-02-12 00:00:00 1925 2

转载淘宝 flexible.js 漏洞修补：记一次 rem 踩坑记录

（点击上方公众号，可快速关注）作者：陈建芳http://www.jianshu.com/p/7064613bf9f8原标题：淘宝flexible.js漏洞修补取这样的标题可能会被打，可是我确实顺带解决了淘宝flexible.js的问题。先声明两个变量供下文使用：//html style font-sizedocElementFontSize = document.documentElement.s

2018-02-12 00:00:00 1773

转载前端框架三巨头年度走势对比：Vue 增长率最高

（点击上方公众号，可快速关注）英文：Javascriptreport 译文：开源中国/王练www.oschina.net/news/93188/javascript-frameworks-numbers-2018Javascriptreport 近日发布了一篇文章来比较流行前端框架的走势。走势图是通过统计最新的数据，并与前一年的数据进行比较而生成。数据来源于 npm trends 的每日下载量。

2018-02-11 00:00:00 2091

转载 20 行 JS 代码实现粘贴板功能

（点击上方公众号，可快速关注）英文：Javascriptreport 译文：众成翻译/KINGzcfy.cc/article/roll-your-own-copy-to-clipboard-feature-in-20-lines-of-javascript-sitepoint使用剪贴板是一项基本技能。作为码农都应知道，Tab,Ctrl/Cmd + A，Ctrl / Cmd + C以及Ctrl /

2018-02-11 00:00:00 259

转载谷歌正式抛弃 HTTP，7 月起全部标示为不安全

（点击上方公众号，可快速关注）来源：网易科技http://tech.163.com/18/0209/07/DA6GET0600097U7R.html据国外媒体Venturebeat报道，谷歌今日宣布，今年7月起，Chrome浏览器的地址栏将把所有HTTP标示为不安全网站。这是谷歌浏览器针对HTTP网站开战的第三步棋。HTTPS是HTTP协议的升级版本，更为安全可靠。互联网用户和网站之间的安全连接协

2018-02-10 00:00:00 263

转载现代CSS进化史

（点击上方公众号，可快速关注）英文：Peter Jang 编译：缪斯segmentfault.com/a/1190000013191860CSS一直被web开发者认为是最简单也是最难的一门奇葩语言。它的入门确实非常简单——你只需为元素定义好样式属性和值，看起来似乎需要做的工作也就这样嘛！然而在一些大型工程中CSS的组织是一件复杂和凌乱的事情，你更改页面上任意一个元素的一行CSS样式都有可能影响到

2018-02-10 00:00:00 269

转载 ES6 换种思路处理数据

（点击上方公众号，可快速关注）英文：Shivek Khurana 译文：一歩https://segmentfault.com/a/1190000013099221看完本文，希望可以写出更加漂亮、简洁、函数式的代码reducereduce 可以用来汇总数据。const customer = [ {id: 1, count: 2}, {id: 2, count: 89}, {id: 3, c

2018-02-09 00:00:00 457

原创采访 Node.js 之父 Ryan Dahl

（点击上方公众号，可快速关注）编译：前端大全/学以致用123http://blog.jobbole.com/113585/【前端大全导读】：Ryan Dahl 现在是 Google Brain 的一个软件工程师。他是 Node.js 之父，Node.js 是一个基于 Chrome V8 JavaScript 引擎的 JS 运行环境。现在他从事深度学习研究项目，工作重点是彩色化和超分辨率等图像转换

2018-02-09 00:00:00 1174

转载使用 React 和 GraphQL 做一个todo list

（点击上方公众号，可快速关注）英文：Igor Ribeiro Lima 译文：众成翻译/乐何 zcfy.cc/article/graphql-overview-build-a-to-do-list-api-with-a-react-front-end-mdash-sitepoint设想你想要参考食谱烤一个蛋糕。你将需要一些原料，并且一些合适的量。如果你能拿一个盒子装好你烘焙所需要的各种原料，并

2018-02-08 00:00:00 2365

转载面向对象：我愿东海水，恩爱忽焉暌。臣朔真何幸，一返桃源路

各位男生如果看到合适的女生，但自己 “下不了手”，请可劲地介绍给你还单着的亲朋好友 ^_^ 小帖士 1）男生和女生都可以报名参加面向对象，加入方式详见公号底部菜单 “我要脱单-相亲圈” 2）面向对象平台提供多种方式：相亲圈：私密性较强，仅圈内公开（适合比较害羞的童鞋）；相亲圈+公号推送：曝光度大，脱单的机会更大。 3）相亲圈男生和女生的信息，面向对象团队仅核实了

2018-02-08 00:00:00 542

转载神奇的 conic-gradient 圆锥渐变

（点击上方公众号，可快速关注）作者：伯乐在线/chokcocohttp://web.jobbole.com/91586/感谢 LeaVerou 大神，让我们可以提前使用上这么美妙的属性。conic-gradient 是个什么？说到 conic-gradient ，就不得不提的它的另外两个兄弟：linear-gradient : 线性渐变radial-gradient : 径向渐变说这两个应该还是有

2018-02-08 00:00:00 840

转载 JavaScript 创建对象的七种方式

（点击上方公众号，可快速关注）作者：Xuthusxxxgitone.github.io/2017/06/10/JavaScript创建对象的七种方式/JavaScript创建对象的方式有很多，通过Object构造函数或对象字面量的方式也可以创建单个对象，显然这两种方式会产生大量的重复代码，并不适合量产。接下来介绍七种非常经典的创建对象的方式，他们也各有优缺点。工厂模式function create

2018-02-07 00:00:00 217

转载 CSS3 动画卡顿性能优化解决方案

（点击上方公众号，可快速关注）来源：趁你还年轻segmentfault.com/a/1190000013045035最近在开发小程序，与vue类似，它们都有生命周期这回事。onLoad 监听页面加载onReady 监听页面初次渲染完成onShow 监听页面显示到底是什么意思？所以这又触碰到了我的知识盲区，不过项目在磕磕绊绊中完成的差不多了，但是遇到了CSS3动画渲染的性能问题，所以我也是被逼的，再

2018-02-06 00:00:00 6131

转载刚刚，阿里开源了一个重磅AI炸弹！

你是否曾有过这样的疑虑：人工智能大热，作为一名传统程序员，该如何转型或学习？网上AI教程、书籍，质量参差不齐，如何找到真正专业的资源？AI理论遍地皆是，但几乎都在纸上谈兵。我们该从哪里获得实战案例？近日，阿里正式推出业界首本深入阐述强化学习落地实践案例的书：《强化学习在阿里的技术演进与业务创新》，并史无前例开放，供所有技术人免费下载。冬日尚严寒，咱们就围炉煮酒，共同分享阿里带来的独特“知识年货”。

2018-02-06 00:00:00 920

转载 WebAssembly 应用案例直击，谷歌地球都在用

（点击上方公众号，可快速关注）转自：开源中国目前 WebAssembly 已经开始在哪些场景中应用了？不妨从这 7 个 WebAssembly 应用一探究竟！事实上，WebAssembly 最大的优点莫过于可大幅度提升 Javascript 的性能。WebAssembly 的设计目标：定义一个可移植，体积紧凑，加载迅速的二进制格式为编译目标，而此二进制格式文件将可以在各种平台（包括移动设备和物联网

2018-02-05 00:00:00 2543

转载搞定这10个实战项目，让你击败80%的深度学习面试者

人工智能正以前所未有的速度，渗透、改造着各行各业。而加速这场变革的力量之一，正是深度学习技术。麦肯锡研究发布了深度学习将影响的12个领域，每个领域又分为10个方面。换言之，这就是深度学习的120个商业机会。（自动化将在短期内接管的12个行业，颜色越深表示影响力越大）再来看深度学习领域的整个行业趋势。企业方面，我们所熟知的BAT、360、搜狗、滴滴等均在深度学习方面有布局，同时国内也涌现出一

2018-02-05 00:00:00 4904 2

转载我的 Web 前端面试经历——百度

（点击上方公众号，可快速关注）作者：娜酱骑士团https://blog.shanamaid.top/2016/12/05/我的web前端面试经历/写在前面的话博主就读于电子科技大学，大三狗一枚！面试是个漫长的过程，从海投到收获电话面试，一面、二面、三面，一个步骤出错那么后面就宣告终结。同时，面试过程中你也可能会遇到一些面试官的刁难，甚至部分面试官会说些比较打击你的话，但是大部分面试官都是很棒的！面

2018-02-04 00:00:00 606

转载 2017 年 JavaScript 现状调查报告总结

（点击上方公众号，可快速关注）英文：Sacha Greif 译文：记 https://www.liayal.com/article/5a6ece2aeba8a1470c87f931前段时间国外的开发者针对2017年JavaScript的现状做了一个调查并给出了相关调查报告。本文针对他的调查报告总结进行了翻译，如有问题欢迎留言。我最近公布了2017年版年度JavaScript调查的结果，该调

2018-02-03 00:00:00 591

转载 VUE 使用中踩过的坑

（点击上方公众号，可快速关注）作者： Xguolianghttps://segmentfault.com/a/1190000013008420前言vue如今可谓是一匹黑马，github star数已居第一位！前端开发对于vue的使用已经越来越多，它的优点就不做介绍了，本篇是我对vue使用过程中以及对一些社区朋友提问我的问题中做的一些总结，帮助大家踩坑。如果喜欢的话可以点波赞，或者关注一下，希望本文

2018-02-03 00:00:00 1617 1

转载 Bootstrap 4 正式发布：15篇前端热文回看

（点击上方公众号，可快速关注）本文精选了「前端大全」2018 年 1 月的 15 篇热门文章。其中有职场分享、技术分享和技术资源。注：以下文章，点击标题即可阅读《Bootstrap 4 正式发布！带来新的示例和新的主题》Bootstrap 4.0.0 正式版现已发布，更新内容方面，相对于之前的测试版，正式版没有重大的改变，但做出了一些关键的改进，并解决了一些棘手的错误。《一个三年工作经验的Web工

2018-02-02 00:00:00 341

空空如也

空空如也