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

关于一些Vue的文章。（2）；从零开始构建 JavaScript 技术栈 – 第二版；IMVC（同构 MVC）的前端实践；angular 中的 $http 服务（service）浅析；用 vue2 和 webpack 快速建构 NW.js 项目(3)；RxJS 系列之二 – Observable 详解；使用 JavaScript 来实现一个微交互图片视差动画效果；Node + FFmpeg 实现Canvas动画导出视频

关于一些Vue的文章。（2）原文链接我的blog，欢迎STAR。这次想要分享的一篇文章是：从一个奇怪的错误出发理解Vue的基本概念。这篇文章以Vue的两种构建方式做为切入点，深入探讨了Vue的基本概念，编译以及挂载的相关过程。在这篇文章里…
从零开始构建 JavaScript 技术栈 – 第二版从零开始构建 JavaScript 技术栈 – 第二版，更新多多哦~
IMVC（同构 MVC）的前端实践导语随着 Backbone 等老牌框架的逐渐衰退，前端 MVC 发展缓慢，有逐渐被 MVVM/Flux 所取代的趋势。然而，纵观近几年的发展，可以发现一点，React/Vue 和 Redux/Vuex 是分别在 MVC 中的 View 层和 Model 层做了进一步发展。如果 MVC 中的 Controller 层也推进一步，将得到一种升级版的 MVC，我们称之为 I…
angular 中的 $http 服务（service）浅析小前端又来搞事了嘎嘎嘎 —— 由MrITzhongzi分享
用 vue2 和 webpack 快速建构 NW.js 项目(3)阅读本文需要一点 JS 基础和阅读的耐心，我特么自己写完后发现这文章咋这么长啊。。。如果你认真看完算我输！另我专门做了个 vue-nw-seed 项目，里面包含了我这篇文章里的所有的点和一些别的优化，方便大家快速…
RxJS 系列之二 – Observable 详解 RxJS 系列目录 RxJS 系列之一 – Functional Programming 简介 RxJS 系列之二 – Observable 详解 (本文) RxJS 系列之三 – Operators 详解 RxJS 系列之四 – Subject 详解 Rx
使用 JavaScript 来实现一个微交互图片视差动画效果使用 JavaScript 来实现一个微交互图片视差动画效果 —— 由聆木听风分享
Node + FFmpeg 实现Canvas动画导出视频导言 Canvas为前端提供了动画展示的平台，随着现在视频娱乐的流行，你是否想过把Canvas动画导出视频？目前纯前端的视频编码转换（例如WebM Encoder Whammy）还存在许多限制，较为成熟的方案是将每帧图片传给后端…
关于一些Vue的文章。（3）原文链接我的blog，欢迎STAR。这次和想要大家分享的一篇文章解析Vue diff 算法在上篇里，我们提到在渲染时，render>template>el，但是最终，我们得到的都是render函数，那么render函数的作用是什么？接下…
【Sublime Text技巧总结】分享给大家的是Sublime Text技巧总结内容。（来自： specs’blog ）
探索 React Native 的 bundle 加载路径我们都知道在Debug模式下，会去加载JS Server服务的bundle。在Release模式下会去加载本地的bundle，原生中是如果确定bundle的加载路径的？什么时候会在Debug模式下加载本地的bundle？在下文中会分别对iOS和Android原
CSS中常见的长度单位px – 像素 px 是 CSS 中最常用的长度单位，可以用来指定字体大小，元素的宽度、高度、边框、内边距，外边距的大小等等, 它是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要…
React进阶—性能优化React性能优化思路软件的性能优化思路就像生活中去看病，大致是这样的：使用工具来分析性能瓶颈（找病根）尝试使用优化技巧解决这些问题（服药）使用工具测试性能是否确实有提升（疗效确认） React性能优化的…
深入理解 Git 中 commit 和 branch 深入理解git中commit和branch，有助于在日常开发中，更好的运用git。 commit的本质初始化目录为便于讲解，先创建一个如下目录结构的BeiLiao（贝聊是我所在的公司）目录: 在命令行中输出文件的目录结构如下： ~ qingmo$: tree . └── BeiLiao ├── Component …
RxJS 系列之一 – Functional Programming 简介 RxJS 系列目录 RxJS 系列之一 – Functional Programming 简介 (本文) RxJS 系列之二 – Observable 详解 RxJS 系列之三 – Operators 详解 RxJS 系列之四 – Subject 详解 Rx
RxJS 系列之三 – Operators 详解 RxJS 系列目录 RxJS 系列之一 – Functional Programming 简介 RxJS 系列之二 – Observable 详解 RxJS 系列之三 – Operators 详解 (本文) RxJS 系列之四 – Subject 详解 R
每期 5 道 JS，HTML, CSS 题，有兴趣的朋友一起做每期更新 5 道题，用于自己深入理解。每期 1-2 天更新 —— 由凹凸卿分享
10 个优质的 CSS 与 JS LOGO 动画示例制作精良的 LOGO 动画总能让人眼前一亮，而本文分享的一些利用 CSS 与 JS 实现的酷炫 LOGO 动画，也会让你惊叹前端开发者的创造力。一起来 Enjoy 吧！ —— 由IT程序狮分享
#前端周刊#【上周前端好文回顾】上周精选前端好文回顾，先马后看。[喵喵]1. JS 中可能用得到的全部的排序算法：（作者：louis）2. 全栈 Web 开发免费资源汇总：（作者：bmorelli25）3. 2017 年 3 月：15 个有趣的 JS 和 CSS 库：（译者：全文
探索 react-native run-ios(android) 我们都知道React Navite在开发的时候，需要在React Native根目录下运行react-native run-ios(或run-android)，或者在Xcode中运行原生iOS项目（对于Android则是在Android Studio中运行原生
#canvas#【HTML5 Canvas属性和方法】通过HTML5 canvas标签，结合JavaScript API来绘制比较常见的图片，如三角形、矩形、线、圆形或圆环等形状，本文将分享canvas中给出的JavaScript属性和方法，了解这些API，能够助你快速…请戳→ #前端开发博客#
#前端头条#【一些你可能不知道JavaScript细节】@Barret李靖分享的一些关于JavaScript的读书笔记，写到了一些与平常不注意的JavaScript细节，帮助你更好的理解代码的源头。值得看看。 #前端开发博客#
前端进阶：透彻掌握 Promise 的使用，读这篇就够了 Promise 基础知识，Promise 应用场景，Promsie 模块中如何使用 —— 由遇见波同学分享
《如何用 CSS 实现多行文本的省略号显示》合理的截断多行文本是件不容易的事情。本文将要介绍的方法是采用CSS规范中的属性，并结合特殊的实现技巧完成的。这意味着在实现CSS2.1规范的浏览器中都是可以兼容的，不将仅仅是移动端领域，在传统的PC浏览器中仍是可行的。（by 欲休）