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前端日报 订阅精彩文章

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

原文:20200306 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20200306.html)