移动互联网时代,各种互联网技术层出不穷,尤其在移动端方面,各种动态化方案如雨后春笋般,在各自的领域蓬勃生长。但是,不管哪种方案,都会涉及到资源的迭代更新问题。如何让用户在更快地使用最新资源的同时,也能结合缓存保证应用的加载效率,是这类方案必须要考虑的。本文将从浏览器缓存谈起,在涵盖 App Cache、SW Cache 等纯 Web 缓存方案的同时,也将站在大前端角度去分析不同方案的差异,最终,让大家对 web 缓存策略有一个详尽的了解。

阅读全文 »

提高网页设计里文本的易读性网页设计中,文本是最常用的元素之一,文本易读性非常重要,我们都希望页面更加清晰易读,而颜色在文本易读性中起到了至关重要的作用。 文本和背景颜色有一个“对比度”,了解并能正确调整这个对比度,将会让你的页面更加清晰易读,进而提高阅读效率和阅读体验。 问题的由来:拯救你惨不忍睹 ...
阅读全文 »

近几年,移动互联网发展迅猛,几乎每天一变,各种新技术、新思想犹如雨后春笋般,层出不穷。虽然移动端动态化方案虽然已经发展了很多年,但是每天都有新的变化,所以笔者在这里重新和大家聊一下移动端动态化方案。

阅读全文 »

前言大家平时用一些诸如 ykit, vue-cli,create-react-app 等命令行脚手架时,有没有人考虑过以下两个问题 它是如何实现的; 如果有需求开发这样的命令行,如何入手; 现在带着这些问题,让我们拨开这层迷雾,直达他的核心,从零开始,搭建一个最为简单的脚手架。 Let’ s g ...
阅读全文 »

前言最近在整理设计规范的过程中,尝试使用了 Airbnb 公司发布的 react-sketchapp 工具,感觉非常好用,在这里墙裂推荐一哈,顺便聊一聊使用过程中的体会: 这是一个使用 React 生成 Sketch 文件的命令行工具,主要用于生成设计系统(design system),简单来说就 ...
阅读全文 »

HTTP 缓存是一种非常实用的技术,可以大幅度提升 Web 应用的加载速度并降低服务器的压力,减少冗余数据传输。本文通过 HTTP 规范解读常见缓存控制首部各项指令的意义,向读者展示一个文件是在什么样的策略下被缓存并使用的。

阅读全文 »

在去年的博客《写给应届生的职业规划建议》里,提及了一个“作为一个前端,最该学习的两个方面是 产品设计”观点,而在这篇博客中,笔者就来谈一谈设计,谈一谈偏重逻辑思维的工程师怎样有效地学习和运用设计。

笔者所在的团队从去年系半年开始,成立设计小组,逐步开始负责团队产品的 UI/UE 设计,以求让团队产品更为 易用

阅读全文 »

中间人攻击是一种非常常见的攻击手段,攻击者与通信双方分别建立连接,对双方想要交换的数据进行记录、篡改甚至丢弃。由于 HTTP 是明文传输,因此其很容易遭受中间人攻击。本文将探讨如何使用 HTTPS 来防止中间人攻击。

阅读全文 »

上个月 Qunar 增强版 React Native 解决方案 QRN 升级到了 3.0 版,改动比较多。为了让业务能更方便的迁移到新的版本,笔者在 qrn cli 中做了一个针对新版的代码转换工具,该工具使用 jscodeshift 进行开发。

个人认为 jscodeshift 的 官方文档 对新手不是特别的友好,所以写下了这篇文章,希望能给想要上手 jscodeshift 的同学一些方便。

我会通过一个简单的示例来介绍 jscodeshift 的使用方法,并对 jscodeshift 的一些实现进行一个简单的介绍。本文使用的 jscodeshift 为 0.3.32 版。

阅读全文 »