20191027 前端开发日报

Node.js 入门到干活,10 个优质项目就够了;喊话 JavaScript 开发者:玩 DOM 也要专业范儿;「干货」用 Vue + Echarts 打造你的专属可视化界面(上);Vue 组件间通信 11 种方法汇总;用 MelonJS 开发一个游戏;想成为一个出色的Web工程师?学Golang而非Node.js;JS对象的 rest/spread 属性指南;vue3响应式源码解析-Effect篇

  1. 喊话 JavaScript 开发者:玩 DOM 也要专业范儿 充分挖掘 DOM 的潜力,你会真的爱上它。
  2. 「干货」用 Vue + Echarts 打造你的专属可视化界面(上)在近期的项目中,有大量处理可视化数据的需求。说起这个,相信很多同学跟我一样,都会想到用 Echarts 来实现。没错,Echarts 拥有高度可定制化的配置,以及非常详尽的开发文档,并且它的最新版已经更新到了 v4.3。
  3. Vue 组件间通信 11 种方法汇总修饰符 .sync 是 2.3.0+ 新增,它对 props 起到了一种修饰的作用,使用 .sync 进行修饰的 props 意味子组件有修改它的意图,这种情况下它只起到一个标注性作用,有它没它都不会影响逻辑(后文会介绍使用 .sync 的…
  4. 用 MelonJS 开发一个游戏游戏开发并不需要局限于使用 Unity 或 Unreal Engine4 的用户。 JavaScript 游戏开发已经有一段时间了。实际上,最流行的浏览器(例如Chrome,Firefox和Edge)的最新版本提供了对高级图形渲染(例如WebGL)的支持…
  5. 想成为一个出色的Web工程师?学Golang而非Node.js 原文: medium.com/codezillas/… Nodejs是一个运行时或者说是一个Javascript代码运行时的环境,而Golang是一门编程语言但不仅仅用于后端开发。Golang是由Google于2007年发明的。Nodejs能让Javascript代码运行在服务端上,而Golang适用于服务器端编写代码。Nodejs代码也就是Javascript的代码,所以继承了大…
  6. JS对象的 rest/spread 属性指南在ES5中,咱们合并对象通常使用Lodash的_.extend(target, [sources]) 方法,在ES6中咱们使用 Object.assign(target, [sources])来合并对象,当然现在最常用应该是使用 Rest/Spread(展开运算符与剩余操作符)。
  7. vue导航守卫详解导航守卫又称路由守卫,实时监控路由跳转时的过程,在路由跳转的各个过程执行相应的操作,类似于生命周期函数,在开发过程中经常被使用,比如用户点击一个页面,如果未登录就调到登录页面,已登录就让用户正常进入。
  8. 爱奇艺直播 WebAssembly 优化之路 WebAssembly 和直播,不一样的火花。
  9. 解密JSON.stringify()的参数使用基本使用 一般情况下,我们使用JSON.stringify序列化对象,即将一个对象的属性和值转化为字符串 {代码…} 第二个参数 实际上并不是所有的JSON数据都能被序列化 {代码…} 可以通过传递第二个参数来解决,首先来…
  10. React 项目快速搭配 eslint, prettier, commitlint, lint-staged 为了实现代码规范,我们在使用中会使用诸多插件,比如eslint、prettier、commitlint、stylelint等等,在新项目中这样一套组合拳下来,也是稍显繁琐,另外还要定制配置文件,某种程度上来说是体力活。 本文的目的是介绍如何简化配置,统一规范。 1. magic-lint magic-lint是一款代码规范工具…
  11. 从零开始构建一个webpack项目 新建一个空文件夹,用于创建项目,使用 npm init 命令创建一个 package.json 文件。 输入这个命令后,终端会问你一系列诸如项目名称,项目描述,作者等信息,也可以使用 npm init -y 这个命令来一次生成 package.json 文件,这样终端不会询问你问题。 2、安装 webpack 安装 webapck 时把 webpack-cli 也装上是因为…
  12. 重学JavaScript之匿名函数 匿名函数就是没有名字的函数,有时候也称为《 拉姆达函数 》。匿名函数是一种强大的令人难以置信的工具。如下: function a(a1, a2, a3) { // 函数体 } 复制代码 ==其他函数表达式== var a = function(a1, a2, a3) { // 函数体 } 复制代码 以上两个例子在逻辑上等价,其主要的区别是: 前者会在代码执行…
  13. 用JavaScript和Node.js实现文件分片上传 本文使用node.js实现文件分片上传,没有使用node.js的框架。前端使用javascript实现,也没有使用框架。这里用到了mongoDB数据库。(本文代码练习用,非项目) 准备工作 npm init -y npm install mongodb —save 实现思路 主要的思路就是将文件切片后,分片上传,后端将所有的分片都接收完成后,合并为一个完整…
  14. js修改覆盖伪类样式一般jq操作css样式是很方便的,但是修改伪类的样式直接操作jq就比较难了,应用如下方法还是很快滴`var lineWid = ‘内容’
  15. 我们应该为 JavaScript 重新命名吗?[每日前端夜话0xDA] 日前端夜话 0xDA 每日前端夜话,陪你聊前端。 每天晚上18:00准时推送。 正文共:1179 字 预计阅读时间:5 分钟 作者:Kieran Potts 翻译:疯狂的技术宅 来源: kieranpotts Should We Rebrand JavaScript? 最近,LinkedIn 的 JavaScript 组提出了一个有趣…
  16. OpenJS 认证计划,你的第一张 Node.js 证书OpenJS 于2019年3月13日,在 Medium 上宣布, Node.js 基金会和 JS 基金会合并为 OpenJS 基金会。
  17. Vue 组件通信 11 种解决方案 父组件向子组件传值 1. 通过属性传值 props props 可以是数组或对象,用于接收来自父组件的数据。 // 父组件 List.vue <template> <div> <List-item :str="str" :obj="obj" :arr="arr"></List-item> </div> </template> <script&…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流