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

JavaScript数组去重（12种方法，史上最全）；如果想成为一名顶尖的前端，这份书单你一定要收藏；如何只用 CSS代码让一台 iPhone/macOS 崩溃重启? ；mpvue 分包方案；Vue 面试中常问知识点整理；[全网最全的 Vue CLI 3 原创合集] 你要的这里都有；TypeScript 学习资源合集；JS可以写操作系统？Windows 95被装进Electron App

JavaScript数组去重（12种方法，史上最全）数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都…
如果想成为一名顶尖的前端，这份书单你一定要收藏
如何只用 CSS代码让一台 iPhone/macOS 崩溃重启? 来源: https://gist.github.com/pwnsdx/ce64de2760996a6c432f06d612e33aea 测试链接(点击之前，请保存好重要数据): https://hilongjw.github.io/safari
mpvue 分包方案 mpvue 分包方案 mpvue官方分包使用mpvue-entry插件 mpvue官方分包地址： mpvue-docs/change-log 主要修改： build/webpack.base.conf.js 增加拷贝项目新增'/.json$
《Vue 面试中常问知识点整理》看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。（by 沉静地闪光）
[全网最全的 Vue CLI 3 原创合集] 你要的这里都有慢慢地，关于 Vue CLI 3 的原创学习文章已经写了 20 多篇了（会一直放出来，目前 23 篇），
TypeScript 学习资源合集 TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 Awesome TypeScript 库灵感来源于
JS可以写操作系统？Windows 95被装进Electron App 什么是Windows 95？这个Windows 95是微软的那个操作系统吗？可以说是，也可以说不是。它实际上是一个Electron app，可以运行在Windows、macOS和Linux上。请看下面的截图： Windows 95是一个原生app吗？是的，绝对是的。它可以运行Doom游戏吗？当然可以了，但建议在640×480的分辨率和256色模式…
0.1 + 0.2不等于0.3？为什么JavaScript有这种“骚”操作？随着消费观念的改变，线上消费已经成为大众生活中不可或缺的一部分。在保证消费安全和用户隐私的同时，精准度也是必不可少的一环。试想一下，用户在一款产品上消费，结算金额出错，用户会怎么想？（数体教 or WTF？)，妥妥的差评了吧。这样不要说用户粘性了，留存都是问题。当Boss得知用户的遭遇后，估计贡献代码的同志…
详解 ECMAScript 6 中的生成器 (Generator) 生成器（Generator）是 ECMAScript 6 中引入的新概念。生成器本身是一个很强大的工具，应该出现在每个 JavaScript 开发人员的工具箱之中。不过，生成器目前主要被使用在 JavaScript 框架和第三方库中，而在日常开发中的使用较少。这主要是因为生成器的用法并不容易掌握。本文的目标是让更多的开发人员…
译】Google – 使用 webpack 进行 web 性能优化（三）：监控和分析应用原文地址： monitor and analyze 原文作者： Ivan Akulov 译文地址：监控和分析应用译者：泥坤校对者：杨建、闫蒙即使你可以通过配置 webpack 使得应用尽可能小，追踪它并且知道它包含什么仍然是很重要的。否则，你可能安装了一个让应用大了两倍的依赖却浑然不觉。这节就来讲几个…
CSS 实现水平垂直居中的 1010 种方式划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将本文整理成了一个github仓库，欢迎大家star 仅居中元素定宽高适用 absolute …
解密传统组件间通信与React组件间通信在React中最小的逻辑单元是组件，组件之间如果有耦合关系就会进行通信，本文将会介绍React中的组件通信的不同方式通过归纳范，可以将任意组件间的通信归类为四种类型的组件间通信，分别是父子组件，爷孙组件，兄弟组件和任意组件，需要注意的是前三个也可以算作任意
前端 JavaScript 的未来前景到底如何？英文原文：The Future of JavaScript in the Front End World 如果你近几年一直在从事前端开发，你一定知道已经存在太多的东西让人难以做出选择。新的框架和库随时都在涌现。全世界的公司都面临着一大难题：为了实现数字化，到底该选择什么样的技术栈才算正确。除了面对这个巨大的挑战，同时还要紧跟最新的技术趋势。 …
webpack4打包vue前端多页面项目之前一直用的脚手架，这次自己搭建webpack前端项目，花费了不少心思，于是做个总结。 1.用法项目结构如下： project |- bulid <!– 这个目录是自动生成的–> |- p
自己写一个Babel插件前言之前看到一位大佬的博客, 介绍了babel的原理, 以及如何写一个babel的插件, 抱着试试看的想法, 照葫芦画瓢的自己写了一个简单的babel插件, 该插件的作用就是将代码字符串中的表达式, 直接转换为对应的计算结果。例如: const code = const result = 1 + 1 转化为const code = const result = 2 。当然这一篇文章非…
webpack SplitChunksPlugin不完全指南提到前端打包工具，毫无疑问想先到的是webpack。但是前端发展地很快，时不时会有新东西出现，打包工具这边之前也出现parcel和rollup。各种工具的碰撞，相互汲取优点，促进技术的发展。 webpack4中支持了零配置的特性，同时对块打包也做了优化， CommonsChunkPlugin 已经被移除了，现在是使用 optimization.splitChunk…
「译」如何使用 NodeJS 构建基于 RPC 的 API 系统原文地址：How to build an RPC based API with node.js 原文作者：Alloys Mila 译文出自：阿里云翻译小组译文链接：github.com/dawn-teams/… 译者：牧曈校对者：也树，灵沼如何使用
以申请大学流程来解释 JavaScript 的 filter 方法相对于 JavaScript 里面的 map() 和 reduce() 方法来说，filter() 方法也许是最一目了然的方法。你输入一个数组，以特定方法过滤它们，並返回一个新的数组。这个看起来很简单，不过我总是想把它换成 for() 循环。因此，我选择一种更加好的方法去理解 filter() 是如何运行的。我发现，filter 方法就类似大学入学…
【JavaScript系列】浅谈JavaScript之函数(一)
React 与 React Native 底层共识：React 是什么此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分，给大家介绍 React 与 React Native 结合学习的方法，此小节主要介绍 React 的底层原理与机制。目前 React 可以说是前端世界最火热的框架，具有高性能以及容易上手的特性，而且在掌握了 React 框架后，再学习其他类似 React 的框架也将变得…
Nodejs如何调用Dll模块苏格团队作者：Tomey 一、为什么需要用node.js调用dll？公司项目采用Electron（ electronjs.org/ ）开发pc应用，会涉及到与底层硬件设备的通信，而sdk封装基本上都是通过 C++ 动态链接库dll实现的。有两种方案
《精读〈REST, GraphQL, Webhooks, & gRPC 如何选型〉》每当项目进入联调阶段，或者提前约定接口时，前后端就会聚在一起热火朝天的讨论起来。可能 99% 的场景都在约定 Http 接口，讨论 URL 是什么，入参是什么，出参是什么。（by 黄子毅）
browser networking 之 HTTP/2 为什么不是 HTTP / 1.2 为了实现 HTTP 工作组设定的性能目标，HTTP/2 引入了一个新的二进制分帧层，该层无法与之前的 HTTP/1.x 服务器和客户端向后兼容，因此协议的主版本提升到 HTTP/2。 1. HTTP/2的前身 – SPDY SPDY是Google开发的一个实验性协议，于2009年年中发布，其主要目标是通过解决HTTP／1.1中的…
Web 应用中的撤销与重做首页发现话题登录加入知乎登录知乎，发现更大的世界 Inconspicuous 手机验证码登录忘记密码？登录二维码登录 · 海外手机登录 · 社交帐号登录
作为前端你拿什么证明网站体验？前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难，但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西，我们又要如何去证明它的好与坏呢？一、视觉体验优化页面加载数据请求图片渲染二、数据证明体验效果今天我着重会基于「w
分享一个好用的函数吧，将js中的对象转成url参数写了一个工具文件utils.js，将其作为工具包引入Vue的main.js，并将其附给Vue原型，这样在每个组件中就可以使用this.$utils来使用里面的一些工具函数了
选择 JavaScript 开源库时，你需要考虑这些问题作者｜Sacha Greif 译者｜无明对于 2018 年的 JavaScript 状态调查，我想深入挖掘一下。我不仅想知道人们都在使用哪些工具和库，还想知道他们为什么选择它们。经过一番研究，我开发出了一个评分系统，可以将它作为技术选型的衡量标准。 12 因素测验为了让你能够更好地对各种库打…
JS计算精度小记一. 前置知识点 1. 十进制如何转为二进制？整数部分除二取余数，直到商为0，逆序排列，小数部分乘2取整，顺序排列，直到积中小数部分为0或者到达要求精度。 8转为二进制 8 / 2 = 4…0 取0 4 / 2 = 2…0 取0 2 / 2
redux && react-redux源码解析不能因为别人怀疑自己，但是可以通过别人启发自己！昨天有人让我把他当小白讲讲redux,我表示理出来的逻辑并不是很明确，他可能是在教我如何写文章吧，我对自己写的东西，并不是很负责，目的一直停留在增强自己的短时间记忆，我会安排时间将之前的文章做逻辑性梳理，当然