20200306 前端开发日报

教你用Node.js搭建本地服务器，并访问本地图片视频等静态资源；github开发者免费申请JetBrains全家桶License(可无限续约)；总结vue知识体系之实用技巧；JavaScript事件循环及异步原理笔记；编写高质量JavaScript模块的4个最佳实践；Vuejs 父子组件间的访问方式；Vue"非常规"技巧, 99%的人是第一次看；手摸手：3秒打包一个three.js项目（有物证）

1. 教你用Node.js搭建本地服务器，并访问本地图片视频等静态资源 废话不多说，先用express搭建一个本地服务 var express = require(‘express’) var path = require(‘path’) var app = express() app.get(‘/’, (req, res)=>{ res.send(‘Hello world’); }); app.listen(8083, ()=>{ console.log(‘Server is running at http://localhost:8083’) }) 复制代码 然后在命…
2. github开发者免费申请JetBrains全家桶License(可无限续约)为了不再花钱买，突然想到了github的开源项目是可以申请JetBrains全家桶免费试用套餐License的。(当然某宝也是能买到的，作为开源作者，还是支持开源社区更好一些哈~)
3. 总结vue知识体系之实用技巧vue 作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢？为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可以点个小赞！本文主要…
4. JavaScript事件循环及异步原理笔记 先提出一个问题 JavaScript 既然是单线程，那为什么浏览器或 Node.js 可以执行异步操作呢？ 下面简短解释一下： 1、JavaScript 是单线程的，只有一个主线程； 2、函数内的代码是从上到下依次执行，遇到被调用的函数先进入被调用的函数执行，待完成后继续执行；（这个机制主要是通过函数调用栈实现的） 3、遇到异步…
5. 编写高质量JavaScript模块的4个最佳实践使用ES2015模块，您可以将应用程序代码分成可重用的、封装的、专注于单一任务的模块。 这很好，但是如何构造模块呢?一个模块应该有多少个函数和类? 这篇文章介绍了有关如何更好地组织JavaScript模块的4种最佳实践…
6. Vuejs 父子组件间的访问方式 有时候我们需要父组件直接访问子组件；子组件直接访问父组件；或者是子组件访问根组件。 父组件访问子组件：使用$children 和 $refs 关键词。 子组件访问父组件：使用$parent 关键词。 一、父组件访问子组件 我们先来看下$children的访问；this.$children是一个数组类型，它包含所有子组件对象。 我们这里通…
7. Vue"非常规"技巧, 99%的人是第一次看类似vue中$emit, 使用new Event可以创建浏览器的原生事件,通过使用addEventListener监听事件.
8. 手摸手：3秒打包一个three.js项目（有物证） 关于 webpack 相关的文章太多了，何不一起从零开始手写一个配置呢？ 真的3秒能打包一个three.js项目吗？真的，后面会提供源文件地址哦。 要打包的项目是这个样子的。 从零开始 关于 three.js 的安装和使用部分都省略。 首先是最基础的。我们需要安装 cross-env 目前最流行的运行跨平台设置和使…
9. 前端常见面试-进阶篇 上一篇文章，我们对js相关的知识点做了一个具体的介绍，有需要的朋友可自行查看：前端常见面试-js篇。当然对于前端面试来说，还会涉及到一些原理性的东西，具体这篇来重点探讨一下这方面的问题。
10. JS中的数据类型object基础 上次我们简单概述了基本数据类型的基础知识，这次我们主要了解一下引用数据类型中的 object 的基础知识 一、定义 1、用键值对（key:value 俗称属性名和属性值）来描述一个对象的特征（每一个对象都是综合体，存在零到多组键值对）； 2、{ key : value , …} 每组键值对是key : value 的格式，多组键值对用…
11. Vue.js 父子组件之间数据传输 一、父子组件 组件树：组件和组件之间存在层级关系；而其中一种非常重要的关系就是父子组件的关系。 Vuejs中父子关系组件的编写结合： <div id="app"> <parent></parent> </div> <!– 子组件的模板–> <template id="child"> <div>子组件内…
12. 如何在vue的项目中写一个简易的网页弹幕 最近整了一个个人网站，没啥内容于是就想弄个弹幕玩玩充实一下网站。 功能预览： www.love614.live 首先是创建一个弹幕版用来播放弹幕： .danmuBox就是容器了,.danmu就是一条条的弹幕。其中messageList显然就是所有弹幕的集合了，至于styleList就是弹幕播放的核心了，它将用来控制整个弹幕的播放流程…
13. 5 分钟搭建 Node.js 微服务原型 每日前端夜话 第291篇 翻译： 疯狂的技术宅 作者：Sergey Kravchenko 来源：medium 正文共：1099  字 预计阅读时间：5 分钟 微服务已成为在 Node.js 中构建可扩展且强大的云应用的主流方法。同时也存在一些门槛，其中一些难点需要你在以下方面做出决策： 组织项目结构。 …
14. Promise最新详解 所谓 Promise ，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果 1、对象的状态不受外界影响。 Promise 对象代表一个异步操作，有三种状态： pending （进行中）、 fulfilled （已成功）和 rejected （已失败） 2、一旦状态改变，就不会再变，任何时候都可以得到这个结果…
15. 记好这 24 个 ES6 方法，用来解决实际开发的 JS 问题点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。
16. vue封装通用的通知组件alert 继上次搭完一个组件库的基本框架, 今天再来实现一个通用组件(alert)的开发, 使用方式与普通组件不一样,它是函数式调用(例如: this.$alert(‘test’) ), 与之类似的组件还有 loding、message 这些通用的函数式组件. 实现方法也与之类似, 这里就来实现 alert 组件 需要用到一些vue的api const Alert = Vue.extend(aler…
17. Github Actions 持续集成服务GitHub Actions 是 GitHub 的持续集成服务，于2018年10月推出。是一种可以替换 Travis CI 作为 CI/CD 的解决方案。我也是近期存在一个需求，才开始进行尝试的，毕竟学了用是最好的学习方法。
18. 深入了解VUEX原理 vuex 作为 Vue 全家桶不可或缺的一部分，学习并理解其源码，不仅可以学习到作者的优秀开发思路和代码编写技巧，还可以帮助我们在开发过程中写出更好更规范的代码，知其然，知其所以然 源码版本是3.1.2，在调试源码时尽量不要直接使用 console.log ，因为有些时候其输出并不是你期望的数据，建议使用 debugger 进行调…

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

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