liaofy

摘要： 背景 在 App.vue 文件中通过 addRoutes 动态添加路由。访问路由 /login，我发现 this.$route 返回的数据中，meta.a 却是 undefined。 如果一秒后再次访问 this.$route，meta.a 为 1。这是为何？ create() { const ro 阅读全文

摘要： 技术类 《计算机系统要素：从零开始构建现代计算机》 《网络是怎样连接的》 《HTML5 Canvas核心技术》 《浏览器工作原理与实践》 《Effective Java 中文版第3版》 《CDN 技术详解》 《Web性能权威指南》 微信读书 《大明王朝 1566》 《1984》 《明朝那些事儿》 《 阅读全文

摘要： 一、ES module 减少服务启动时间 import { foo } from './other-module' 由于大多数现代浏览器都支持上面的 ES module 语法，所以在开发阶段，我们就不必对其进行打包，这节省了大量的服务启动时间。另外，vite 按需加载当前页面所需文件，一个文件一个h 阅读全文

摘要： vite vite是小尤开发的下一代前端开发构建工具，快速的热更新模式，使得开发阶段的更新时间不随包的大小而增加，极大的改善了前端开发体验。闲话少叙，赶紧来体验一波。 相信跟着vite开发指南，你已经轻松的启动了项目。但根据实际项目开发经验，我们还需要添加一些内容。 scss 配置 我们项目默认使用 阅读全文

摘要： 最近看了一本书《代码之髓》，里面提到浮点数在计算机的存储方式——IEEE 754 会引起浮点数的精度丢失问题。这让我想起了“著名”的 JS 问题：为什么 0.1 + 0.2 !== 0.3 ? 迷迷糊糊的就记得是浮点数精度丢失原因造成的，但问到具体是怎么回事儿就傻眼了。 今天就尝试用基本知识来推理下 阅读全文

摘要： getImageData ctx.getImageData方法返回一个ImageData对象，它有三个属性——width、height、data，其中 data 包含了图片色值数据。 data属性返回一个 Uint8ClampedArray，它可以被使用作为查看初始像素数据。每个像素用4个1byte 阅读全文

摘要： 背景 在 vue 项目开发中，对于大多数页面的初始化，都需要维护和业务无关的三个状态：pending、loaded、error，并根据状态显示不同的内容。譬如： <template> <div> <div v-if="error">{{error.message}}</div> <div v-els 阅读全文

摘要： 背景 用户点击预订按钮，会进入预订流程，可以将其粗略的总结为 4 个步骤：1.表单验证；2.乘机人校验；3.创建订单；4.订单校验。 其业务特点是： 1）以时间为序顺序执行； 2）阻塞执行，即前一步骤执行完毕后，才能执行后一步骤； 3）任一步骤出错，流程终止。 本项目基于 Vue.js 进行开发 基 阅读全文

摘要： 背景 机票 H5 基于 VUE 进行开发，是一个成熟的、多人协作的 webapp，承接了大量第三方渠道。 不同的渠道有不同的需求，比如有个别渠道需要更换样式/图标，以符合他们的视觉规范。虽然我们对色值做了全局的配置，但由于各种原因，还是有部分色值被硬编码到代码中了，图标也分散在各个文件中。 针对这一 阅读全文

摘要： 在安卓手机端，input 输入框被输入法遮挡出现的机率几乎是 100%。如果领导们不在意，我们就睁一只眼闭一只眼。但如果要认真起来解决问题，却发现并不是很容易，然而今天并不是来倒苦水的，直接进入正题。 我们先看看 iPhone 的优异表现： 他苹果婊能做到，我们安卓鸡怎么不行？ 默默无闻 focus 阅读全文