20190416 前端开发日报-前端开发博客

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

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