20200130 前端开发日报

讲清楚 JavaScript 原型;Vue入门指南——计算属性;Vue造轮子-tab组件(下);你不知道的NodeJS;实现一个前端的消费队列;WebView全面解析;使用BeetleX.NetBenchmark压测TCP,HTTP和Websocket服务;用nodejs快速在Matataki发文

  1. 讲清楚 JavaScript 原型 记得以前知乎上看到过一个问题: 面试一个 5 年的前端,却连 原型链 也搞不清楚,满口都是 Vue,React 之类的实现,这样的人该用吗? 。写文章的时候又回去看了下这个问题,300 多个回答,有很多大佬都回答了这个问题,说明这个问题还是挺受关注的。最近几年,随着 ES6 ,TypeScript 及类似的中间语言的流行,我们平时…
  2. Vue入门指南——计算属性 目录: 1. 为何需要计算属性? 3. 计算属性与方法的区别 1. 为何需要计算属性? 表达式的计算逻辑可能会比较复杂,使用计算属性可以使模板内容更加简洁 2. 计算属性的用法 computed: { reversedMessage: function () { return this.msg.split(”).reverse().join(”) …
  3. Vue造轮子-tab组件(下) 1. 为什么一个 new Vue 可以构造出一个 eventBus // 当我们定义了new Vue之后,可以这样用 var app = new Vue({ created(){ this.$emit() this.$on() } }) // 也可以这样用 app.$emit() app.$on() app.$off() // 那么归根结底,只要满足能触发一个事件,监听一个事件,和取消监听一个事件,那…
  4. 你不知道的NodeJS 更新:这篇文章现在是我的书《Node.js进阶》的一部分。 在 jscomplete.com/node-beyond… 中阅读此内容的更新版本以及有关Node.js的更多信息。 在今年的Forward.js会议(关于JavaScript的会议)上,我分享了题为“你不知道的NodeJS”的演讲。 在那次演讲中,我向观众提出了一系列有关Nodejs运行时的问题,大多数有技术背…
  5. 实现一个前端的消费队列 现在我们已经习惯了模块化,微服务化,这样的确带来了很多的好处,但是有时也会有些小麻烦。比如: A组件和B组件各要调用一个接口,并且根据接口调用完成后执行回调,要求A组件的回调较B组件的先执行。 如果是在同一个组件里面,我们比较容易的控制接口的调用时机(同时调用两个接口),并且通过 Promise.all 来…
  6. WebView全面解析 WebView全面解析 简介 WebView是android中一个非常重要的控件,它的作用是用来展示一个web页面。它使用的内核是 webkit 引擎,4.4版本之后,直接使用Chrome作为内置网页浏览器。 作用 显示和渲染网页; 可与页面JavaScript交互,实现混合开发。 使用介绍 使用WebView之前,不要忘记在清单文件中…
  7. 使用BeetleX.NetBenchmark压测TCP,HTTP和Websocket服务 真没想到大过年还在家里写代码写文章,本来还打算自驾半个月没想出现这情况。在这里祝福全国同胞在新的一年里身体健康!希望阳光天气早日照射在这片土地上,给人带来新一年的希望! NetBenchmark 是针对网络服务压测的开源组件,组件提供 TCP , HTTP 和 Websocket 的压力测试基础功能;为了更好的符合业务需求组件不…
  8. 用nodejs快速在Matataki发文 如何用nodejs快速在Matataki发文, 利用node爬虫来获取网页的内容然后转发到 matataki 上面 这里就自己的 blog 做一个简单的 example 这是可能需要用的 接口文档 :arrow_down::arrow_down::arrow_down: (docsify真香) 开始 首先我们先初始一个项目 mkdir matataki-post npm init -y touch i…
  9. NodeJS模块研究 – stream 构建复杂程序的时候,通常会将系统拆解成若干功能,这些功能的之间的接口遵循一定的规范,以实现组合连接,共同完成复杂任务。例如管道运算符 | 。 在 nodejs 中,实现各种功能,总避免不了和“数据”打交道,这些数据可能是 Buffer、字符串、数组等等。但当处理大量数据的时候,如何保证程序的稳健性?如何不让内存爆…
  10. 深入学习用 Go 编写 HTTP 服务器Go是一门通用的编程语言,想要学习 Go 语言的 Web 开发,就必须知道如何用 Go 启动一个 HTTP 服务器用于接收和响应来自客户端的 HTTP 请求。用 Go实现一个http server非常容易,Go 语言标准库net/http自带了一系…
  11. Webpack实战(八):教你搞懂webpack如果实现代码分片(code splitting) 2020年春节已过,本来打算回郑州,却因为新型冠状病毒感染肺炎的疫情公司推迟了上班的时间,我也推迟了去郑州的时间,在家多陪娃几天。以前都是在书房学习写博客,今天比较特殊,抱着电脑,在楼顶晒着太阳,陪着家人,写着博客。 前面的几篇文章主要告诉大家如何安装、配置webpack、webpack实现样式分离等,今天这篇文…
  12. 解密百度前端技术体系 1 引言 整个业界在前端框架不断迭代中,也寻找到了许多突破方向,例如跨平台中的RN、Flutter,服务端GraphQL、Serverless,前端和客户端的融合越来越紧密,前端在Node和Electron的加持下,也扩展了自己的版图到服务端和桌面。 同时,随着前端开发越来越复杂,整个前端研发也经历了人工化-…
  13. 深度解析:Vue3如何巧妙的实现强大的computed Vue中的computed是一个非常强大的功能,在computed函数中访问到的值改变了后,computed的值也会自动改变。 Vue2中的实现是利用了 Watcher 的嵌套收集, 渲染watcher 收集到 computed watcher 作为依赖, computed watcher 又收集到 响应式数据某个属性 作为依赖,这样在 响应式数据某个属性 发生改变时,就会按…
  14. JavaScript 模块打包方案 翻译自: JavaScript Modules Part 2: Module Bundling 2016.2 (需科学上网访问) 在 第一部分 介绍了什么是模块,为什么需要模块化,以及模块化的多种方式。在这部分,我将讨论模块打包: 为什么我们要打包模块、打包模块的不同方法,以及未来模块在 web 开发中的发展。 什么是模块打包? 模块打包(bundl…

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

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


关注我

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

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

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