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

JavaScript学习笔记：DOM的操作；那些年前端跨过的域；用flow.js提升前端健壮性；再谈JavaScript作用域；为何我最终选择放弃升级 webpack4？；【React进阶系列】从零开始手把手教你实现一个Virtual DOM（三）；Angular 查漏补缺；探秘 Node.js 10 新功能的背后：V8 release 6.6

JavaScript学习笔记：DOM的操作通过上一节的学习，对JavaScript中的DOM有了一定的认识。虽然对DOM中相关的知识点有一定的概念，但还是缺乏对DOM的实际操作。如果你仔细阅读过上一篇文章的话，你应该会发现，当时也提到了一些DOM操作相关的东西，比如，DOM的增、删、改和查等。那么今天我们就来看看这些方面的东西。 DOM的增先来看DOM操…
那些年前端跨过的域同源策略（same-origin policy）最初是由 Netspace 公司在 1995 年引入浏览器的一种安全策略，现在所有的浏览器都遵守同源策略，它是浏览器安全的基石。同源策略规定跨域之间的脚本是相互隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。所谓的同源指的是协议相同，域名相…
用flow.js提升前端健壮性 ###看一段常见代码： //例1 function foo(x) { return x + 10 } foo(‘Hello!’) //例2 function main(params){ //fn1函数获取了一个数据 var object = fn1(params) //fn2根据获数据，产生一个结果 var result = fn2(object) return result } 例2很明显，这个过程非常的‘黑’，如果你想知道object包…
再谈JavaScript作用域什么是作用域？作用域，这个词在编程界经常能听到看到，每一个程序员几乎都有被问到过。在前端圈，面试JavaScript相关知识，这可以算说是一个非常基础的问题了。但早年间我长期陷入了一种“只可意会不可言传”的地步，我不知道是不是有许多小伙伴与我曾经有一样的经历
为何我最终选择放弃升级 webpack4？ webpack是当前最火的一款前端工具，它能处理包括CommonJS，AMD，ESM等各种模块与包括CSS，图片，文件等几乎各种前端所需的资源，并将其打包为各种资源模块。虽然webpack的本质是模块分析加载工具，但是丰富的插件系统也赋予了其前端构建的能力，可以替代grunt/gulp，提供诸如代码压缩混淆，图片转base64，具备热更新功能…
【React进阶系列】从零开始手把手教你实现一个Virtual DOM（三）上集回顾【React进阶系列】从零开始手把手教你实现一个Virtual DOM（二）上集我们实现了首次渲染从JSX=>Hyperscript=>VDOM=>DOM的过程，今天我们来看一下当数据变动的时候怎么更新DOM，也就是下图的右半边部分。改写view() function view(count) { const r = …
Angular 查漏补缺记录一些平时遇到的问题和一些小的知识点 01. 自定义属性指令中的 ElementRef 与 Renderer 的作用为了能够支持跨平台， Angular 通过抽象层封装了不同平台的差异，统一了 API 接口如定义了抽象类 Renderer 、抽象类 RootRenderer 等。此外还定义了以下引用类型： ElementRef 、 TemplateRef 、 ViewRef 、 Co…
探秘 Node.js 10 新功能的背后：V8 release 6.6 Node.js v10.0.0 将 V8 更新到了 6.6。一起看看有哪些新变化/特性吧~
vue不止双向绑定，来看看EventEmitter是怎么实现的半个月前看到一篇文章将eventEmitter，看完之后心血来潮自己写了一个。晚上睡觉前忽然想到还可以尝试实现vue中emitter。于是，故事就这么开始了。 1、实现一个eventEmiiter 1.1、整体架构我们先看一张图，看下EventEmitte
Vue源码阅读一：说说vue.nextTick实现用法：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。疑惑：怎么实现的延迟回调原理： JavaScript语言的一大特点就是单线程，同一个时间只能做一件事 JavaScript任务可以分为两种，一种
浅谈 JS 对象添加 getter与 setter 的5种方法以及如何让对象属性不可配置或枚举定义 getter 与 setter 通过对象初始化器定义
Node.js应用实战和工作原理编辑推荐: 本文来自于网络,主要为Node.js是一个基于Chrome JavaScript运行时建立的开发平台，用于方便地搭建响应速度快、易于扩展的网络应用。 Node.js是一个基于Chrome JavaScript运行时建立的开发平台，用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动，非阻塞I…
Electron-vue开发实战4——通过CI发布以及更新的方式前言前段时间，我用electron-vue开发了一款跨平台（目前支持Mac和Windows）的免费开源的图床上传应用——PicGo，在开发过程中踩了不少的坑，不仅来自应用的业务逻辑本身，也来自electron本身。在开发这个应用过程中，我学了不少的东西。因为
JavaScript 工作原理之二－如何在 V8 引擎中书写最优代码的 5 条小技巧(译) 原文请查阅这里，略有删减。本系列持续更新中，Github 地址请查阅这里。这是 JavaScript 工作原理的第二章。本章将会深入谷歌 V8 引擎的内部结构。我们也会为如何书写更好的 JavaScript 代码提供几条小技巧－SessionStack 开发小组在构建产品的时候所遵循的最佳实践。概述一个 JavaScript 引擎就…
使用 core.js 解决 GraphQL Mock Server 跨域问题最近在做GraphQL相关的前端开发，由于后端进度较慢，所以使用了 Apollo 的 Mocking Server.开发过程中遇到一个问题就是，前端通过 graphql访问基于 express 的graphql mock server 的时候会报异常。在m
【大型干货】来看看vue对template做了什么（附部分源码及注释）在整理这篇文章时，我感到了困惑，困惑的是不知道该怎么用更好的方式来将这部分繁琐的内容让你很容易的看的明白。我也希望这篇文章能作为你的在阅读时引导，你可以一起边看引导，边看源码。如何找到我们需要关注的最终方法还记得之前的《手拉手带你过一遍vue部分源码》吗？在那里，我们已经知道，在 src/platfo…
angular之RouterLink花式跳转 <a routerLink="detail"> </a> <a =" "> </a> routerLink的值有哪些写法，又有什么区别呢？假设当前路由为 http://localhost:4200/#/doc/license` 写法1 ：绝对路径 / + 路由名字 <!–跳到 http:…
angular路由高亮–长明灯RouterLinkActive 路由高亮是什么？有什么好处？当你在做一个后台管理系统，左边是一排路由导航，点击可以进入不同的页面，那么这个路由所在dom元素会添加上样式表示当前是位置。但是一刷新你会发现，这个样式没了… 怎么办？采用路由高亮：当路由被激活时允许你添加一个class在
【你所不知道的 POST】全文=> 　0.说明大叔：二翔我们要做一个微信公众号哦。我来教你大概的流程好不好？（开启装逼模式中）二翔：好啊，快讲快讲。（无限期待中）大叔：你知道 application/x-www-form-urlencoded是什么嘛？二翔：啊咧咧？大叔：你知道 php 怎么获得 raw? 二翔：啊咧咧？ …
Vue表单类的父子组件数据传递使用Vue.js进行项目开发，那必然会使用基于组件的开发方式，这种方式的确给开发和维护带来的一定的便利性，但如果涉及到组件之间的数据与状态传递交互，就是一件麻烦事了，特别是面对有一大堆表单的页面。在这里记录一下我平时常用的处理方式，这篇文章主要记录父子组件间
【前端面试送命题-JS三座大山】JS三座大山分别指：原型与原型链，作用域及闭包，异步和单线程。全文=>
【20180428 前端开发日报】前端人脸检测指南；几道高级前端面试题解析；Node.js 原生模块开发方式变迁；Promise进阶；走近 WebAssembly 之调试大法；深入理解 ES6 模块机制；前端的自我成长，这是一个关于成长的话题。以及Q&A实录 – …详情→
WebRTC gateway janus 入门：从配置到插件编写作者：张鹏，资深音视频工程师 janus介绍 janus是Meetecho开发的一个WebRTC网关，janus的主要作用就是它可以和你的内网设备和浏览器同时建立连接，并将浏览器发来的音视频数据包如rtp/rtcp包，通过自定义插件转发给你的内网设备，也可以将你发给janus的音视频数据包，加密后转发给浏览器。这样就…