20170904 前端开发日报-前端开发博客

Angular vs React：谁更适合前端开发；jquery === 面条式代码？；JS高级技巧；js 深拷贝 vs 浅拷贝；Riot 3.7.0 发布，JavaScript 的 MVP 框架；最全前端性能优化秘籍（一）；从Vue.js源码角度再看数据绑定；CSS布局方案

Angular vs React：谁更适合前端开发 Angular vs React：谁更适合前端开发大家总在写文章争论，Angular 与 React 哪一个才是前端开发的更好选择（译者：在中国还要加上 vue :P）。我们还需要另一个吗？我之所以写这篇文章，是因为这些发表的文章 —— 虽然它们包含不错的观点 —— 并没有深入讨论作为一个实际的前端开发者应该选取哪种框架来满足自己的…
jquery === 面条式代码？自从React/Vue等框架流行之后，jQuery被打上了面条式代码的标签，甚至成了“过街老鼠”，好像谁还在用jQuery，谁就还活在旧时代，很多人都争先恐后地拥抱新框架，各大博客网站有很大一部分的博客都在介绍新的框架，争当时代的“弄潮儿”。新框架带来的新的理念，新的开发方式不可否认带来了生产效率，但是jQuery等就应该被打…
JS高级技巧本篇是看的《JS高级程序设计》第23章《高级技巧》做的读书分享。本篇按照书里的思路根据自己的理解和经验，进行扩展延伸，同时指出书里的一些问题。将会讨论安全的类型检测、惰性载入函数、冻结对象、定时器等话题。 1. 安全的类型检测这个问题是怎么安全地检测一个变量的类型，例如判断一个变量是否为一个数组。通…
js 深拷贝 vs 浅拷贝本文思维导图如下：本文思维导图本文首发于我的个人博客：cherryblog.site/ 前言最近在读 zepto 的源码，深有感触，感觉随便一段代码都可以延伸出一大堆的知识点，在看到深拷贝和浅拷贝的时候，之前只是了解过什么是深拷贝什么是浅拷贝，并没有对齐实现进行探索，所以本文主要讲一下什…
Riot 3.7.0 发布，JavaScript 的 MVP 框架 Riot 3.7.0 已发布，Riot.js 是一个客户端模型-视图-呈现(MVP)框架并且它非常轻量级甚至小于 1kb。尽管他的大小令人难以置信，所有它能构建的有如下：一个模板引擎，路由，甚至是库和一个严格的并具有组织的 MVP 模式。当模型数据变化时视图也会自动更新。本次更新如下： riot 3.7.0 September 2, 2017 …
最全前端性能优化秘籍（一）很多人通常在完成了产品之后才会去考虑性能。把与性能相关的事情拖到项目的最后来做，所做的也不过是对服务器上的config文件进行一些微调、串联、优化以及部分特别小的调整。而现在，技术已经有了翻天覆地的变化。一个项目的性能是非常重要的，除了要在技术层面上注意，更要在项目的设计之初就开始考虑，这样才可以使性…
从Vue.js源码角度再看数据绑定写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址： github.com/answershuto… 。在学习过程中，为Vue加上了中文的注释 github.com/answershuto… ，希望可以对其他想学习Vue源码的小伙伴有所帮助。可能会有…
【CSS布局方案】我们在日常开发中经常遇到布局问题，下面罗列几种常用的css布局方案话不多说，上代码！全文=> 　　我们在日常开发中经常遇到布局问题，下面罗列几种常用的css布局方案话不多说，上代码！　居中布局　　以下居中布局均以不定宽为前提，定宽情况包含其中　　1、水平居中　　a) inline-block + text-align .parent{ text-align: center; } .child{ display: inline-bloc…
#CSS#【css专题学习-浏览器兼容性问题目录】此帖是我所分享的浏览器兼容性问题相关的所有目录。【分享】浏览器兼容性问题综述 — 正确的认识浏览器兼容性问题【分享】你的元素居中对齐了吗？ — 关于 ‘text-align：cen…请戳→ #前端开发博客#
沪江网校前端架构漫谈作者: 未来本文转自互联网技术联盟（ITA1024）技术分享实录正文如下没有统一架构的时候是怎样的一种情况？起初前端是没有架构的，大家只是在完成一个一个的页面。我们来看看会发生什么。 A同事是一个非常有意…
【困扰程序员的30种软件开发问题，你是否时曾相识？】全文=> 　　开发应用程序是一项压力很大的工作，人无完人，工作中遇到各种各样的问题是很正常的事，有些程序员会生气，沮丧，郁闷，甚至泄气，也有一些程序员则会比较淡定。如何进行修复的过程，是值得我们好好推敲的。　　我想分享一些有关程序员在遇到问题时常说的话和冒出的想法。当氛围变得紧张的时候，这些话就会显得…
《统一回复〈怎么学JavaScript？〉》鉴于时不时，有同学私信问我怎么学前端的问题。这里统一回复一下，如下次再遇到问我此问题同学，就直接把本文链接地址发给你了。（by 老姚）
【程序员之冷笑话】神舟十一号，地面信号异常，现在请汇报您的具体位置？” “现在我们正在祖国上空”“你们怎么知道的？” “刚才试验了一下，Twitter和FaceBook都打不开。”全文=> 1.“神舟十一号，地面信号异常，现在请汇报您的具体位置？” “现在我们正在祖国上空”“你们怎么知道的？” “刚才试验了一下，Twitter和FaceBook都打不开。”
如何在 Promise 链中共享变量？译者按: 使用Promise写过异步代码的话，会发现在Promise链中共享变量是一个非常头疼的问题，这也是Async/Await胜过Promise的一点，我们在Async/Await替代Promise的6个理由有提过，这篇博客将有更详细的介绍。原文: Passing data between Promise callbacks 译者: Fundebug 为了保证可读…
从 Vue 源码角度再看数据绑定数据绑定原理前面已经讲过Vue数据绑定的原理了，现在从源码来看一下数据绑定在Vue中是如何实现的。首先看一下Vue.js官网介绍响应式原理的这张图。这张图比较清晰地展示了整个流程，首先通过一次渲染操作触发Data的getter（这里保证只有视图中需要被用到的data才会触发getter）进行依赖收集…