20190824 前端开发日报

Vue.js 3:面向未来编程(function-based API);剑指offer JavaScript实现;基于 Laravel + Swoole + Vue 搭建实时在线聊天室(二):后台数据库准备和 API 认证功能实现;webpack 4: Code Splitting和chunks切分优化;[Vue]强迫症发作,我是如何注册全局组件的?;Vue原理解析(八):一起搞明白令人头疼的diff算法;一文读懂前端技术演进:盘点Web前端20年的技术变迁史;基努·里维斯、css-doodle、黑客帝国字幕雨和随机艺术

  1. Vue.js 3:面向未来编程(function-based API) 原文: Vue.js 3: Future-Oriented Programming ,by Taras Batenkov —— function-based API 是如何解决逻辑重用问题的 如果你在使用 Vue.js,那么可能知道这个框架的第 3 版就要出来了(如果你是在本篇文章发布后的一段时间看到这段话的话,我希望我的说法还是中肯的:wink:)。新版本目前正在积极开发…
  2. 剑指offer JavaScript实现 在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数。 function Find(target, array) { const n = array.length; const m = array .length; let row …
  3. 基于 Laravel + Swoole + Vue 搭建实时在线聊天室(二):后台数据库准备和 API 认证功能实现 上篇教程我们为聊天室项目准备好了开发环境并对项目进行了初始化,今天我们来设置数据库并完成简单的 API 认证功能。 数据库准备 关于数据库这块,我们需要为 Laravel 自带的用户表新增头像字段,然后创建一张消息表用于存放用户发送的消息,以便对历史消息进行查询。 更新用户表 首先,我们运行如下Artisan …
  4. webpack 4: Code Splitting和chunks切分优化 原文地址: webpack 4: Code Splitting, chunk graph and the splitChunks optimization 原文作者:Tobias Koppers 译者:arzh 推荐理由: 从 webpack3 升级到 webpack4 所做的重要更改 webpack4 对 chunk 图进行了一些重大改进,并为 chunk 拆分添加了一个新的优化(这是对 CommonsChunkPlugin 的一种改进…
  5. [Vue]强迫症发作,我是如何注册全局组件的? 这两天看了一篇关于搭建vue模板的~很nice的文章,有很多自动化的操作,心想跟着大佬实践一波 不料在玩耍全局组件的时候,诱发了强迫症,具体经过如下: 1. 常规操作 定义全局组件通常会在src目录下创建一个components文件夹;然后在components目录下创建index.js文件用于全局注册;创建global文件夹用于存放…
  6. Vue原理解析(八):一起搞明白令人头疼的diff算法 上一篇: Vue原理解析(七):全面深入理解响应式原理(下)-数组进阶篇 之前章节介绍了 VNode 如何生成真实 Dom ,这只是 patch 内首次渲染做的事,完成了一小部分功能而已,而它做的最重要的事情是当响应式触发时,让页面的重新渲染这一过程能高效完成。其实页面的重新渲染完全可以使用新生成的 Dom 去整个替换掉旧…
  7. 一文读懂前端技术演进:盘点Web前端20年的技术变迁史在这将近20年的前端发展史中,我们经历了从最早的纯静态页面,到JavaScript跨时代的诞生;从PC端到移动端;从依赖后端到前端可自由打包开发;从早期的网景Navigator浏览器到现在各家浏览器百花齐放……
  8. 基努·里维斯、css-doodle、黑客帝国字幕雨和随机艺术 基努·里维斯是好莱坞的一个明星,我第一次知道他是看《生死时速》,在里面他饰演一个警察,和桑德拉·布洛克合作,这部电影成了他的第一个事业高峰。 css-doodle是一个用CSS绘制图案的Web组件,它基于Shadow DOM v1 和 Custom Elements v1 技术,你可以在最新版本的chrome,firefox和Safari上面使…
  9. tensorflow.js 代码解读之将曲线拟合到二维数据 开车的同学大概都知道,汽车低功率状态下运行油耗会比较大,尤其是市区堵车的情况下,一脚油门一脚刹车,不光糟心还费油。反过来,如果汽车经常跑高速,每公里油耗反而特别低。今天我们就要使用机器学习来研究一下汽车发动机功率和油耗之间的关系。这也是Tensorflow.js上机器学习入门的一个简单例子,但是麻雀虽小五脏俱…
  10. JavaScript 作用域和全局变量 作用域指的是可以访问的变量集合,我们可以理解为:作用域就是起作用的区域 在 JavaScript 中有两种作用域类型: 私有作用域和全局作用域 1.私有变量 在 JavaScript 函数中声明的变量,称为私有变量,只能在函数内部访问它们。 实例 console.log(a) // 此处的代码不能使用 a 变量 var f = function(){ var a…
  11. JavaScript之柯里化柯里化(Currying),又称部分求值(Partial Evaluation),是把接收多个参数的函数变成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受剩余的参数而且返回结果的新函数的技术。
  12. 十年铲码,八大体系超千篇数百万字技术笔记系列汇总(GitBook 悦享版)十年铲码两茫茫,纵思量,却易忘;不觉笔者步入程序员已有十年。十年里一直浮沉沉沉沉,愈深入,愈觉得世界之大,宇宙浩瀚。十年之期,正巧笔者从阿里离开,重回 3D 打印制造业的怀抱,希望能依托于设备优势逐步…
  13. ajax基础入门总结 一、什么是ajax? ajax全称是Asynchonous Javascript and XML ,其中Asynchonous是异步意思。 是7中技术综合:JavaScript、xml、xstl、dom、xmlhttprequest、css ajax是一个与服务器端语言无关技术 ajax返回数据格式: 文本格式、xml、json 作用: 1、页面舒心的动态数据交互 2、局部刷新页面 …
  14. 来一个老生常谈的话题,Javascript 中,数组如何去重?关于如何去除一个给定数组中的重复项,应该是 Javascript 面试中最常见的一个问题了,最常见的方式有三种:Set、Array.prototype.filter 以及 Array.prototype.reduce,对于只有简单数据的数组来讲,我最喜欢 Set…
  15. JS 在获取当前月的最后一天遇到的坑为了更好的讲这节的内容,提示一个 JS 处理日期的小技巧,想获取上个月最后一天,只需要设置SetDate参数为0即可。
  16. Web 应用的撤销重做实现这个制作间页面有着类似 PPT 的交互:从左侧的工具栏中选择元素放入中间的画布、在画布中可以删除、操作(拖动、缩放、旋转等)这些元素。
  17. Node.JS枚举统计当前文件夹和子目录下所有代码文件行数 使用Node.JS的大多数用记事本开发,有时侯会需要统计工程代码量,然后记事本大部分没有这个功能。其实用node.js几行代码就可以实现。 var path = require(‘path’) var fs = require(‘fs’) //需要统计的文件类型,可自己删减,均小写 var codesFiles = [ ‘.css’, ‘.js’, ‘.html’, ‘.tmpl’, ‘.part’, ‘.json’, ‘…
  18. (译) 如何使用 React hooks 获取 api 接口数据在本教程中,我想向你展示如何使用 state 和 effect 钩子在React中获取数据。 你还将实现自定义的 hooks 来获取数据,可以在应用程序的任何位置重用,也可以作为独立节点包在npm上发布。

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

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


关注我

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

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

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