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

力荐 35 个最好用的 Vue 开源库；免费的渐进式教程：Webpack4的16篇讲解和16份代码；面试官眼中的Promise；前端性能提升秘笈；前端性能优化总结；Css in Js 一次实践；React Native框架如何白盒测试；gitlab 安装、配置

力荐 35 个最好用的 Vue 开源库无论是开发新手还是经验丰富的老手，我们都喜欢开源软件包。对于开发者来说，如果没有这些开源软件包，很难想象我们的生活会变得多么疲惫不堪，而且靠咖啡度日也会成为家常便饭。所幸的是，随着 Vue.js 和 Nuxt.js 社区的不断壮大，每天都会出现一些很好的软件包。在下文中，我们将推荐一些非常好用的 Vue 和 Nuxt 软…
免费的渐进式教程：Webpack4的16篇讲解和16份代码首先，没有标题党！这套教程确实是免费的，并且针对每节讲解准备了对应的代码，代码环境是 webpack4 。课程以常见的 webpack4 用法为主线，按照从易到难的顺序，逐步引导搭建，渐进式教程真香。截至公元 2018 年 12 月 26 日，此套开源教程已经在 Github 上收获了 189 Stars ，下方是截图 :point_down:…
面试官眼中的Promise 本文假设你有一定的Promise基础知识，不涉及api的讲解，但是对你深入理解Promise有一定益处。写在前面在公司顶过几天面试官，一道手写Promise就卡主了不少人（受困于这道题的人别打我。。。我是不会告诉你我就职的公司的），其实这道题的主要目的是考察对Promise的理解，顺便的才是考察js逻辑，写出来是加分项，能…
前端性能提升秘笈首先想问大家一个问题：假如现在有两个同样可以满足我们需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择使用哪一个？下面我们再来感受一下这张图片。响应速度对用户的影响（用等待时间来衡量）从图中可以看出来：前端性能，反应给用户最直观的方面就是…
前端性能优化总结1.原则多使用内存，缓存或者其他方法减少CPU计算，减少网络请求减少IO操作（硬盘读写） 2.加载资源优化静态资源的合并和压缩。静态资源缓存（浏览器缓存策略）。使用CDN让静态资源加载更快。 3. 渲染优化 C…
Css in Js 一次实践最近需要做一个表格组件，组件需求: 指定行、列可以跨行、跨列行和行之间有分割线最终采用grid实现需求。实现的时候遇到一个问题，如果css和js分开写，css只能是定值，没有灵活性。所以考虑采用 css in js 的形式。关于 css in js 相关的概念介绍可以参考阮一峰老师的文章：css in js 介绍。 …
React Native框架如何白盒测试编辑推荐: 本文来自于云社区，本文章主要详细介绍了React Native框架，应该如何进行代码级别的测试保障，希望对您的学习有帮助。 1、开天辟地 Hippy是什么呢？简单点，能用JavaScript来写Android和iOS应用的框架, 类似业界的React Native。好吧，我们还是严谨一点。Hippy是一个前…
gitlab 安装、配置gitlab 安装、配置对于企业级的私有 git 仓库，gitlab 是个不错的选择。今天就来说说 gitlab 的安装、配置。系统配置建议：最低双核 4G 内存。当前针对 gitlab 版本：11.5.3。 1. 说明根据官方的安装教程，…
JavaScript数据结构之队栈互搏今天稍微停下前进的脚步，来看下队栈的左右互搏术。前两天学习了队列和栈以后，今天就可以试着来用两个栈实现队列的功能或者用两个队列来实现栈的功能。数据结构之—栈实现队列 1. 用两个栈实现一个队列 1.1 题目分析栈是先进后出，队列是先进先出，但可以用两个栈来模拟一个队列的功能，来实现队列中主要…
类比餐厅桌前就餐来解释前端和后端如果你曾去过坐式餐厅，那么你就能理解web开发中前端和后端的区别。在开始学习web开发，你会遇到一系列使你迷迷糊糊的概念。数据库？服务器？客户端？服务端？AJAX？幸运的是，你只需要了解 HTML和CSS 就可以去创建你的第一个站点了，它可以在你本地电脑上运行起来。但是，如果你想让你的站点能在线上运行起来…
GitHub 中式开源志异本篇主要通过对中国开发者在开源社区中的活动的观察，总结了一些有待提升或者存在弊病的现象。这些现象的背后原因可能是开发者的利益诉求，也可能是公司之间的恶性竞争，不管如何，这些行为或多或少给开源社区技术圈子已经带来了一些影响或冲击，甚至可能影响到了外国开发者对中国开源社区的公共印象。希望随着成熟，这…
js 中的 number 为何很怪异JavaScript 中的数字，不管是整数、小数、分数，还是正数、负数，全部是浮点数，都是用 8 个字节（64 位）来存储的。
web开发的跨域问题详解做过 web 开发的同学，应该都遇到过跨域的问题，当我们从一个域名向另一个域名发送 Ajax 请求的时候，打开浏览器控制台就会看到跨域错误，今天我们就来聊聊跨域的问题。
js事件循环机制(Event Loop) 以及async/await的理解事件循环机制理解js的事件循环机制，能够很大程度的帮我们更深层次的理解平时遇到的一些很疑惑的问题简单版本下面来看一段代码,想想它的结果和你的结果是否一样 {代码…} 我们可以将js的任务分为同步任务和异…
js运行机制及异步编程（二）上一篇文章主要整理了一下js引擎是如何工作的，这篇文章主要整理js的事件循环Event loop，以及异步编程的原理
vue 源码学习（一）目录结构和构建过程简介 vue框架使用了Flow作为类型检查，来保证项目的可读性和维护性。vue.js的主目录下有Flow的配置.flowconfig文件，还有flow目录，指定了各种自定义类型。在学习源码前可以先看下Flow的语法官方文档目录结构 vue.js源码主要在src下 src ├── compiler # 编译相关 ├── core # 核心代码 ├── p…
读vue源码看前端百态1–模块化以 vue2.0 为例在我们执行 npm run dev 时，会看到 package.json 中，有 "dev": "rollup -w -c scripts/config.js –environment TARGET:web-full-dev" 复制代码根据 scripts/config.js 文件中的配置: // Runtime+compiler development build (Browser) ‘web-full-dev’: { ent…
深入浅出HTTPS工作原理在HTTP协议中有可能存在信息窃听或身份伪装等安全问题。使用HTTPS通信机制可以有效地防止这些问题。本文我们就了解一下HTTPS。文章首发地址为我的GitHub博客，敬请关注！
[NodeJs系列]聊一聊BOM对于BOM，相信大多数人对其即陌生又熟悉，我们在各大IDE中常常见到它的身影，但要真的把它解释清除，却有点力不从心。故此，笔者利用闲暇之余搜索资料整理成文，如果错漏，还望提点！
《Git 实用小命令收集》本文搜集了一些 Git 日常用到的命令集，非常实用。（by 蒲小花的博客）
【20181229 前端开发日报】老生常谈之CSS的垂直居中；前端模块化结构如何拆分；超火js库: Lodash API例子（持续更新~~~）；promise, async, await, execution order；es6箭头函数深入学习1；前端…详情→
CSS动画指南(第1部分)开始这篇文章之前，假设你从来没有创建过 CSS 动画。但即使你有，也可能有一些内容你之前没有注意到。接着，我们将探索创建的第一个动画，例如链接动画。
用 RxJS 实现 Redux Form写在前面的话看这篇文章之前，你需要掌握的知识: React RxJS (至少需要知道 Subject 是什么) 背景 form 可以说是 web 开发中的最大的难题之一。跟普通的组件相比，form 具有以下几个特点: 更多的用户交互。这意…