- 博客(25)
- 收藏
- 关注
RSS订阅原创 老版本浏览器兼容css样式 vite中配置postcss-preset-env插件
本文介绍了在Vite项目中配置postcss-preset-env插件的方法。首先需要安装插件，然后提供了两种配置方式：通过postcss.config.js文件或在vite.config.js中直接配置。文章还说明了可选步骤，即通过package.json配置浏览器兼容性。最后，完成配置后运行Vite即可自动应用CSS转换。全文简洁明了地说明了从安装到配置的完整流程。
2025-06-23 11:58:46
640
原创 JavaScript 数组方法之flatMap
是 JavaScript 数组方法之一，它将一个数组映射到另一个数组，并且可以通过返回的映射结果展平最终的数组。方法对原始数组中的每个元素执行了一个乘以2的映射操作，并将结果组成一个新数组。最终的结果是展平后的新数组。方法首先对原始数组中的每个元素执行一个映射操作，然后将结果数组展平成一个新的数组。，我们希望对每个元素进行乘以2的操作，并将结果展平成一个新数组。方法返回的是一个新的数组，原始数组本身不会被修改。举个例子来说明，假设有一个数组。
2024-01-31 11:47:05
1609
原创 vuepress菜单栏使用请求接口的数据和编写的文档页面右侧添加 锚点导航栏
vuepress 是 Vuejs 官方提供的一个是Vue驱动的静态网站生成器，基于Markdown语法生成网页。简单的说它就是一个快速建设文档站点的工具，在简单配置好功能后，需要做的事情就剩下写好一个个 Markdown 文档。
2024-01-03 10:35:44
1505
原创 JS深度克隆和浅度克隆
JS中实现对象克隆的方法经常用于对象复制、数据缓存等场景。在JavaScript中，可以通过两种方法实现对象的克隆：浅拷贝和深拷贝。
2023-11-20 14:59:18
327
1
原创 嵌套Promise，forEach循环验证多个表格或表单数据
用于场景，验证多个表格必填选项 嵌套Promise，forEach循环验证多个表格或表单数据
2022-06-24 13:52:08
496
转载 优化JS代码的34种方法（上）
优化JS代码的34种方法（上） 1.含有多个条件的if语句 //longhand if(x === 'abc' || x === 'def' || x === 'ghi' || x == 'jkl'){ //logic } //shorthand if(['abc','def','ghi','jkl'].includes(x)){ //logic } 2.if…else的缩写法 当我们在if-else条件下的逻辑比较简单时，我们可以使用三元条件运算符。 //longhand let tes
2021-12-15 17:55:25
1264
转载 适用于ELment-UI级联多选框，数据回填，根据子节点的值查找完整路径
适用于ELment-UI级联多选框el-cascader，数据回填，根据子节点的值查找完整路径 已知子元素id,怎么获取它所有的父元素？用递归实现 /** * 查找匹配的完整路径 * id: 匹配的值 * data: 匹配的数组数据 * prop: 匹配的字段名 */ searchPath (id, data, prop) { var arrRes = []
2021-11-17 09:55:00
432
原创 vue-获取某个组件渲染的Dom根元素
function getComponentRootDom(comp, props){ const vm = new Vue({ render: h => h(comp, {props}) }) vm.$mount(); return vm.$el; }
2021-08-27 09:52:36
695
转载 rem.js常用代码
rem.js (function flexible(window, document) { var docEl = document.documentElement; var dpr = window.devicePixelRatio || 1; // adjust body font size // 设置 em 默认字体所对应的大小 function setBodyFontSize() { if (document.body) { document.body.st
2021-05-06 08:53:51
262
原创 字符串截取后两位,字符串转成数组，再转换位字符串
4.11号笔记 字符串去掉所有空格，转成数组，再转成字符串 var str = ' 你好！ 世界 * * ' var arr = str.replace(/\s/g, "").split("");//去掉所有空格并转成数组 arr.splice(-2, 2); // 从最后面截取两位 str = arr.join("");// 转成字符串 ...
2021-04-12 08:33:52
378
原创 循环给对象创建属性名和属性值
4.7号笔记： ① 循环给对象创建属性名和属性值： data.forEach(item => { item.identity = identity; }) console.log(data);
2021-04-08 08:50:43
1122
原创 Angular常用命令行和指令
命令行: 命令行 含义 简写 ng new 包名 生成项目包 ng n 包名 ng serve 启动项目, 端口号4200 ng s ng serve --open 启动项目 并 在默认浏览器自动打开 ng s -o ng generate component 组件名 生成组件 ng g c 组件名 ng generate directive 指令名 生成指令 ng g d 指令名 ng generate pipe 管道名 生成管道 ng g p 管道名 指令:
2021-01-29 08:47:45
509
原创 docker安装-环境阿里OS7安装
docker安装-环境阿里OS7安装 官网地址 第一步 curl -fsSL https://get.docker.com -o get-docker.sh 第二步 sh get-docker.sh 第三步-- 开启docker systemctl start docker 第四步–查看docker版本 docker version 欧克
2021-01-05 13:53:54
414
转载 vue的watch监听
Vue.js 有一个方法 watch，它可以用来监测Vue实例上的数据变动。 如果对应一个对象，键是观察表达式，值是对应回调，值也可以是方法名，或者是对象，包含选项。 <template> <div> <el-input v-model="demo"></el-input> {{value}} </div> </template> <script> export default { nam
2020-12-28 18:53:36
212
1
原创 字符串倒序
字符串倒序 ```js var str = "helloworld"; arr = str.split(""); //将str打散为数组 //["h", "e", "l", "l", "o", "w", "o", "r", "l", "d"] arr.reverse(); //使用数组方法，//["d", "l", "r", "o", "w", "o", "l", "l", "e", "h"] arr=arr.join("");
2020-11-30 22:16:28
158
原创 各个浏览器以及内核
//IE :trident 简写:-ms- //Firefox :Gecko 简写:-moz- //Google chrome:webkit/blink 简写:-webkit- //Sefari:webkit 简写:-webkit- //opera:presto 简写:-o-
2020-11-24 17:30:43
241
原创 link引入和@import的区别
本质上, 这两种方式都是加载CSS文件, 但还是存在着细微的差别 @import 机制不同于link，link是加载页面前css加载完毕，@import 是先读取文件再加载 @import是css2.0里的 ie5以上不支持 用js控制dom时改变样式，只能用link，@import不是dom能控制的 最后一个很有意思，@import url有最大次数的限制，IE6最多引入31次，firefox并没有发现 @import的优点： 多个样式表导入一个样式表中，页面只需要引入一个即可 ...
2020-11-23 13:58:17
361
原创 css样式引入的优先级
css选择器的优先级 1 位于<head/>标签里的<style/>中所定义的CSS拥有最高级的优先权。 2、第二级的优先属性由位于 <style/>标签中的 @import 引入样式表所定义。 3、第三级的优先属性由<link/>标签所引入的样式表定义。 4、第四级的优先属性由<link/>标签所引入的样式表内的 @import 导入样式表定义。 5、第五级优先的样式有用户设定。最低级的优先权由浏览器默认。 ...
2020-11-23 10:12:27
1943
原创 boot栅格布局
栅格布局 使用boot必须熟练使用的三个知识点,媒体查询, 栅格布局,scss 为什么要使用栅格布局? 项目中做布局的方式 table布局 css+html布局 栅格布局 简单,容易控制 语义正确,渲染效率高 简单(类似于table)非常容易控制,渲染效率高,语义正确,支持响应式 效率低,语义错误 控制比较麻烦 复杂页面不适合 使用栅格 栅格,就是把所有的布局,看做一行 每行中独立的布局, 看做一行的列,通过控制列数, 来控制布局占的宽度 row 弹性 , X轴
2020-11-23 08:58:54
227
原创 boot-1学习
学习Bootstrap-1Bootstrap介绍一. 响应式布局(css3的技术)1. 什么是响应式2. 响应式网页必要的要求3.移动设备的适配 --视口-- 这部分在pc端上没用二.Bootstrap1.起步2.全局css Bootstrap介绍 bootrap简称boot,是一个简洁的,直接的,强悍的,直接的一个框架,这是官方对它的描述.主要用于响应式和移动端的布局.bootstrap是封装了一些常用的css样式和js脚本(也就是说已经帮我们写好了,用的时候引用就可以了),例如一些滚动条,菜单,模态框,
2020-11-21 18:26:41
296
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人