Steven_YF - 博客园

2024年2月23日

摘要：父子组件生命周期执行顺序加载渲染数据过程父组件 beforeCreate --> 父组件 created --> 父组件 beforeMount --> 子组件 beforeCreate --> 子组件 created --> 子组件 beforeMount --> 子组件 mounted -- 阅读全文

posted @ 2024-02-23 17:56 Steven_YF 阅读(50) 评论(0) 推荐(0)

2024年2月20日

tailwindcss的安装

摘要： 1.tailwindcss的引入使用在vite项目中，安装会生成一个tailwind.config.js和postcss.config.js文件 npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p //会阅读全文

posted @ 2024-02-20 19:40 Steven_YF 阅读(208) 评论(0) 推荐(0)

2024年2月18日

Object.assign

摘要： Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象source复制到目标对象。它将返回目标对象target。阅读全文

posted @ 2024-02-18 21:48 Steven_YF 阅读(15) 评论(0) 推荐(0)

Object.create()使用

摘要：作用：生成一个新对象，以一个对象作为参数，成为新创建对象的原型__proto__。 let newobj = Object.create(obj) 阅读全文

posted @ 2024-02-18 18:18 Steven_YF 阅读(18) 评论(0) 推荐(0)

2024年2月16日

CSS 的BFC

摘要： BFC是什么含义是：block formatting context上下文可以理解为（区域） block formatting context 表示被隔离的区间：（BFC的子元素不会对外面的元素产生影响） 1.普通流 2.定位流 3.浮动流 0.BFC的规则 1.BFC就是一个块级元素，块级元素会阅读全文

posted @ 2024-02-16 21:30 Steven_YF 阅读(77) 评论(0) 推荐(0)

2024年2月2日

github下载Vue-Devtools进行安装的方式

摘要：注意：下载Vue-Devtools依赖需要yarn环境. 0.安装：yarn npm install yarn -g 配置：下载镜像 1.在C盘目录下，打开.yarnrc环境配置文件 2.复制下面命令到配置文件 registry "https://registry.npmmirror.com" ch 阅读全文

posted @ 2024-02-02 16:45 Steven_YF 阅读(381) 评论(0) 推荐(0)

解决yarn install 一直处在Building fresh packages…

摘要： 1.打开 C:\Users\用户名.yarnrc 添加 registry "https://registry.npmmirror.com" sass_binary_site "https://npmmirror.com/mirrors/node-sass/" phantomjs_cdnurl "ht 阅读全文

posted @ 2024-02-02 16:06 Steven_YF 阅读(2022) 评论(0) 推荐(1)

清除yarn缓存和npm缓存

摘要： 1.查看已缓存包的列表 yarn cache list 2.查询cache缓存文件目录路径 yarn cache dir 3.yarn 清除缓存 yarn cache clean 4.npm清除缓存 npm cache clean --force 阅读全文

posted @ 2024-02-02 14:49 Steven_YF 阅读(343) 评论(0) 推荐(0)

配置yarn新淘宝镜像和代理

摘要： 1.安装yarn npm install yarn -g 2.配置yarn淘宝镜像 yarn config set registry https://registry.npmmirror.com 3.查询yarn镜像地址 yarn config get registry 4.恢复官方镜像 yarn 阅读全文

posted @ 2024-02-02 14:19 Steven_YF 阅读(364) 评论(0) 推荐(1)

2024年1月30日

JS遍历对象的方法 Object.keys() Object.values()

摘要： 1.Object.keys() : 返回对象可枚举属性组成的数据 2.Object.values() :返回对象可枚举的属性的属性值，组成的数据 let person = { name: '小李', age: '15', } console.log(Object.keys(person)); // 阅读全文

posted @ 2024-01-30 15:45 Steven_YF 阅读(141) 评论(0) 推荐(0)