20180626 前端开发日报

揭开JS无埋点技术的神秘面纱;到底啥是JavaScript Mock;160行代码仿Vue实现极简双向绑定[详细注释];一起学习造轮子(二):从零开始写一个小巧完整的Redux;剖析Vue原理&实现双向绑定MVVM;node.js Express 创建RESTful API;用webpack4带你实现一个vue的打包的项目;一个Vue页面的内存泄露分析

  1. 揭开JS无埋点技术的神秘面纱 相信很多人都接触过 “埋点” 这个概念,无论是前端还是后端开发,我们都可以使用这门技术来生产出一些运营性质的原始数据(接口耗时、程序安装/启动、用户交互行为等等),然后分析它们得到一些抽象指标(例如留存率、转化率),进而决定产品运营或者代码优化的方向。现在业界有许多比较知名数据平台,比如Google Analyti…
  2. 到底啥是JavaScript Mock 要想知道mock是啥,首先得有东西让你去测、去mock,下面是我们要测试的代码: import {getWinner} from ‘./utils’ function thumbWar(player1, player2) { const numberToWin = 2 let player1Wins = 0 let player2Wins = 0 while (player1Wins < numberToWin && player2Wins < numberToWin) { const…
  3. 160行代码仿Vue实现极简双向绑定[详细注释] 现在的前端面试不管你用的什么框架,总会问你这个框架的双向绑定机制,有的甚至要求你现场实现一个双向绑定出来,那对于没有好好研究过这方面知识的同学来说,当然是很难的, 接下来本文用160行代码带你实现一个极简的双向绑定机制 。如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。 本文是…
  4. 一起学习造轮子(二):从零开始写一个小巧完整的Redux 本文是一起学习造轮子系列的第二篇,本篇我们将从零开始写一个小巧完整的Redux,本系列文章将会选取一些前端比较经典的轮子进行源码分析,并且从零开始逐步实现,本系列将会学习Promises/A+,Redux,react-redux,vue,dom-diff,we
  5. 剖析Vue原理&实现双向绑定MVVM 本文能帮你做什么?1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现,本文相关代码主要摘自vue源码, 并进行了简化改造,相对较简陋,并未考虑到数组的处理、数据的循环依赖等,也难免存在一些问题,欢迎大
  6. node.js Express 创建RESTful API 0.项目机构 1.package.js 安装mongoose依赖和body-parser依赖 { "name": "test", "version": "0.0.0", "private": true, "scripts": { "start": "node ./bin/www" }, "dependencies": {…
  7. 用webpack4带你实现一个vue的打包的项目 一个用webpack4打包的vue 的项目,参照vue-cli的webpack配置, 一步一步带你实现一个vue的打包的项目,每一个commit对应一个步骤。 github 地址 克隆项目 git clone git@github.com:naihe138/n
  8. 一个Vue页面的内存泄露分析 什么是内存泄露?内存泄露是指new了一块内存,但无法被释放或者被垃圾回收。new了一个对象之后,它申请占用了一块堆内存,当把这个对象指针置为null时或者离开作用域导致被销毁,那么这块内存没有人引用它了在JS里面就会被自动垃圾回收。但是如果这个对象指针没有被置
  9. Vue.js项目中管理每个页面的头部标签的方法 2017年拍摄于广西北海 在 Vue SPA 应用中,如果想要修改 HTML 的头部标签,如页面的 title ,我们只能去修改 index.html 模板文件,但是这个是全局的修改,如何为每个页面都设置不一样的 title 呢?下面介绍两种方法。 使用router.meta 在路由里面配置每个路由的地址: routes: [ { /* (首页)默认路…
  10. 06-24highlight.js 设置行号 一、背景 笔者在开发这套博客系统时使用 Editormd 作为 Markdown 编辑器,由于不满足其代码高亮的样式,因此选用 highlight.js 插件来实现代码高亮功能。但是,highlight.js 插件不提供行号的设置功能,于是有了该文章。 二、实现原理 html 的代码块都是通过 <code></code> 进行封装,我们可以将其内…
  11. 前端模块化(一)nodeJS中的CommonJS规范 序言 模块化,大家用vue,react等东西,都会接触到像exports,module.exports,export,export default,require,define,import等等字段,感觉很多人对于这些东西还是分不清,概念非常的模糊,便
  12. vue-cli 3.0 下发布一个 TypeScript 组件 vue-cli 发布在即,TypeScript 也日益普及,于是借此机会,将以前写过的一个插件 vue-loading-template 用 TypeScript 重构,并添加一些实用的功能。 构建配置 vue-cli 3.0 提供了一系列功能,包括对 Ba
  13. Promise Race, 并不公平的 Race 前言 Promise Race 方法是我们在使用 Promise 的时候比较容易使用的一个方法。按照 MDN 对 Promise Race 的定义如下, The Promise.race(iterable) method returns a promise
  14. Vue自定义组件事件传递:EventBus部分 前言 组件化应用构建是Vue的特点之一,因此我们在Vue的实际开发过程中会经常需要封装自定义组件,以提高开发的效率。 而组件在大部分情况下并不会孤立的存在,它必然会与父组件和兄弟组件产生数据的交互。所以在这里为大家总结两种组件数据交互的方式:EventBus
  15. node.js Express RESTful API 认证 接上一篇文章 《node.js Express 创建RESTful API》 1.安装依赖node-token-jwt,morgan npm install jsonwebtoken morgan –save jsonwebtoken  用来创建和验证json token 2. 项目结构 增加了一个user model,一个setup 用来创建一个测试用户,config里记录一个key用来给jsonwebtoken来创建tok…

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流