醉风云博客十一周年了。
FengYun主题也即将完成它的使命。
深思熟虑之后，我决定，花费很长一段时间，为醉风云博客创作一款新的主题。
她将变得更加简单。她...
软件开发
程序员工作自留地，软件开发相关笔记。
img元素srcset属性含义及作用
HTML img元素中有一个很少用的 srcset 属性，用于浏览器根据宽、高和像素密度来加载相应的图片资源。
属性格式：图片地址 宽度描述w 像素密度描述x，多个资源...
Vue/2/3重点总结—理论篇
一、Vue哪里好？
我认为一个好的框架首先有以下几点必要的特点
简单易学，文档完善，Api清晰易懂，容易上手
不会给程序员的开发过程带来很大的心智负担
社区...
前端常用性能优化方案
一切性能优化是根据网站测试结果去针对性进行的，不需要无脑的进行优化。另外，没有固定的优化策略，不同的项目要分而治之。
性能优化思路
了解浏览器工作原...
前端缓存之Service Worker
什么是Service Worker
Service worker是一个注册在指定源和路径下的事件驱动worker。它采用JavaScript控制关联的页面或者网站，拦截并修改访问和资源请求，细...
优化资源阻塞Preload、Prefetch和Preconnect
本文介绍了前端开发如何优化资源的加载，减少资源往返时间。
Preload
Preload 是一个新的控制特定资源如何被加载的新的 Web 标准，这是已经在 2016 年 1 月废...
前端常见性能指标
文档流加载生命周期
DOMContentLoaded
是指页面元素加载完毕，但是一些资源比如图片还无法看到，但是这个时候页面是可以正常交互的，比如滚动，输入字符等。 ...
关于前端监控方案
当有人问起：你们的公司的这款应用用户体验怎么样呀？访问量怎么样？此时，你该怎么回答呢？你会回答：UV（独立访客数，以cookie或token为依据）、PV（访问量...
WEB漏洞攻击XSS、CSRF、SSRF的概念和防御
XSS，CSRF，SSRF三种常见的Web服务端漏洞均是由于，服务器端对用户提供的可控数据过于信任或者过滤不严导致的。
XSS，CSRF，SSRF区别
XSS：（跨站脚本攻击）...
Babel原理，SWC和ESBuild优势，Polyfill作用
ECMAScript 发展困境
JavaScript这门语言受限于历史因素，有许多问题，其中一个就是新的语言特性始终无法在浏览器中得到全面支持与应用。
如果你要写一个支持...
如何保障前端代码质量和规范化
1. 制定公司的前端代码规范标准
可以借鉴腾讯前端和百度前端代码规范
html规范
js规范（书写、换行、缩进、标点）
css规范
图片规范（格式、大小、质量、引...
当下前端有那些方向，对不同方向的认识
1.普通Web开发
前端、后端是Web开发的两个端，其实统称Web开发，在很多国外公司没前后端这个说法，都叫做『软件工程师』或者Webdeveloper。其实，要转换一个...
如何看待前端技术的不断更新及持续学习的态度
前端的更新迭代很快，很多知识来不及学就已经有新的内容出来了，让你猝不及防。从过去的Jquery和Bootstrap时代到现在的React、Vue、Angular时代，PC端、移动...
Vue3.x 与 Vue2.x 插槽区别
1、基本用法
基本用法基本是相同的，没有什么改动，vue3和vue2都可以这样用
2、具名插槽
具名插槽两者用法有稍微不同，Vue3使用v-slot:[name]（缩写#[name]...