20190416 前端开发日报

前端如何处理十万级别的大量数据;在 Bilibili 做前端;面试官:你了解Webpack吗?;JavaScript 是如何工作的:JavaScript 的内存模型;ES6流程拖拽实现思路;一只脚踏入 Three.js;Promise实现的基本原理(一);GitHub 集成 Travis CI

  1. 前端如何处理十万级别的大量数据 写博客主要是用来总结、巩固知识点,加深自己对这个知识点的理解。同时希望帮助到有需要的人。如有不正确的地方。可以在评论区指出。你们的支持。是我不断进步的源泉。 简单说明下 这是一道面试题,刚开始面试官为我前端如何处理大量数据。我第一时间就脱口而出用分页呀!面试官说那是从后台的角度来考虑的。从前端...
  2. 在 Bilibili 做前端当时,简单的前后端分离已经完成。前端提供一个 html 模板放到静态资源机上面,html 模板里面引用了所需的 js 和 css,访问页面地址时,把这个静态模板返回给用户,然后执行 js,再通过 ajax 请求 api 拿到数据,...
  3. 面试官:你了解Webpack吗? 前言 大家好哟,这是第四篇面试官篇,估计还有个七八十篇面试文章(前端苦命)。 这篇文章介绍了webpack核心概念以及如何使用。 开始吧! 概念 webpack的核心概念只要记住下面四个就够用了(除非大佬是webpack配置工程师)。 入口 出口 loader 插件 入口 module.exports = { ...
  4. JavaScript 是如何工作的:JavaScript 的内存模型这是专门探索 JavaScript 及其所构建的组件的系列文章的第 21 篇。 如果你错过了前面的章节,可以在这里找到它们: JavaScript 是如何工作的:引擎,运行时和调用堆栈的概述! JavaScript 是如何工作的:深入V8引...
  5. ES6流程拖拽实现思路目前有很多公司都有工作流的产品。关于工作流的架构大致都是将工作流制定一个规范、标准数据模板,后台程序再解析这些数据模板。一些公司的工作流是数据库配置的,其实推荐将工作流可视化,这样就会节省人力和物...
  6. 一只脚踏入 Three.js 在做 3D,我们首先得要了解其基本准则:三维坐标系。 我们都知道在 css3 的三维空间中是左手坐标系。(如果不了解的可以阅读我之前写的一篇文章《CSS3 之 3D 变换》) 但是在 Three.js 中,我们的空间是基于右手笛卡尔坐标系的而展现的。如下: 了解了坐标系之后,我们就能在这片三维空间中...
  7. Promise实现的基本原理(一) 前几天在项目中遇到回调地狱的情况,但我在刚开始写这个项目的时候还不会用Promise,只知道它可以用来解决回调地狱,所以就用全都用回调函数解决。我是看《深入理解ES6》这本书来学Promise的,在用法和功能上讲得还是挺详细的,但在原理上没怎么讲,所以用的时候有很多地方有疑问,于是在网上找到一篇自己实现Promise的...
  8. GitHub 集成 Travis CI 前言 已经有阮一峰老师的持续集成服务 Travis CI 教程,为什么还要写这篇文章? 原因有二: 文章内容有些过时 文章覆盖度不够,有些实践细节没写出来 由于以上原因,纵然可以笔者很快在Github集成Travis CI并成功构建,但在发布时却踩了一些坑,折腾一波才终于发布成功。故写下...
  9. 【JavaScript 学以致用】值 引言 来到北京已经有4个年头了,做过一些测试、打杂、前端的工作之后,最后还是选择了前端的工作。现阶段主要还是在写业务代码,代码质量,工作效率就显得尤为重要。【学以致用】这个系列主要记录一些平时工作、学习遇到的一些问题,方便以后查漏补缺。 value JavaScript 中原始类型的值,包括字符串、数字、布尔...
  10. git merge 与 git rebase的区别其实这个问题困扰我有一段时间,相信也有人和我一样有这个困扰,网上已有很多这种解释了,但是要么就是无图,要么就是解释的很乱,没太看懂,经过自己对git的使用,加上向同事请教,算是理解了这个问题,所以写下...
  11. VueRouter源码分析 感谢 funfish , 玩弄心里的鬼 ,Vue.js 技术揭秘的文章,对我的帮助 前言 vue-router的源码不算很多, 但是内容也不算少。本文谈不上逐行分析, 但是会尽量详尽的说明主流程和原理。对一些工具函数和边缘条件的处理会略过,因为我也没有逐行去了解它们,请见谅。 前置基础知识 我们在学习VueRouter源码前,先...
  12. 《面相前端的leetcode题解》《面相前端的leetcode题解》新增投票算法,扔鸡蛋问题,二维矩阵搜索算法。 求关注 地址: [链接]
  13. web3.js 编译 Solidity、发布、调用全部流程 根据 web3.js编译Solidity,发布,调用全部流程(手把手教程)进行。因为这篇文章中的一些方法和最新版本的不一样了,中间遇到了一些坑,现把解决方法记录如下: 准备工作 安装 Node.js 、安装以太节点以及合约代码等与web3.js编译Solidity,发布,调用全部流程(手把手教程)中的一致。 ...
  14. 工作、开源两不误:Git多账号管理由于 Git 所具有的巨大优越性,越来越多的公司以及个人开始由 Svn 转向 Git 。一般来讲,每位员工都会被分配给一个公司内部的邮箱。比如一个 996 公司的员工 “张三”,获得的可能就是一个 “zhangsan@996icu.com” ...
  15. js的执行机制 javascript的运行机制一直困扰在我,对其的运行机制也是一知半解,在看了https://juejin.im/post/59e85eebf265da430d571f89#heading-10这篇文章后,有种茅塞顿开的感觉,下面是原文内容: 认识javascript javascript是一门单线程语言,在最新的HTML5中提出了web-Worker,但javascript是单线程这一核心仍未...
  16. Ajax的使用 Ajax这一技术可以向服务器请求额外的数据而无需卸载页面,它改变了web的’点击,等待‘的交互模式,大大提高了用户的使用体验。 Ajax的核心 我们要使用Ajax向服务器请求数据,首先必须创建XHR对象,在IE7及以上版本以及其他浏览器中,XML对象的创建很容易: var xhr = new XMLHttpRequest(); 复制代码 后续的操作...
  17. JavaScript(一)数据类型javascript中数据类型分为简单数据类型和复杂数据类型,今天只学简单数据类型 ( 5个 )number、string、boolean、undefined、null数值、字符串、布尔、声明未赋值、空类型
  18. RxJS: 操作符状态管理 原文链接: RxJS: Managing Operator State 原文作者:Nicholas Jamieson;发表于2019年2月12日 译者: yk ;如需转载,请注明 出处 ,谢谢合作! 摄影:Victoire Joncheray,来自Unsplash 在 RxJS 5.5 引入了 管道操作符(pipeable operators) 之后,编写用户级(userland)操作符变得更为...
  19. LeetCode 之 JavaScript 解答第70题 —— 爬楼梯(Climbing Stairs)Time:2019/4/12Title:Clibing SrairsDifficulty: EasyAuthor:小鹿
  20. ReactDOM.render源码解析-1初步看了react-dom这个包的一些源码,发现其比react包要复杂得多,react包中基本不存在跨包调用的情况,他所做的也仅仅是定义了ReactElement对象,封装了对ReactElement的基本操作,而react-dom包存在复杂的函数...
  21. 深入实践 ES6 Proxy & Reflect 引言 Vue中的数据绑定 Vue作为前端框架的三驾马车之一,在众多前端项目中具有极其重要的作用。 Vue中具有一个重要的功能点——“数据绑定”。使用者无需关心数据是如何绑定到dom上面,只需要关注数据本身即可。 那实现其功能的原理是什么? 阅读官方文档(v2.0),我们会发现: 把一个...
  22. 免费申请 WebStorm 使用许可 - free JetBrains Open Source license(s)步入前端切图仔行列的我曾多次纠结过「到底使用哪种编辑器写前端好用?」这样的问题,前前后后尝试过 Dreamweaver 、HBuilder 、Sublime Text 、Atom 和现在主要使用的 VSCode 。现在回过头来看,我发现这个问题...
  23. 前端性能监控:你了解 Performance Timeline Level 2 吗? Performance Timeline 是W3C性能小组提出的一个规范,定义了让开发者在应用整个生命周期内收集各种性能指标的接口。 最新的 Performance Timeline Level 2 标准,取代了第一版 Performance Timeline 标准,它包括了以下三点: Performance PerformanceEntry PerformanceObserver Performance Timeline 在 Node...
  24. js转化pcm到wav格式与播放 前面我们已经实现了js录制pcm编码的功能了,但是很遗憾,浏览器并不能播放pcm音频,但可以支持与他比较相近的wav格式的文件,来琢磨下这两者的转化吧。 wav Waveform Audio File Format,是微软与IBM公司所开发在个人计算机存储音频流的编码格式。 wav可以使用多种音频编码来压缩其音频流,不过我们常见的都是音频...
  25. TypeScript 注解(上)上次学习了一下typecirpt-ioc项目,一个优秀的IOC容器,那个项目中用到了TypeScript注解,反正比我写的容器高级多了。是时候学习一下TypeScript注解了。
  26. 一次react-router + react-transition-group实现转场动画的探索在日常开发中,页面切换时的转场动画是比较基础的一个场景。在react项目当中,我们一般都会选用react-router来管理路由,但是react-router却并没有提供相应的转场动画功能,而是非常生硬的直接替换掉组件。一定程...
  27. #开源项目#【黑洞引力效果:Black-Hole.js】详见: 作为一名物理学爱好者,作者利用 WebGL、glfx.js 和 numeric.js 在图像画布中渲染出黑洞引力透镜效果。同时,他还将实现思路和过程进行了分享。翻译地址:

    Black-Hole.js

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

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

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