11 posts tagged with "fe"

在这样的时代背景下，无论从资源成本、开发效率，还是从产品迭代、技术演进的角度来看，跨平台开发都是强需求，所以才有了层出不穷的各种跨平台方案探索。

在 App 开发中，内嵌 WebView 始终占有着一席之地。它能以较低的成本实现 Android、iOS 和 Web 的复用，也可以冠冕堂皇的突破苹果对热更新的封锁。

以发展的眼光来看，功能的动态加载以及三端的融合将会是大趋势。然而便利性的同时，WebView 的性能体验却备受质疑，导致很多客户端中需要动态更新等页面时不得不采用其他方案，那么如何克服 WebView 固有的问题呢？

为什么不同形式的模块导入/导出会导致 Tree-shaking 效果不同？

React 组件知多少...

我有一个美丽的愿望：Don't repeat yourself.

在前端开发的初始阶段，开发者通常只需要关注 HTML, CSS, JavaScript，但是现代化的前端开发已经不仅仅是业务代码本身，涉及方方面面，从流程上来说可以划分为：开发需求、部署需求、线上运维（质量+体验）需求。

为了使得前端构建更加标准化、工具化、自动化，出现了很多工具来提高前端开发的效率、质量和体验，统称为前端工程化。

相信大家在开发中都遇到过这样的问题：同一个项目，在本地开发环境没问题，到线上环境却有问题？那很可能是包管理出了问题。

前端的项目依赖主要是通过 package.json 和 node_modules 管理，常见的包管理工具有 npm, yarn。

通常来说：npm 包 = 结构化模块 + 描述文件（package.json）

需要注意的是：一个 module 不一定是一个 package，一个 package 也不一定是一个 module，package 可以是一个 tar 包，也可以是本地 file 协议，甚至是 git 仓库地址。

在下文中，node_modules 的包管理主要分两个阶段说明：早期的 npm V2 阶段、 npm V3 及以后阶段。

移动端适配的几大问题：

绝对单位问题，10px 的线在不同 dpr 屏幕上的视觉效果一致。

相对单位问题，元素的大小随屏幕的宽高缩放。

最小单位问题，1px的线。

最近在把几个Vue单页面应用合并升级成多页面应用，减少代码冗余和重复打包。由于是在原有的Django结构和Vue-cli配置里塞东西，所以会有很多为了配合Django而产生的配置更改，不具有普遍的移植性，仅供参考。

先从路由开始，主要思路就是一个入口对应一个单页面应用，每个单页面应用都是独立的，互相之间不存在路由跳转，而单页面应用中存在多个组件之间的路由跳转，因此每个单页面应用都有自己的路由配置。

动态路由匹配，就是把某种模式匹配到的所有路由全部映射到同个组件。

阅读准备：Vue全家桶之 Vue-cli，Vue-router