- 博客(55)
- 资源 (6)
- 收藏
- 关注

原创 Visual Studio Code常用快捷键使用
Shift+1(英文状态下)能快速生成网页的基本结构 Ctrl+? 快速添加注释(取消注释) Ctrl+c复制 ctrl+V粘贴 ctrl+a全选 aAt+Shift+↑/↓ (向上/向下复制) Alt+↑/↓(本行向上/向上移动) Ctrl+Enter(向下换行) Ctrl+Shift+Enter(向上换行) Ctrl+z 返回上一步 Ctrl+F 查找 Ctrl+H 替换 Ctrl+Shift+K 删除一行...
2021-07-02 19:02:15
9906
2
原创 控制台报错:The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
在vite.config.js文件中添加以下代码。
2025-03-13 16:21:05
635
原创 vue项目本地打包测试,本地运行dist文件夹
根目录下创建 .env.development .env.production .env.staging。
2024-05-17 16:35:27
1845
原创 VS code中使用code Runner插件直接运行Typescript
我们知道,在VS code中运行.ts文件,是不能直接运行的,需要在修改代码之后,都重复执行两个命令,才能运行ts代码tsc 文件名.tsnode 文件名.js。
2023-10-19 15:31:36
1461
原创 vue3 路由缓存问题(三种方法)
vue3路由缓存:当用户从/users/johnny导航到/users/jolyne时,相同的组件实例被重复使用。由于两个路由都渲染相同的组件,比起销毁再创建,复用是比较高效的,但是这也会导致组件的生命周期狗子不会被调用根据小仙兔项目进行代码编辑。
2023-08-17 15:50:44
5433
原创 vue3搭建(vite+create-vue)
与其他测试框架不同,Playwright 可以在多个浏览器(Chrome、Firefox、WebKit)中执行测试,并支持更多的操作,如截图、录制、模拟设备等。Nightwatch: Nightwatch 是一个基于 Node.js 和 WebDriver 的端到端测试框架,用于自动化 Web 应用程序的测试。Nightwatch、Cypress 和 Playwright 都是用于 Web 应用程序的端到端测试框架,它们可以模拟用户在浏览器中的行为,执行各种操作并检查应用程序的行为是否正确。
2023-08-01 17:39:43
1787
原创 hbuilderX运行到微信小程序报错[ app.json 文件内容错误] app.json: 未找到 [“sitemapLocation“] 对应的 sitemap.json文件
导入项目后project.config.json中关于mp-weixin的配置被修改.
2023-06-28 15:39:55
1759
1
原创 vue中使用echarts 图表自适应窗口大小
当窗口大小发生变化的时候,调用echart实例上的resize方法,重新调整大小(下面是vue2+echarts)
2023-06-28 15:29:07
478
原创 从github上下载下来的代码下载依赖提示:code 128 An unknown git error occurred
今天从github上下载了一个项目(vue-element-admin),但是出现了一些问题,这里记录一下过程及解决方案。
2022-11-26 09:30:00
1622
原创 opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]
今天运行项目出现一个Bug问题,经过查看是原来是因为node.js的版本太高了,所以出现此错误。
2022-11-26 09:30:00
25925
15
原创 git查看、修改用户名和邮箱
修改邮箱:git config --local user.email 邮箱账号。修改邮箱:git config --global user.email 邮箱账号。修改用户名:git config --local user.name 用户名。修改用户名:git config --global user.name 用户名。查看用户名:git config user.name。查看邮箱:git config user.email。上述只对当前仓库有效。命令修改用户名,邮箱。命令查看用户名,邮箱。
2022-11-25 15:12:00
4198
原创 微信小程序常见的报错问题:TypeError: Cannot read property ‘forceUpdate‘ of undefined
微信小程序遇到 Cannot read property 'forceUpdate' of undefined是很常见的问题。在manifest.json文件中选择微信小程序设置,配置一下AppID即可,重新运行即可不报错。在该软件的右上角有一个详情的按钮点击进去有修改AppID的地方。所以解决我们只需要为其配置AppID即可。登录微信开发者文档,在指南的下面选择申请账号菜单。这是由于 没有为项目配置。
2022-11-18 18:07:07
5601
2
原创 在vue2项目中使用vue-quill-editor实现富文本编译器
data中返回// 富文本编辑器配置["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线["blockquote", "code-block"], // 引用 代码块[{ header: 1 }, { header: 2 }], // 1、2 级标题[{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表。
2022-11-16 14:36:29
5956
4
原创 element中el-input组件type=“number“的样式修改
element中el-input组件type=“number“的样式修改
2022-10-18 18:58:10
2741
原创 vue项目bug解决记录These dependencies were not found:
解决记录These dependencies were not found:
2022-10-18 18:32:31
746
原创 vue组件在同一个页面复用Echarts,出现后面的图表覆盖前面的图表问题
vue组件在同一个页面复用Echarts,出现后面的图表覆盖前面的图表问题
2022-10-10 19:47:29
2448
原创 vue基础篇笔记(三)组件、过滤器、插槽
1、组件(1)全局组件全局组件可以让每一个实例使用(但是正常情况下,一个应用程序只有一个根实例)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=
2022-04-20 22:58:56
306
原创 vue在渲染数据的时候的一些报错问题
1 问题描述:vue在请求获取数据的时候,这个过程是异步的,但是刚进页面的时候,数据还未被获取到,是为空的,如果再次点击拿下一层数据时没办法拿到数据的,会报错2解决方法:i 在data中不使用null而是使用{} ii可以在data中使用null,但是在渲染数据的外面的包一个div,使用v-if="homeData"<!DOCTYPE html><html lang="en"><head> &l...
2022-04-13 20:56:44
1173
原创 swiper实现修改工程标记(小圆点)的样式
总体的样式:.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 0.1rem; height: 0.1rem;}在当前点的样式(高亮).swiper-pagination .swiper-pag
2022-04-02 10:17:19
1244
原创 移动端点击input不触发光标(原生js)
当在移动端的时候,我那边在点击input输入框的时候可以跳转到另一个页面,而不是触发光标,这里就可以在获取焦点的时候让input失去焦点,也可以屏蔽默认键盘弹出 // 失去焦点 var inp = document.querySelectorAll("input") for (let i = 0; i < inp.length; i++) { inp[i].onfocus
2022-03-19 00:40:23
1002
原创 使用关键帧写一个loading 的小案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
2022-03-08 00:41:06
366
原创 Js点击回到顶部有动画
原生Js的原理1 首先在css中可以让一个向上的图标固定到页面的右下角,可以先设置为隐藏2 使用onscroll事件,当滚动到一定的位置的时候让其显示3为图标添加点击事件,要想让其有动画的效果,可以使用定时器来实现,就是可以每隔一定的时间就调用一次,并把值赋值给window.scrollTo()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &
2022-03-06 22:03:14
647
原创 消除行内块元素左右之间的间隙
浏览器在渲染页面的时候,会将多个标签之间的换行符,空格渲染成间隙,这些换行符属于文本节点<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi.
2022-02-17 00:35:57
2135
4
原创 margin-top击穿问题
如果说两个块元素嵌套是,如果内部的块元素设置margin-top,但是父元素没有边框,那样的话内部的块级元素怒就会击穿父元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content
2022-02-17 00:14:41
198
原创 opacity对图片的用法
opacity对图片的用法,想让图片有一种灰色的感觉就可以使用opacity<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in
2022-01-23 17:42:33
672
原创 JS对象调用属性使用.和[]两种方式的区别
区别:[]可以解析变量,可以通过变量访问,也可以通过字符串访问,但是需要加""/'',可以在程序运行时动态的创建和修改属性 .静态的,不可以动态的创建和修改属性. 的方式调用对象的属性 格式:对象名.属性名(不带双引号)静态的[ ]的方式调用对象的属性 格式:对象名[ ' 属性名 ' ] 可以是字符串,或者数字的形式var obj={ name:"柯南", sex:"男", age:8, } /..
2022-01-15 01:20:15
1148
原创 toFixed() 方法
toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。把数字转换为字符串,结果的小数点后有指定位数的数字: var num = Math.PI; var n=num.toFixed(2); console.log(n);将一个数字,不留任何小数:toFixed()括号中不写数字...
2022-01-15 00:51:54
1121
1
原创 focus事件
focus是在input中获取焦点的,但是在div中没有这个属性,所以要在div中加tabindex="0",div就可以使用focus属性了
2022-01-11 14:29:11
604
原创 Vue组件的样式穿透
在写Vue项目的时候,在组件中写样式的时候,会使用scoped属性,表示它的样式作用于当下的模块,很好的实现了样式私有化的目的,是因为使用scoped属性,最终生成的样式选择器是data-v-22341c08s这样的样式所以我们在写样式的时候是无法生效的,所以要使用样式穿透。样式穿透是在父级组件中强制去修改子级组件的内部样式,注意这里的父子层次并不一定是一级,可能是很多级。普通的css语法: 在要修改的样式前添加>>>符号.search-box >>> butt
2021-12-28 01:34:29
2245
原创 vue3在vscode报vue/no-multiple-template-root
在vue2的时候,template只能有一个节点,所以插件vetur会报提示说不能有多个根元素 vue3说支持多个根元素的,解决办法就是在设置里面找到vetur的配置,把 Validate vue-html in <template> using eslint-plugin-vue 取消勾选就可以了参考自 :vue3在vscode报vue/no-multiple-template-root - 掘金...
2021-12-21 18:20:31
2997
原创 vue组件传值(父传子、子传父、总线传值)
1、父传子(1)(未使用脚手架)父传子:通过自定义属性进行传值 1、在父组件使用子组件的时候,给组件添加自定义属性,属性值为传递的数据 2、在子组件通过props接受父组件的数据,props的值是数据,元素是自定义属性 3、使用的时候像data数据一样使用<!DOCTYPE html><html lang="en"><head> <meta charset=...
2021-12-16 21:08:33
818
原创 Vuex数据持久化存储
vuex数据在刷新的时候会初始化,之前的数据就拿不到了,我们怎么解决呢?解决:把数据持久化存储(state中的数据做一个持久化存储)1、我们可以使用localStorage进行存储存在localStorage的话,数据不会因为页面或浏览器的关闭而丢失,只有我们手动在浏览器中进行清除在Vuex初始化的时候我们就先用localStorage里面读取之前的数据,并存储在state中(下面我们写一个案例来看一下会更加清晰一点)1、首先我们可以在 state中进行localStorage对数据进
2021-12-15 21:23:33
7664
1
原创 computed、methods、watch、filter相关面试题
1、vue中computed和methods的区别?computed:就是计算属性(属性调用),其可以当成一个data数据来使用在调用的时候直接以对象属性方式调用,不需要加括号 在绑定的时候computed的getter和setter的方式是双向绑定 computed存在缓存,如果计算结果依赖字段没有发生变化的时候,不会重新计算,而是直接使用缓存中的值应用场景:比较复杂的渲染数据计算或者不必重新计算数值的情况methods 就是方法(函数调用)在调用的时候必须要函数执行才可以得.
2021-12-13 21:07:32
713
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人