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

Vue 深入学习之组件通信；2019 年，19 种方法让自己成为更好的 Node.js 工程师；js 中怎么使 if(aﾠ==1 && a== 2 && ﾠa==3) 返回 true？；一个刚毕业前端的年度总结；从零实现Vue的组件库（四）- File-Reader实现；webpack.optimize.CommonsChunkPlugin 详解；前端 CSS : 4# CSS 实现暖暖的小火堆；10分钟入门 CSS3 Animation

Vue 深入学习之组件通信组件通信的场景可以分为：父子组件通信、非父子组件通信。父子组件通信又可以分为单层父子组件通信和多层级父子组件通信。父子组件多层父子组件通信是在单层的基础上进行通信，先来看看单层父子组件通信的实现。按数据流向不同，把父子组件拆分为父组件向子组件通信、子组件向父组件通信两部分父组件向子组件通…
2019 年，19 种方法让自己成为更好的 Node.js 工程师原文作者：Yoni Goldberg 译者：UC 国际研发 Jothy 写在最前：欢迎你来到“UC国际技术”公众号，我们将为大家提供与客户端、服务端、算法、测试、数据、前端等相关的高质量技术文章，不限于原创与翻译。编者按：文中作者为大家提供了19种方法，大多数方法后面都提供了例子，如果你对这些例子感兴趣，请直接查看英文…
js 中怎么使 if(aﾠ==1 && a== 2 && ﾠa==3) 返回 true？注意: 如下代码可能存在不可见部分: ，如果想看效果，务必 copy 源码运行，而不要自己手敲 toString / valueOf : 最直接的方案 {代码…} getter : 新式 {代码…} es6 Proxy {代码…} 别具匠心 {代码…} 新潮…
一个刚毕业前端的年度总结这是我在掘金的第一篇文章，也是看了最近很多总结之后，自己的一些思绪。 2018年对我而言，是以为意味深重的一年。今年，我从大学毕业，今年我从不清晰的职业方向中逐渐走向清晰，前后有两次工作变动。庆幸的是，我成功回到了开发岗。虽然工作、公司不尽如人意。这一切还得从头说起… 在17年职业道路的辗转反侧和迷…
从零实现Vue的组件库（四）- File-Reader实现实现一个File-Reader组件用来读取本地资源。概述：在用户手动上传一些资源的时候，需要分为两步，第一步是将其从本地读取出来，得到一个 file 对象，然后再上传至服务器。该组件用于第一步，然后可通过后续进一步封装程Upload组件。该组件的痛点在于： preventDefault 1. 实例代码 <!-…
webpack.optimize.CommonsChunkPlugin 详解 #明确概念 entry的每一个入口文件都叫chunk (entry chunk) 每个入口文件异步加载也叫chunk(children chunk) 通过commonChunkPlugin 抽离出来的也叫chunk(common chunk) #使用场景多入口文件，需要抽出公告部分的时候。单入口文件，但是因为路由异步加载对多个子chunk, 抽离子每个children公…
前端 CSS : 4# CSS 实现暖暖的小火堆介绍原文链接感謝 comehope 大佬的 [前端每日实战] 效果预览 github.io 浏览源代码地址 [链接] 代码解读 1. 首先是完成 html 结构 {代码…} 常规样式初始化 {代码…} 2. 天上的星星原文中星星是固定位置并且…
10分钟入门 CSS3 AnimationAnimation可以让你不用依赖javascript或jquery，用纯CSS在网页中轻松实现各种动画效果。
详解javascript拖拽（二）拖拽的应用及示例上一篇介绍了拖拽的基础知识，这节我们谈谈拖拽的一些应用 HTML5不仅仅定义了拖拽的事件类型，还在事件对象中规范了一个重量级的对象：dataTransfer,借助它，我们可以实现数据传输、拖拽图案设定、拖拽文件上传，可通过event.dataTransfer来访问该对象. 数据的传输需要借助 event.dataTr…
理解Vue中的scoped实现原理及穿透方法在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不…
详解javascript拖拽（一）基础介绍拖拽成为一项标准也是近几年的事，属于HTML5中的一部分，作为一种交互行为，拖拽是被广泛应用再界面软件中的，例如桌面应用，word、QQ软件都有拖拽行为。在HTML5标准实施之前，拖拽也是被广泛使用的，web开发者将click、mouseover,mousemove组合起来实现拖拽逻辑，过程略显冗余和繁琐。一言蔽之，HTML5的出现让拖…
【20181226 前端开发日报】2019年值得收藏的 15 个 JavaScript 和 CSS 动画库；Vue项目Webpack优化实践，构建效率提高50%；浅谈JavaScript的类型转换；Javascript高级面试；从 React 到 Domcom：…详情→
继承 JavaScript 类中的静态属性自 ES6 发布以来，JavaScript 对类和静态函数的支持类似其他面向对象语言中的静态函数。不幸的是，JavaScript 缺乏对静态属性的支持，而且谷歌上的推荐方案没有考虑到继承问题。在实现一个 Mongoose 特性的时候，我陷入了一个需要更健壮的静态属性概念的困难。尤其是我需要通过设置 prototype 或者 ex…
使用nodeJS写一个简单的小爬虫需要安装的依赖： requset 使用request向需要爬取的网站发起一个请求，在回调里使用body接收数据我选取百度图库，作为本次爬取的网站使用百度搜素二次元萌妹子，然后在地址栏里将URL复制下来 const request = require(‘request’); const options = { method: "GET", url: "h…
Node.js 命令行工具如何传递参数你用 Node.js 小试牛刀，写了个命令行工具： #!/usr/bin/env node ‘use strict’ const command_line_tool = require(‘./lib/index’) command_line_tool() 并且在 package.json 中注册好了： "bin": { "omg": "./index.js" }, 安装完后，你可以在命令行下调用 omg…
深入Babel，这一篇就够了既然标题说了是深入Babel，那我们就不说Babel各种用法了，什么babel-core，babel-runtime，babel-loader……如果你想了解这一部分内容，这类文章很多，推荐最近看到的一篇：一口(很长的)气了解 babel ，可以说是相当详实完备了。言归正传，这篇文章主要是去了解一下Babel是怎么工作的，Babel插件是怎么工作的，以及怎…
面试官问：JS的this指向面试官出很多考题，基本都会变着方式来考察this指向，看候选人对JS基础知识是否扎实。读者可以先拉到底部看总结，再谷歌（或各技术平台）搜索几篇类似文章，看笔者写的文章和别人有什么不同（欢迎在评论区评论不…
Node.js 指南（流中的背压）在数据处理过程中会出现一个叫做背压的常见问题，它描述了数据传输过程中缓冲区后面数据的累积，当传输的接收端具有复杂的操作时，或者由于某种原因速度较慢时，来自传入源的数据就有累积的趋势，就像阻塞一样。
误解 ES6 模块，升级 Babel 的一个解决方案（泪奔）说多了都是泪… 在 2015 年 10 月 29 号， Sebastian McKenzie 、James Kyle 以及 Babel 团队的其他成员，发布了一个面向各地前端开发者的大型版本：Babel 6.0.0。太棒了，因为它不再是一个转译器，而是一个可插拔的 JavaScript 工具平台。作为一个社区，我们只触及了它能力的表面，我对 JavaScript 工具的未来感到…
理解Javascript函数执行—调用栈、事件循环、任务等原文作者：Gaurav Pandvia 原文链接： medium.com/@gaurav.pan… 文中部分链接可能需要梯子。欢迎批评指正。现如今，web开发者（我们更喜欢被叫做前端工程师）用一门脚本语言就能做任何事情，从提供浏览器中的交互，到开发电脑游戏、桌面工具、跨平台移动应用，甚至可以在服务端部署（如最流行的Node….
《Git内部原理之Git引用》本篇讲一讲Git内部原理，本篇的主题是Git引用的原理。（by jingsam）
【Web开发人员学习路线总结的最清晰的四张图】这是一个国外大牛总结的 2018 年成为 Web 开发人员的学习路线图。详见（来自：goodjack ）