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

前端到底是求职者的乐土还是日渐成为烫手的山芋？；精读 The Cost of JavaScript In 2018；Vue和微信小程序的区别、比较；五个最新的 CSS 特性以及如何使用它们；TypeScript基础入门 – 类 – 简介；Rx.js学习所得；基于vue实现一个简单的MVVM框架；Nginx实践篇（1）- Nginx作为静态资源web服务 – 静态资源压缩

前端到底是求职者的乐土还是日渐成为烫手的山芋？web前端技术是近年来一个新兴职业，是伴随着web兴起而细分进去的行业。web前端技术是由网页制作演变而来的，有鲜明的时代特性，Web前端在国内乃至国际上真正开始受到重视的时间不超过10年。
精读 The Cost of JavaScript In 2018 如今，JavaScript 仍然是我们向移动终端分发页面时成本最高的资源，因为它可以在很大程度上延迟页面的交互性。一个页面在开发时都要考虑哪些问题，用户实际访问页面的效果与感受又是如何，Google 开发 Lighthouse 的初衷以及其具体用途，JavaScript 的成本究竟有多高，如何降低 JavaScript 成本与优雅的持续集成实践等等…
《Vue和微信小程序的区别、比较》写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。（by 卖女孩的小火柴）
五个最新的 CSS 特性以及如何使用它们 @Daniel Crisp在他的博文中，探讨了CSS的五个新特性，介绍了这五个特性能做什么，以及如何将它们应用到你的项目中。
TypeScript基础入门 – 类 – 简介项目实践仓库 https://github.com/durban89/typescript_demo.git tag: 1.0.14 为了保证后面的学习演示需要安装下ts-node，这样后面的每个操作都能直接运行看到输出的结果。 npm install -D ts-node 后面自己在练习的时候可以这样使用 npx ts-node 脚本路径类介绍传统的JavaScript程序使用函数…
Rx.js学习所得学习Rx.js也差不多3个来月了（准确来讲，应该是第一次学习失败，隔了一个月第二次总算是有点理解它的思想了）。不得不说，这玩意虽然挺有意思的，但真滴难。其体系是有点庞杂的，操作符是真滴多（还要吐槽文档也不行。。。），但总的来说，虽然还没用上Rx.js,但就目前学习它的所得，倒是让我收获颇丰。所以写篇文章总结…
基于vue实现一个简单的MVVM框架
Nginx实践篇（1）- Nginx作为静态资源web服务 – 静态资源压缩sendfile 是一种高效传输文件的模式.sendfile设置为on表示启动高效传输文件的模式。sendfile可以让Nginx在传输文件时直接在磁盘和tcp socket之间传输数据。如果这个参数不开启，会先在用户空间（Nginx进程空间）…
JS数组循环的性能效率分析（for、forEach、for of）前端开发中经常涉及到数组的相关操作：去重、过滤、求和、数据二次处理等等。都需要我们对数组进行循环。为了满足各种需求，JS除了提供最简单的 for 循环，在 ES6 和后续版本中也新增的诸如： map、filter、some、reduce 等实用的方法。因为各个方法作用不同，简单的对所有涉及到循环的方法进行单纯执行速度比…
JS数组循环的性能和效率分析（for、while、forEach、map、for of）前言前端开发中经常涉及到数组的相关操作：去重、过滤、求和、数据二次处理等等。都需要我们对数组进行循环。为了满足各种需求，JS除了提供最简单的for循环，在ES6和后续版本中也新增的诸如：map、filter、some、reduce等实用的方法。因为各个方法作
实战Vue简易项目（4）定义视图为什么#NavigationBar、#TabBar分在Layout中，而不是components中？
javascript基础修炼(3)—What's this(下)
html&&css<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 <html>标签之前。告知浏览器的解析器,用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。标准模式的排版和JS运作…
图解基于 HTTPS 的 DNS 此文鼓励用户在 Firefox 中开启基于 HTTPS 的 DNS，并将其作为默认设置。无论用户是否了解 DNS 泄漏，每个用户都应该享有这种隐私和安全。
基于React的表单开发的分析本文主要讲解后台系统与表单相关的页面开发，并分析如何才能更好地、高效地开发。技术栈 React Antd 背景 Antd 以下我都将Ant Design 简称为 Antd Ant Design是个服务于企业级产品的UI框架，主要可以用于中后台系统,它
基于Vue实现动态组织结构图 Vue-Tree-Chart 最近一个项目里有个前端绘制家谱图的需求，大概是下面这个样子：点击节点会弹出操作菜单，实现增删改查等操作，查阅网上资料发现，现有案例基本都是基于orgchart这个jQuery插件实现的，我们的项目是基于
使用D3.js+Vue实现一个简单的柱形图最近想在Vue的项目里尝试使用d3.js，封装一些常用的图表。这里记录一下自己搭建项目的过程，以及实现一个简单的柱形图。不了解D3的请移步D3 Data-Driven Documents，它是基于数据驱动文档工作方式的一款JavaScript函数库，主要用于网