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

js专题系列-前端路由；javascript中写好条件语句的五个技巧；2019年值得学习的顶尖JavaScript框架和要学习的主题；WKWebView终究要入坑；记第一个Vue项目台前幕后的经历；vue系列之面试总结；12个令人惊叹的CSS实验项目；前端进击的巨人（六）：知否知否，须知this

js专题系列-前端路由路由是根据不同的 url 地址展示不同的内容或页面早期的路由都是后端直接根据 url 来 reload 页面实现的，即后端控制路由。后来页面越来越复杂，服务器压力越来越大，随着 ajax（异步刷新技术）的出现，页面实现非 reload 就能刷新数据，让前端也可以控制 url 自行管理，前端路由由此而生。单页面应用的实现，…
javascript中写好条件语句的五个技巧当用JavaScript来工作的时候，我们需要处理很多的条件判断，这里有五个小技巧能帮助你写出更好/更清晰的条件语句。 1. 多重判断中使用Array.includes 我们看下下面这个例子： // condition function test(fruit) { if (fruit == ‘apple’ || fruit == ‘strawberry’) { console.log(‘red’); } } 复制代码 …
2019年值得学习的顶尖JavaScript框架和要学习的主题白驹过隙，忽然而已。转眼又到了一年的这个时候，旧的一年的结束和新的一年的开始，我们照常对过去的一年做一些总结并对未来的一年做一些展望：我们的目标是寻找出在工作最具有ROI（投资回报率）的学习主题和技术。人们在劳工作中使用了什么？趋势是什么样的？我们并没有试图挑选最好的东西，而是采用数据驱动的方法来帮…
WKWebView终究要入坑对于大多开发者来说，苹果WWDC2018大会关注比较多的是iOS 12、新的ARKit、新的CoreML，其实还有一个更改在session上没有具体提及，但对于开发者来说影响挺大，如下图：虽然只是加个小小的“Deprecated”标签，但可以看出苹果已经放弃对UIWebView这个组件的维护，希望开发者全量地切换到WKWebView这个组件上面。…
记第一个Vue项目台前幕后的经历背景：部门有个需要前端展示的页面，0前端开发经验，初次接触Vue，实现从后端到前端，从入门，开发、打包到部署，完整的历程。官方文档入门 ES6基础知识了解，看了阮一峰的ES6入门然后粗略撸了一遍Vue官方文档，动手用webpack搭建了一个简单的demo。看了Echarts的官方demo，了解了几种数据图表的数…
vue系列之面试总结1.什么是vue生命周期？答： Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。它的生命周期中有多…
12个令人惊叹的CSS实验项目你可能认为 CSS 只是一种简单地为网页设计样式的语言，但它的功能比你想象的要多得多。从逼真的图像到甚至是视频游戏，你会惊讶地看到一个优秀的开发者可以用 CSS 做些什么。
前端进击的巨人（六）：知否知否，须知this常见this的误解指向函数自身（源于this英文意思的误解）指向函数的词法作用域（部分情况） this的应用环境全局环境无论是否在严格模式下，全局执行环境中（任何函数体外部）this都指向全局对象 {代码…} 函…
利用现代浏览器所提供的强大 API 录制，回放并保存任意 web 界面中的用户操作在开发测试阶段作为开发人员你永远不知道你的测试和产品有什么沙雕操作，他们只会说xxx页面/功能有bug。想要复现也很难。前段时间正好看到了rrweb这个项目，索性基于它实现了定时间隔录制、主动上报、存入数据库、统一查看等功能，可以再项目开发时引入，再也不怕bug复现了。走过路过先来波start 项目地址 …
（译）通过WebChannel/WebSockets与QML中的HTML交互来源：通过WebChannel/WebSockets与QML中的HTML交互 GitHub: 八至作者：狐狸家的鱼本文链接：QML与HTML交互在查询QML与HTML之间通信交互时资料很少，这篇文章讲解的比较清楚一、前言 Qt允许使用所谓的混合GUI创建应用程序——在这种GUI中，可以将本机部件与基于html的内容混合在一起。通过WebCha…
深入学习js之——原型和原型链在Brendan Eich大神为JavaScript设计面向对象系统的时候，借鉴了 Self 和 Smalltalk 这两门基于原型的语言，之所以选择基于原型的面向对象系统，并不是因为时间匆忙，它设计起来相对简单，而是因为从一开始Brendan Eich就没打算在Javascipt中加入类的概念。以类为中心的面向对象的编程语言中，类和对象的关系可以想…
原生 js 实现一个前端路由 router效果图：项目地址：[链接] 效果体验地址： 1. 滑动效果： https://biaochenxuying.github.io/route/index.html 2. 淡入淡出效果： https://biaochenxuying.github.io/route/index2.html 1. 需求因为我司的 H 5 …
REST 的替代者：Envoy + gRPC-Web 原文：https://blog.envoyproxy.io/envoy-and-grpc-web-a-fresh-new-alternative-to-rest-6504ce7eb880 作者：Luc Perkins 译者：李琪 gRPC-Web作为gRPC的JavaScript客户端库，使Web应用可以不用自定义HTTP服务器为中介，直接通过Envoy与gRPC服务交互。经过了约两年的活跃开发，上周（2018年10月底，译者…
原来 JS 还存在这样的拆箱转换在读 Winter 大佬的《重学前端》栏目时，重温了 JS 的「拆箱转换」。「装箱转换」与「拆箱转换」以前都是了解的，今天来看，自己所谓的了解也真是一知半解。在阅读 Winter 老师写的内容后，对「拆箱转换」这个知识点还是不甚清楚，因此我再去深入地了解一番，参考资料详见文末的「参考链接」。被我们忽略的表象首…
nodejs 中的依赖管理在我看来，nodejs 的成功原因除了它采用了前端 js 相同的语法，直接吸引了一大波前端开发者作为初始用户之外，它内置的包管理器 npm 也居功至伟。npm 能够很好的管理 nodejs 项目的依赖，也使得开发者发布自己的包变的异常容易。这样一来，不论你使用别人的包，还是自己发布包给别人使用，成本都不大。这和我大学学习的 …
深入node.js-浏览器缓存机制浏览器缓存（Browser Caching）是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览。
#前端技术#【前端开发需要掌握的网络知识】详见：本文针对前端需要掌握的网络知识进行了详细的梳理，涉及 UDP、TCP、HTTP、HTTPS、HTTP 2.0、DNS 等。
【20190130 前端开发日报】H5页面内使用JSON动画；JS专题之数组去重；Promise总结；WebGL 纹理颜色原理；Vue 的小奇技（第三篇）：用 PurgeCSS 移除不需要的 CSS；前端修炼之路；一文掌握前端面试…详情→
React Fiber源码分析第二篇（同步模式）React Fiber是React在V16版本中的大更新，利用了闲余时间看了一些源码，做个小记录~如果有错误,请轻喷
JavaScript 是如何工作的：编写自己的 Web 开发框架 + React 及其虚拟 DOM 原理这是专门探索 JavaScript 及其所构建的组件的系列文章的第 19 篇。如果你错过了前面的章节，可以在这里找到它们： JavaScript 是如何工作的：引擎，运行时和调用堆栈的概述！ JavaScript 是如何工作的：深入V8引…
前端进阶系列（第2期）：深入理解JavaScript数据类型转换上一期中我们主要是了解了JavaScript中存在两大数据类型：基本类型和引用类型以及其存储的方式（堆和栈）。本期我们将重点谈谈JavaScript数据类型转换过程出现的各种“奇葩”的问题。写在前面在JavaScript中当运算符在运算时，如果两边数据不统一，CPU就无法计算，这时我们编译器会自动将运算符两边…
JS数据结构与算法_集合&字典集合set是一种包含不同元素的数据结构。集合中的元素成为成员。集合的两个最重要特性是：集合中的成员是无序的；集合中不允许相同成员存在