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

简单易懂的Vue数据绑定源码解读；Node.js核心入门（一）；JavaScript正则表达式学习笔记(一)；如何在Vue项目中引入腾讯验证码服务；JavaScript this 绑定规则；从源码角度分析Vue父子组件间传值；Vue 拖拽组件开发实例；在 JavaScript 中如何实现深拷贝？

简单易懂的Vue数据绑定源码解读从去年开始学习vue到今天有半年多的时间了，大部分功能也已经用的很熟练，所以是时候开始学习源码修炼修炼内功了，我会把自己学到看到的内容用最容易理解方式与大家分享，一起进步，如果文章有哪些不对的地方也欢迎大家指正。老规矩，先放一张自己整理的图：vue版本:2.5
Node.js核心入门（一）前言：因为以前学习Node.js并没有真正意义上的去学习它，而是粗略的学习了npm的常用命令和Node.js一些模块化的语法，因此昨天花了一天的时间看了《Node.js开发指南》一书。通过这本书倒是让我对Node.js的认识更为全面，但由于这本书出版时间过早
JavaScript正则表达式学习笔记(一) 自从年前得空写了两篇文章之后就开始忙了，这一忙就是2个月。当时信誓旦旦说的定期写篇博客的计划也就泡汤了，不过好在最近有空，顺便总结一下这两个月遇到的几个问题。第一个问题就是项目中用到了一些正则才发现之前被自己忽略的正则是时候补一补了。恰逢今天周六，
如何在Vue项目中引入腾讯验证码服务什么是腾讯验证码？它长这个样子……最近公司项目要求引入腾讯云验证，要求是这样的：为了防止别人恶意刷短信验证码，当用户短时间内多次获取验证码的时候，需要调用腾讯验证码，验证成功后会继续自动发送验证码，刚开始的我听的一脸蒙蔽，网上搜索也没有多少相关的文章，然而
JavaScript this 绑定规则在 JavaScript 中，this 的绑定规则有4种，规则间存在着不同的优先级。默认绑定在非严格模式下，默认绑定会将 this 指向全局对象。 function foo() { console.log(this.a); } var a = 2;
从源码角度分析Vue父子组件间传值文章可能会再更新，具体查看github 子组件向父组件传值：一、ref、$refs的方式：首先，假设我们有两个组件，父组件叫HelloAnother.vue，子组件叫childProps.vue。父组件里面有一个router路由，父组件的结构如下所示。 &
Vue 拖拽组件开发实例 vue是一套用于构建用户界面的渐进式框架。可以用他来封装单文件组件来开发更为复杂的单页应用。本文主要是通过封装一个拖拽组件的例子，来分析Vue组件化相关知识。为什么选择Vue? 主要原因：对于前端开发来说，兼容性是我们必须要考虑的问题之一。我们的项目不需要兼容低版本浏览器。项目本身也是…
在 JavaScript 中如何实现深拷贝？
深入理解Vue中的slots/scoped slots 一直对Vue中的slot插槽比较感兴趣，下面是自己的一些简单理解，希望可以帮助大家更好的理解slot插槽下面结合一个例子，简单说明slots的工作原理 dx-li子组件的template如下： <li class="dx-li">
Node.js 系列：构建原生 Node.js 应用原生 Node.js 应用 Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效 Node.js 的包管理器 npm，是全球最大的开源库生态系统
webpack常见优化方案 http://feclub.cn/post/content/20180403 概念 webpack可以看做是模块打包机。它通过分析项目结构，找到 js、css、图片等模块或资源，并将其打包为合适的格式以供浏览器使用。功能代码转换：TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等。文件优化/压缩：压缩 JavaScript、…
Filepond – 文件上传 JavaScript 库 Filepond 是一个用于文件上传的 JavaScript 库，可以上传任何内容，优化图像以获得更快的上传速度，并提供一个出色的，可访问的，流畅的用户体验。下载演示 GitHub Filepond 提供了多种上传方式：拖放，复制和粘贴文件，浏览文件系统或仅使用库的API。 gzip 压缩后仅有 21KB ，并且内置了图像优化…
Redux的前世-今生-来世这不是源码解读哦!!!如果你希望看到源码解析,那我想你随便 google 一下就有很多啦,当然 Redux 的源码本身也是简单易懂。推荐直接阅读~ 的源码本身也是简单易懂,欢迎直接查看源码。终于要更新了,第二篇文章就这样在清明节前给大家赶出来,希望你也能有
每个 JavaScript 工程师都应当知道的 10 个面试题原文链接：10 Interview Questions Every JavaScript Developer Should Know 对大部分公司来说，招聘技术人员这种事情，管理层就应该放手交给技术团队，只有他们才能够准确地判断应聘者的技术实力。如果你恰巧是…
为 JavaScript 程序员准备的 Flutter 指南原文地址：Flutter for JavaScript Developers 原文作者：Nader Dabit 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：lsvih 校对者：bambooom 为 JavaS
JavaScript关于数组的一些方法整理会改变自身的方法 array.copyWithin（target, start ）用于在数组内的替换操作（有兼容问题）start和end允许为负值。 array.fill(value [,statrt = 0[, e
【20180404 前端开发日报】想成为一名Web开发者？你应该学习Node.js而不是PHP；2018 前端性能检查表；浅析nodejs中的stream(流)；网页响应超简单：有CSS变量我怕谁；Mvvm 前端数据流框架精讲；Google 发布 JavaScript 代码风格指南；优雅地减少r…详情→
EasyBridge:一种简单的js-bridge方案设计日前在总结项目中已有的jsbridge方案的时候，因为觉得存在诸多不合理的地方，所以针对业务的场景以及实际的情况，重写了一个简单易用的js-bridge方案，命名为EasyBridge EasyBridge是一个简单易用的js-bridge的工具库，提供了日
深入了解JavaScript中的对象大家都知道循环一个对象，可以用for ..in..来做，比如： var myObject = {foo: 'bar'}; for(var name in myObject) { // 这里能得到你想要的属性名 // 也可以得到对应属性值: myOb
如何用babel转换es6的class语法       babel是一个转码器，目前开发react、vue项目都要使用到它。它可以把es6+的语法转换为es5，也可以转换JSX等语法等，实际上他能通过自定义插件的方式完成任意转换。  
React 深入系列１：React 中的元素、组件、实例和节点文：徐超，《React进阶之路》作者授权发布，转载请注明作者及出处 React 深入系列，深入讲解了React中的重点概念、特性和模式等，旨在帮助大家加深对React的理解，以及在项目中更加灵活地使用React。 React 中的元素、组件、实例
浅谈 React Fiber 及其对 lifecycles 造成的影响前言雖然說從以前就一直聽到 React 要把內部的 reconciler 換成一個叫做 Fiber 的東西，但從沒仔細研究過，也不知道這樣子的改變會對上層造成什麼影響。真正開始比較深入理解，是在某一次使用 Redux Form 時踩到一個相關的 bug，才知道 React 自從正式改用 Fiber 之後，其實對上層也有一些改變。這…
Android 远程调试 Web 页面曾经有一段时间专门处理了一下远程调试的事情，要解决的问题是不依赖Chrome如何在移动设备中调试Web页面。有时候真的奇怪，因为我们老是自己制造问题，因为“墙”的存在被迫去解决这些本来不是问题的问题。利用Chrome调试Android Web页面，本来是很好的事情，但是由于Google在打开调试面板时，这个域名是google…
NodeJSのTCP基础入门指北 TCP简介 TCP格式(Segment) URG和PUSH的区别 TCP三次握手四次挥手三次握手四次挥手 Node.js的tcp实现 tcp是长连接关闭连接 socket是一个双工流关于读取关于pipe maxConn
移动spa商城优化记（二）— webpack打包速度优化篇背景上篇讲了首屏优化，具体文章详见移动spa商城优化记（一）—首屏优化篇，这次来分享一下打包速度的一些优化经验，因为在实际项目开发中，随着项目的不断增大，依赖项不断增多，我们会发现webpack打包速度会越来越慢，有时候npm run一下可能出去上个厕所
大神给你分析HTTPS和HTTP的区别今天在做雅虎的时候，发现用第三方工具截取不到客户端与服务端的通讯，以前重来没碰到过这种情况，仔细看了看，它的url请求时基于https的，gg了下发现原来https协议和http有着很大的区别。总的来说，http效率更高，https安全性更高。首先谈谈什么是HTTPS： HTTPS(Secure Hypertext Transfer Protocol)安全超文本传输…