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

vue多页面首页加载优化；深度介绍：你听说过原生 HTML 组件吗？；webpack4带来了什么；26 个精选的 JavaScript 面试问题；会vue就会angular 6 – 项目初始化；利用HTML5，无JS实现各种交互效果；纯css实现手机通讯录；会vue就会angular 6 – 条件与循环

vue多页面首页加载优化还是以自己的多页面博客为例，执行npm run build，将打包代码部署上线后访问项目,会发现表现很糟糕，页面会出现长时间的空白等待。通过下图可以看到，总加载时长达到将近12s，这是无法忍受的性能问题，迫切需要解决。客户端加载示意图：
深度介绍：你听说过原生 HTML 组件吗？嘿！看看这几年啊，Web 前端的发展可是真快啊！想想几年前，HTML 是前端开发者的基本技能，通过各式各样的标签就可以搭建一个可用的网站，基本交互也不是问题。如果再来点 CSS，嗯，金黄酥脆，美味可口。这时候再撒上几把 JavaScript，简直让人欲罢不能
webpack4带来了什么在开发人员还在体会webpack3.x的余韵时，webpack4.x已经悄然而来。而对使用者来说，最期待的问题无外乎如下：新版本与旧版本相比都有哪些改变？ webpack3.x到webapck4.x的迁移？使用webpack4.x我们应该注意什…
26 个精选的 JavaScript 面试问题原文: Top 26 JavaScript Interview Questions I Wish I Knew 译者: Fundebug 为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。小编推荐：Fundebug专注于JavaScript、微信小程序、微信小游戏，Node.js和Java线上bug实时监控。真的是一个很好用的bug监…
会vue就会angular 6 – 项目初始化有不清楚的地方可以加QQ群: 142681686. 不会24小时全天问答(毕竟还有工作), 但是当你遇到问题没地方找到答案的时候,来这里提问一下,死马当活马医万一我看到了刚好也知道答案呢? 也不浪费你啥是不是!! 前言因项目要求, 需要使用angular 6.X, 然后就边学边使用angular开发项目; 在学习过程中碰到很多坑, 而且国内使用…
利用HTML5，无JS实现各种交互效果<details> 标签在Chrome，Firefox等浏览器下默认是有展开收起行为的，例如下面HTML：
纯css实现手机通讯录我们经常在手机上看到通讯录列表，这类布局一般有两个显著的效果首字母吸顶快速定位下面我们来实现一下页面结构这里页面结构很简单，就是两个列表 {代码…} 然后加点样式 {代码…} 这样就可以看到布局了 […
会vue就会angular 6 – 条件与循环有不清楚的地方可以加QQ群: 142681686. 不会24小时全天问答(毕竟还有工作), 但是当你遇到问题没地方找到答案的时候,来这里提问一下,死马当活马医万一我看到了刚好也知道答案呢? 也不浪费你啥是不是!! 前言这一章节咱们来把angular中的指令拿出来和vue做对比,帮助大家掌握angular指令的使用正文条件渲染: ngIf…
使用 JavaScript 和网络信息 API 实现自适应服务原文地址：Adaptive Serving using JavaScript and the Network Information API 原文作者：Addy Osmani 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m…
图解 Chrome：HTML/CSS/JS 是如何在浏览器中，渲染成你看到的页面？文 | Mariko Kosaka 译 | 承香墨影 Chrome 算是程序员的标配了，从全球的市场份额来看，它在全球市场的份额已经超过 60%。在 Chrome 10 周年之际，官方发布了一个系列文章，用图解的方式，很清晰的讲解了现代浏览器的运行原理。本文是该系列的第三篇，为了便于阅读，我做了简单…
前端入门——day1这篇文章写给想要入门前端或者刚入门前端的小白~如果是已经工作好几年的小伙伴们可以直接跳过这一系列文章啦。
项目开发中对前端数据管理的理解现在的SPA开发中，提到数据（状态）管理不得不提Redux和Vuex，它们都是基于Flux思想的前端状态管理解决方案。但本文的重点不是介绍Redux或Vuex的技术细节，而是基于真实的业务场景谈谈在不同的场景下该如何管理数…
vue 指令—气泡提示(手撸实战)菜鸟学习之路//L6zt github 自己在造组件轮子，也就是瞎搞。自己写了个slider组件，想加个气泡提示。为了复用和省事特此写了个指令来解决。预览地址项目地址 github 我叫给它胡博
使用Jest测试JavaScript(Mock篇)在本篇教程中，我们会介绍 Jest 中的三个与 Mock 函数相关的API，分别是jest.fn()、jest.spyOn()、jest.mock()。使用它们创建Mock函数能够帮助我们更好的测试项目中一些逻辑较复杂的代码，例如测试函数的嵌套调用…
React 中同构（SSR）原理脉络梳理随着越来越多新型前端框架的推出，SSR 这个概念在前端开发领域的流行度越来越高，也有越来越多的项目采用这种技术方案进行了实现。SSR 产生的背景是什么？适用的场景是什么？实现的原理又是什么？希望大家在这篇文章中能够找到你想要的答案。说到 SSR，很多人的第一
【GitHub 嫁给微软后的第一春】被微软收购没多久的GitHub，在Q4甫一开始，就搞大事情！
异步编程解决方案全集—promise、generator+co、async+await 一、前言传统的解决代码单线程执行的方案是回调函数和事件。这是个解决问题的方案，但是会造成回调地狱。异步编程是优化代码逻辑提高代码易读性的关键。目前通用的异步编程方法有三种： Promise generator+co async+await 这三种方法
读懂immutable-js中的Map数据结构本文受深入探究Immutable.js的实现机制这篇文章启发，结合自己对Map源码的解读，谈谈我对immutable-js中map数据结构的理解，若有不正确的地方，欢迎指正。