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

从零开始构建react应用（五）同构之服务端渲染；JavaScript 框架的探索与变迁（上）；我用SVG+CSS3做了一个舞动的机械人——致AI时代的到来；Web 应用内存分析与内存泄漏定位；Angular 5 开发一个有道翻译；你可能不知道的 Promise 对象；Redux 异步流最佳实践；利用 javascript 实现富文本编辑器

从零开始构建react应用（五）同构之服务端渲染前言上文讲到使用react进行客户端渲染页面，这次讲解在服务端利用前端react的代码来渲染页面并输出到客户端，即构建同构应用。 PS：同构，我是这样理解的，同一份代码可以同时运行在客户端和服务端。利用ts实现…
JavaScript 框架的探索与变迁（上）译者言近几年可谓是 JavaScript 的大爆炸纪元，各种框架类库层出不穷，它们给前端带来一个又一个的新思想。从以前我们用的 jQuery 直接操作 DOM，到 BackboneJS、Dojo 提供监听器的形式，在到 Ember.js、Angular…
我用SVG+CSS3做了一个舞动的机械人——致AI时代的到来想法来源于codepen大神的一个神作，一群机械人以神一样的步伐在进行群魔乱舞，可是，可是，打开一看，纯js实现，js！也罢，我偏要试一下用SVG+CSS3能不能搞出这个效果来，o(￣ヘ￣o＃)。此为前提。 1.基础图形与基础动画先来个简易版的机械人吧，因为重
Web 应用内存分析与内存泄漏定位内存分析与内存泄漏定位是笔者现代 Web 开发工程化实践之调试技巧的一部分，主要介绍 Web 开发中需要了解的内存分析与内存泄露定位手段，本部分涉及的参考资料统一声明在Web 开发界面调试资料索引。无论是分布式…
Angular 5 开发一个有道翻译力争国内 Angular 5 第一篇轮子 Github：https://github.com/OrangeXC/udaoLink: https://incompetent-plantatio… 最近轮子造的比较多，意在给初学者一个参考例子，目前反馈来看，如果技术栈不符，很少有人会点…
你可能不知道的 Promise 对象介绍一些你可能不知道的 Promise 用法。
Redux 异步流最佳实践真实业务开发我们需要处理异步请求，比如：请求后台数据，延迟执行某个效果，setTimout, setInterval 等等，所以当 Redux 遇到异步操作的时候，又该如何处理呢。
利用 javascript 实现富文本编辑器利用 javascript 实现富文本编辑器 by.田光宇 28 小时前近期项目中需要开发一个兼容PC和移动端的富文本编辑器，其中包含了一些特殊的定制功能。考察了下现有的js富文本编辑器，桌面端的很多，移动端的几乎没有。桌面端以UEditor为代表
漫极客 CTO 李焱：大前端之路 – 如何用Web技术一统三端（Web、Desktop、Mobile）开发不安分、爱挑战的“折腾”之旅我是李焱，来自成都漫极客科技有限公司。我于 2010 年从北京大学毕业，获得信息管理系学士学位以及计算机软件学士学位。毕业之后，我在酷我音乐商务组从事 web 开发，主要负责公司广告系统、VIP 会员等级体系、音乐盒内
链式事件流轻量级迷你 JS 库 hubJS 使用情景相信大家都听说过 RxJS，它无疑是优秀响应式编程库，让开发者在很多事件驱动的 “流” 中随心所欲地为所欲为。但实际到最近几次项目开发中，暴露了一些开发以外的问题。首先想到就是对团队开发者的学习路线比较陡峭，特别是对一些前端新人，上手较为难，无法即拿即用。另外就是功能真…
HOC(高阶组件)在vue中的应用 HOC(高阶组件)在vue中的应用 HOC是Higher-Order Components(高阶组件)的简称。如果有人第一次看到这个名词，可能会觉得是一个什么高深的技术。其实熟悉React的同学对这个概念应该不陌生。在React体系中，HOC被广泛地用
链式事件流轻量级迷你 JS 库 – hubJS 使用情景相信大家都听说过 RxJS，它无疑是优秀响应式编程库，让在很多事件驱动的 “流” 中随心所欲地为所欲为。但实际到最近几次项目开发中，暴露了一些开发以外的问题。首先想到就是对团队开发者的学习路线比较陡峭，特别是对一些前端新人
webpack的sourcemap js source map原理作用：主要用于调试，现在代码都会经过压缩混淆，这样报错提示会很难定位代码，sourcemap就是一个信息文件，里面存储着位置信息，也就是说，转换后的代码的每个位置，所对应的转换前的位置(阮老师有详细解释) 如何开启source
关于react diff 算法（译文） React是由facebook开发，用于构建用户界面的js类库，以提升性能为设计理念。在本文中，我将为大家介绍在React中的diff算法，以及它的渲染机制，以便于你能够更好的优化你的程序。 Diff算法在深入了解实现细节之前，了解React如何工作是很重要的
8 大前端安全问题（下）在《8大前端安全问题（上）》这篇文章里我们谈到了什么是前端安全问题，并且介绍了其中的4大典型安全问题，本篇文章将介绍剩下的4大前端安全问题，它们分别是：防火防盗防猪队友：不安全的第三方依赖包用了HTTPS也可能掉坑里本地存储数据泄露缺乏静态资源完整性校验 …
CloseBrace | 一个简短的完整的Javascript历史介绍在2017年，JavaScript的开发可以让新手使用语言，让许多老手瘫痪并且不确定从哪里开始或者选择哪条路径才是正确的。人们经常深究最新的和最伟大的，没有真正了解为什么它是如此伟大（或者为什么它可能不是如此）。了解JavaScript的历史可以
#CSS3#【css3变形属性transform】这个很简单，就跟border-radius一样，就是一个参数，同样是针对不同的浏览器有不同的私有属性。w3c上的例子是这样子写的：div{transform:rotate(7deg);-ms-transform:rotate(7deg); /* I…请戳→ #前端开发博客#