满圆圆

记录一下实现不定宽高 width: auto 1、auto 设置 width: auto; 和 height: auto;，会根据内容自动调整大小。 2、Flexbox布局...

本篇文章记录对于项目中加载的一些优化相关处理。 1、路由懒加载 vue实现路由懒加载可以通过： 1、安装vue Router4,使用Vue Router的defineAsy...

优化字体包速度 压缩字体文件(使用gzip或者其他工具) 懒加载字体 使用preload预加载字体文件，<link rel=preload> 使用prefetch预加载字体...

瀑布流虚拟列表前置篇，分析小红书瀑布流特点，实现不定高卡片的瀑布流组件并且实现触底加载更多以及响应式布局...

前言 作为程序员日常工作中不管是入职拿到新电脑，还是自己换了新机，工作之前第一件事就是要安装配置各种各样的开发环境；如前端开发需要安装 node、yarn、git 等； 为...

localStorage是同步还是异步？ 1、localstorage有几个特性 localStorage 是一个同步 API，因此在处理大量数据时可能会影响性能。 loc...

codeReview插件 1、安装codeGeex之后，使用ctrl + I 调用可视化的页面 2、选中的代码点击右键可以做代码注释、可以选英文、中文 3、写代码的时候，还...

学习---typescript的类型复用 1、复用type类型 2、复用interface类型 3、interface 复用新增属性 可以改写为： omit的作用用于排除选...

记录前端项目引入字体文件 tips: 下载的字体要注意是否有版权问题，尽量是ui提供字体文件，字体文件不能过大，ui可以压缩，或者自己找工具压缩一下字体文件。 1、在项目中...

学习篇：script、link、meta标签 href： 可填写的值 stylesheet：css样式表 icon：网页图标 apple-touch-ico：苹果启动图标 ...

1、实践感受vite的新特性 快速启动：运行项目时启动速度快 即时编译：修改页面不用手动刷新（Vite热模块替换的作用） 那么 vite 和webpack的关系是怎么样的？...

vscode-image-manager 图片压缩插件完胜tinypng。不限制压缩数量图片大小，支持多种格式转换，目录树方式展示，图片查找，多主题，图片裁剪 OCR、相似...

1、安装@types/node -D 2、在vite.config.js中配置别名 3、在tsconfig.json文件中，加入配置 4、代码中就可以用@了...

1、安装postcss-px-to-viewport 2、根目录建立一个postcss.config.cjs文件 由于react-vant是按照375px来开发的，设计稿是...

react-i18next 是一个强大的React / React Native国际化框架，它基于i18next的React插件。...

背景 现在手机、电脑、ipad成为了每个家庭必备内容，但是通常设计给到我们的都是一个固定大小的UI，如果用户是一个屏幕小或者大的设备，一般就会出现滚动条或者大片空白内容，为...

经常会用到取url参数，在这里记录一下 1、第一种 用js取url上的参数 2、第二种 兼容更老版本的浏览器...

1、安装好autoprefixer插件后，在postcss.config.js文件中引入插件 2、运行项目发现没有自动加上自动加上浏览器前缀 3、在package.json...

前提：蓝湖图按钮边框需要做渐变色，同时设置了圆角，和渐变色确不起作用. 设置边框渐变色代码： 样式展示为 即使设置border-raduis也不会生效 所以需要两层结构 给...