码农备忘录 | 一个程序员大叔的自留地

前端单元测试和持续集成

前端的单元测试包括但不限于：单元功能测试、UI 测试、兼容性测试等等。一个测试体系大体包括四部分：测试运行器（e.g. Karma）测试框架（e.g. Mocha, Jest, Jasmine, Qunit）断言库（e.g. Should, Chai）测试覆盖率（e.g. Istan...

码农备忘录当前使用的主题是Doubt，是我做的第八款主题，这款主题是在Way主题的基础上修改而来的。Doubt参考了很多国内优秀的极简主题，在主题介绍中将会感谢它们。主题设计时候已是作者进入社会打拼的第七年（2022.2）。当时也处在人...

在尝试Lit和Svelte框架之后，我更倾向于Svelte，其语法更友好。可使用Vite 进行初始化Svelte脚手架。但测试之后，Svelte并不兼容IE11，但使用@vitejs/plugin-legacy 之后尝试可以兼容（暂时）。由于此主题页面中，为突出文字内容及...

醉风云博客十一周年了。 FengYun主题也即将完成它的使命。深思熟虑之后，我决定，花费很长一段时间，为醉风云博客创作一款新的主题。她将变得更加简单。她将更加突出文字。终有一天，大象将重归原野。 … 原先是考虑使用Vue+P...

HTML img元素中有一个很少用的 srcset 属性，用于浏览器根据宽、高和像素密度来加载相应的图片资源。属性格式：图片地址宽度描述w 像素密度描述x，多个资源之间用逗号分隔。例如： <img src="small.jpg " srcset="big.jpg 1440w,...

css, HTML 1 0

一、Vue哪里好？我认为一个好的框架首先有以下几点必要的特点简单易学，文档完善，Api清晰易懂，容易上手不会给程序员的开发过程带来很大的心智负担社区完善，长期维护，有完整的生态系统对业务逻辑及数据的关注度优先于框架本...

VUE 0 0

一切性能优化是根据网站测试结果去针对性进行的，不需要无脑的进行优化。另外，没有固定的优化策略，不同的项目要分而治之。性能优化思路了解浏览器工作原理及web渲染原理，认识影响性能的因素使用如Performance、Lighthouse、Pag...

性能 0 0

什么是Service Worker Service worker是一个注册在指定源和路径下的事件驱动worker。它采用JavaScript控制关联的页面或者网站，拦截并修改访问和资源请求，细粒度地缓存资源。Service Worker 可以使你的应用先访问本地缓存资源，包括j...

0 0

本文介绍了前端开发如何优化资源的加载，减少资源往返时间。 Preload Preload 是一个新的控制特定资源如何被加载的新的 Web 标准，这是已经在 2016 年 1 月废弃的 subresource prefetch 的升级版。这个指令可以在 <link> 中使用...

性能 0 0

文档流加载生命周期 DOMContentLoaded 是指页面元素加载完毕，但是一些资源比如图片还无法看到，但是这个时候页面是可以正常交互的，比如滚动，输入字符等。 jQuery 中经常使用的 $(document).ready() 其实监听的就是 DOMContentLoade...

性能 0 0