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

vue响应式原理学习（二）— Observer的实现；掌握 RxJS 系列（三）：剖析 Observable；用console.log看Vue；如何提升JavaScript的任务效率？学会后教给你同事；前端接受后端文件流并下载的几种方法；前端埋点统计方案思考；CSS实例详解：Flex布局

vue响应式原理学习（二）— Observer的实现之前我的一篇文章 vue响应式原理学习（一）讲述了vue数据响应式原理的一些简单知识。众所周知， Vue 的 data 属性，是默认深度监听的，这次我们再深度分析下， Observer 观察者的源码实现。先写个深拷贝热热身既然 data 属性是被深度监听，那我们就首先自己实现一个简单的深拷贝，理解下思路…
掌握 RxJS 系列（三）：剖析 Observable README.md 掌握RxJS系列(03)：剖析Observable 前言这是掌握RxJS系列的第三篇文章，这篇文章主要是和大家一起来剖析一下RxJS中的Observable。初步了解创建一个Observable 我们首先看一下下面创建一个Observable的…
用console.log看Vue 本文通过 console.log 的一些特性,结合 vue.js 的源码,通过一个简单的例子,让你了解 Vue 的各个过程的变化. 控制台输出的效果图请用chrome查看,并打开控制台看效果演示地址准备 vue-console.html 的创建下载 vue.js 文件,在 vue-console.html 中引入,我写了一个简单的例子,涵…
如何提升JavaScript的任务效率？学会后教给你同事JavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多核 CPU 的出现，单线程带来很大的不…
前端接受后端文件流并下载的几种方法前言项目中经常会遇到需要导出列表内容，或者下载文件之类的需求。结合各种情况，我总结了前端最常用的三种方法来接受后端传过来的文件流并下载，针对不同的情况可以使用不同的方法。方法一使用场景针对后端的 get 请求具体实现 <a href="后端文件下载接口地址" >下载文件</a>…
前端埋点统计方案思考埋点即监控用户在应用表现层的行为，于产品迭代而言至关重要。埋点数据分析是产品需求的来源，检验功能是否达预期的佐证。采集埋点数据可做如下分析（以百度统计为例）：将用户属性、用户行为转化各类可视化图表：不同产品对数据的关注角度不同，可按需采集。如信息流产品对停留时长…
CSS实例详解：Flex布局本文将通过三个简单的实例，实际应用上篇文章的基础理论知识，展示下Flex布局是如何解决CSS布局问题。
调试 Rxjs（二）：日志记录原文： Debugging RxJS, Part 2: Logging 译者： Ice Panpan ；校验者：暂无日志记录并不是一件让人兴奋的事。然而，这是获得足够的信息来推理问题最直接的方法，而不需要去猜测。它通常是调试 RxJS 代码的首选方法。这是这个系列文章的第二篇，专注于使用日志记录来解决实际问题。在第一篇调试 …
react 前端项目技术选型、开发工具、周边生态react 前端项目技术选型、开发工具、周边生态声明：这不是一篇介绍 React 基础知识的文章，需要熟悉 React 相关知识主架构：react, react-router, redux, redux-thunk, redux-saga, react-redux, dva, umi 扩展…
调试 Rxjs（一）：工具原文： Debugging RxJS, Part 1: Tooling 译者： Ice Panpan ；校验者：暂无我是一个 Rxjs 的信仰者，我在我所有的项目中都使用 Rxjs 。有了 Rxjs ，我发现很多曾经觉得乏味的事都变得痛快。但是有一件事不是这样：调试。 Rxjs 中异步的本质在组合之后让调试变得更具挑战性：没有太多的状态（sta…
不怕你用不上CSS 列表项布局技巧编者按：为了不引入 HTML 标签自身的样式，本文未考虑 HTML 语义化的提倡，以使得行文与示例代码更加简洁。这是文章写作需要，而非代码风格示范。
Android攻城狮前端遇坑指南持续更新 1.按钮未点击自动执行点击事件 handlerClick = (questionId)=>{ console.log(‘我执行了’) } <button type="button" onClick={ this.handlerClick(question_id) }>补习详情 </button> 复制代码 handlerClick (questionId){ console.log(‘我被点击了’) } <bu…
#前端技术#【专为前端开发者准备的 15 款优秀的 Sublime Text 插件】详见： Sublime Text 已成为了目前最流行的代码编辑器之一。今天与大家分享 15 个实用的插件。当然，也欢迎你在评论中补充更多实用的插件。
Drone Cloud 初體驗 — 自動化部屬 Nodejs Function 到 AWS Lambda Drone Cloud 初體驗 — 自動化部屬 Nodejs Function 到 AWS Lambda Larry Lu 不知道各位有沒有聽說最近有一個新的 CI（持續整合）服務 Drone Cloud 上線了，因為他免費提供給開源專案使用，筆者我身為一個免費服務愛好者當然要趕快來用用看考慮到可能有人不知道什麼是 CI，我這邊簡…
vue中引入字体文件在用vue来写一官网的时候，想引入外部字体文件，毕竟总感觉他自己的字体有点难看，在这里记录下 1.先下载字体文件所需的.ttf文件我这里想引入的是华文行楷字体百度后下载了一个3M多的ttf文件 2.将字体文件引入 …
WebPack牛刀小试现在页面的功能和需求越来越复杂，繁复杂乱的JavaScript代码和一大堆的依赖包都需要包含在前端页面中。如果还用手动处理就有点像在现代战场上使用小米加×××的味道了。为了减小开发的复杂度，前端社区涌现出了层出不穷的实践方案，比如TypeScript扩展语言、SCSS、LESS类的CSS预处理器，还有模块化思…
Nodejs 调用 R 脚本 / Nodejs Call R Script 提供一个在Nodejs中调用 R script 方法。我用的node框架是 eggjs，示例代码全是在Egg环境下实现的。你将会看到以前几个方面的内容。 R 简介与在Node中调用R Script 的原因相关环境的搭建与关键Node知识点调用方式与相关代码一、R 简介与在Node中调用R Script 的原因 R是用于统计分析、绘图的语言…
彻底搞懂 Git-Rebase 使用 Git 已经好几年了，却始终只是熟悉一些常用的操作。对于 Git Rebase 却很少用到，直到这一次，不得不用。一、起因上线构建的过程中扫了一眼代码变更，突然发现，commit提交竟然多达62次。我们来看看都提交了什么东西：这里我们先不说git提交规范，就单纯这么多次无用的…
Fre：又一个小而美的前端MVVM框架 halo，大家好，好久不贱呢！最近因为看了一些 be 的小说，整个人都比较致郁::>_<:: 就在昨天，我用了一天的时间写了 fre，又一个小而美的前端MVMM框架可能你觉得，有了 vue 和 react，没必要再写一个了::>_<::我觉得我还是想想办法寻找一下它的存在感吧先看 API： import { useState, html, mo…
js读取excel文件,绘制echarts图形—数据处理本文是在上一篇的基础上介绍一些常用的处理excel数据的方法，旨在为遇到类似需求的时候为大家提供解决方案。这些方法都是本人在项目实践中使用的，如有更好的方法或者不同的见解欢迎提出，共同学习探讨。 2、代码介绍 1、数据分析上节回顾 updateFile(e) { let _this = this; let fil…
JS 函数式编程思维简述(二)：高阶函数简述无副作用（No Side Effects）高阶函数（High-Order Function）科里化（Currying）闭包（Closure）不可变（Immutable）惰性计算（Lazy Evaluation） Monad 一等公民高阶函数（High-Order Function）是函数式编程思维中的重要条件，而满足该条件的编程语言则需要将函数作为…
用于Electron/Nodejs的数据持久缓存库 lndb是基于本地文件系统封装的一套灵活的持久化存储数据库，支持Node、Electron等。 Github: github.com/yansenlei/l… 使用文件系统作为基础存储方式，并在上层读写时提供灵活的插件机制，这意味着你可以根据自己的需求定制读写功能，详细信息查看。安装 $ npm install lndb 复制代码使用 const …
【20181218 前端开发日报】那些前端工作中遇到的坑（01）；React全家桶+Koa+TS+mongoDB+Antd实现的简单TodoList；前端技术演进（七）：前端跨栈技术；前端技术演进（六）：前端项目与技术实践；Jav…详情→
NodeJS架构 – 单线程事件循环模型这篇译章探究了NodeJS的架构和单线程事件循环模型。我们将在本文中讨论“NodeJS如何在底层工作，它遵循什么类型的处理模型，NodeJS如何使用单线程模型处理并发请求”等内容。
基于 Redux + Redux Persist 进行状态管理的 Flutter 应用示例好久没在 SegmentFault 写东西，唉，也不知道是忙还是懒，以后有时间再慢慢写起来吧，最近开始学点新东西，有的写了，个人博客跟这里同步。
Mobx 与 Redux 的性能对比在本文中你将看到我最终得出的结论是 Mobx 的性能优于 Redux。但很明显这样的结论是片面的，甚至是有失偏颇的，因为我只选取了一个的场景对两者进行测试。可能真实的情况恰恰相反，Mobx 仅仅在我测试的这个场景中优于 Redux，但是在我所有没有测试到的场景中都劣于 Redux，这都是有可能的。性能跑分这类东西从来都不要放…