随笔
关注
分享
扫一扫
团酱
爱与被爱同时发生才有意义
展开
-
VS code中使用code Runner插件直接运行Typescript
我们知道，在VS code中运行.ts文件，是不能直接运行的，需要在修改代码之后，都重复执行两个命令，才能运行ts代码tsc 文件名.tsnode 文件名.js。原创 2023-10-19 15:31:36 · 1512 阅读 · 0 评论 -
vue3 路由缓存问题（三种方法）
vue3路由缓存：当用户从/users/johnny导航到/users/jolyne时，相同的组件实例被重复使用。由于两个路由都渲染相同的组件，比起销毁再创建，复用是比较高效的，但是这也会导致组件的生命周期狗子不会被调用根据小仙兔项目进行代码编辑。原创 2023-08-17 15:50:44 · 5485 阅读 · 0 评论 -
vue3搭建（vite+create-vue）
与其他测试框架不同，Playwright 可以在多个浏览器（Chrome、Firefox、WebKit）中执行测试，并支持更多的操作，如截图、录制、模拟设备等。Nightwatch: Nightwatch 是一个基于 Node.js 和 WebDriver 的端到端测试框架，用于自动化 Web 应用程序的测试。Nightwatch、Cypress 和 Playwright 都是用于 Web 应用程序的端到端测试框架，它们可以模拟用户在浏览器中的行为，执行各种操作并检查应用程序的行为是否正确。原创 2023-08-01 17:39:43 · 1817 阅读 · 0 评论 -
hbuilderX运行到微信小程序报错[ app.json 文件内容错误] app.json: 未找到 [“sitemapLocation“] 对应的 sitemap.json文件
导入项目后project.config.json中关于mp-weixin的配置被修改.原创 2023-06-28 15:39:55 · 1797 阅读 · 1 评论 -
vue中使用echarts 图表自适应窗口大小
当窗口大小发生变化的时候，调用echart实例上的resize方法，重新调整大小（下面是vue2+echarts）原创 2023-06-28 15:29:07 · 487 阅读 · 0 评论 -
flex布局父元素不换行子元素设置宽高不生效问题
flex布局，flex-shrink属性原创 2023-03-29 14:42:30 · 1109 阅读 · 0 评论 -
‘yarn‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
解决然后重新下载 即可原创 2022-12-08 13:29:57 · 1365 阅读 · 0 评论 -
opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]
今天运行项目出现一个Bug问题，经过查看是原来是因为node.js的版本太高了，所以出现此错误。原创 2022-11-26 09:30:00 · 25935 阅读 · 15 评论 -
从github上下载下来的代码下载依赖提示：code 128 An unknown git error occurred
今天从github上下载了一个项目（vue-element-admin）,但是出现了一些问题，这里记录一下过程及解决方案。原创 2022-11-26 09:30:00 · 1637 阅读 · 0 评论 -
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 · 4265 阅读 · 0 评论 -
vscode终端默认为cmd的两种方法操作步骤
新建终端，默认是powershell。原创 2022-11-24 16:54:54 · 6511 阅读 · 0 评论 -
微信小程序常见的报错问题：TypeError: Cannot read property ‘forceUpdate‘ of undefined
微信小程序遇到 Cannot read property 'forceUpdate' of undefined是很常见的问题。在manifest.json文件中选择微信小程序设置，配置一下AppID即可,重新运行即可不报错。在该软件的右上角有一个详情的按钮点击进去有修改AppID的地方。所以解决我们只需要为其配置AppID即可。登录微信开发者文档，在指南的下面选择申请账号菜单。这是由于 没有为项目配置。原创 2022-11-18 18:07:07 · 5626 阅读 · 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 · 5983 阅读 · 3 评论 -
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 · 311 阅读 · 0 评论 -
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 · 1176 阅读 · 0 评论 -
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 · 1254 阅读 · 0 评论 -
移动端点击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 · 1009 阅读 · 0 评论 -
使用关键帧写一个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 · 375 阅读 · 0 评论 -
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 · 652 阅读 · 0 评论 -
消除行内块元素左右之间的间隙
浏览器在渲染页面的时候，会将多个标签之间的换行符，空格渲染成间隙，这些换行符属于文本节点<!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 · 2141 阅读 · 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 · 201 阅读 · 0 评论 -
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 · 687 阅读 · 0 评论 -
JS对象调用属性使用.和[]两种方式的区别
区别:[]可以解析变量,可以通过变量访问,也可以通过字符串访问,但是需要加""/'',可以在程序运行时动态的创建和修改属性 .静态的,不可以动态的创建和修改属性. 的方式调用对象的属性 格式：对象名.属性名（不带双引号）静态的[ ]的方式调用对象的属性 格式：对象名[ ' 属性名 ' ] 可以是字符串，或者数字的形式var obj={ name:"柯南", sex:"男", age:8, } /..原创 2022-01-15 01:20:15 · 1157 阅读 · 0 评论 -
toFixed() 方法
toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。把数字转换为字符串，结果的小数点后有指定位数的数字： var num = Math.PI; var n=num.toFixed(2); console.log(n);将一个数字，不留任何小数：toFixed（）括号中不写数字...原创 2022-01-15 00:51:54 · 1145 阅读 · 1 评论 -
Vue组件的样式穿透
在写Vue项目的时候，在组件中写样式的时候，会使用scoped属性，表示它的样式作用于当下的模块，很好的实现了样式私有化的目的，是因为使用scoped属性，最终生成的样式选择器是data-v-22341c08s这样的样式所以我们在写样式的时候是无法生效的，所以要使用样式穿透。样式穿透是在父级组件中强制去修改子级组件的内部样式，注意这里的父子层次并不一定是一级，可能是很多级。普通的css语法: 在要修改的样式前添加>>>符号.search-box >>> butt原创 2021-12-28 01:34:29 · 2252 阅读 · 0 评论 -
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 · 3000 阅读 · 0 评论 -
vue组件传值(父传子、子传父、总线传值）
1、父传子（1）（未使用脚手架）父传子：通过自定义属性进行传值 1、在父组件使用子组件的时候，给组件添加自定义属性，属性值为传递的数据 2、在子组件通过props接受父组件的数据，props的值是数据，元素是自定义属性 3、使用的时候像data数据一样使用<!DOCTYPE html><html lang="en"><head> <meta charset=...原创 2021-12-16 21:08:33 · 824 阅读 · 0 评论 -
computed、methods、watch、filter相关面试题
1、vue中computed和methods的区别？computed:就是计算属性（属性调用），其可以当成一个data数据来使用在调用的时候直接以对象属性方式调用，不需要加括号 在绑定的时候computed的getter和setter的方式是双向绑定 computed存在缓存，如果计算结果依赖字段没有发生变化的时候，不会重新计算，而是直接使用缓存中的值应用场景：比较复杂的渲染数据计算或者不必重新计算数值的情况methods 就是方法（函数调用）在调用的时候必须要函数执行才可以得.原创 2021-12-13 21:07:32 · 719 阅读 · 0 评论 -
CSS 三大特性
CSS的三个特性是指层叠性、继承性以及优先级。层叠性是指当一个标签被设置了多个重复的样式的时候，一个属性会覆盖另外一个属性。 继承性是指当子标签没有设置样式时，会继承父标签的样式。可继承的属性比如有字体类属性（字体颜色、字体大小之类的）、文本类属性（行高之类的）、背景类属性（背景颜色之类的）（要注意子标签不会继承父标签的宽度、高度、边距属性。）优先级：!important>行内样式>id选择器>类选择器>标签选择器>通配符>继承优先级高的规则会忽视层叠.原创 2021-12-08 19:32:54 · 292 阅读 · 0 评论 -
一个完整的网址都包括那些内容：
一个完整的网址：协议：//主机名（域名）：端口号/路径、文件名？查询字符串#锚点（哈希值）例如百度的网址：https://www.baidu.com/baidu?tn=monline_4_dg&ie=utf-8&wd=%E7%99%BE%E5%BA%A6协议 （protocal）：https 。在"https"后面需要加上“//”为分隔符域名（hostname）：www.baidu.com 端口（postname）:port 端口号（默认隐藏），跟在域名后面的是..原创 2021-12-07 20:12:22 · 4218 阅读 · 1 评论 -
cnpm install报错RunScriptError: Run “C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js“ error
出现此错误使用管理员身份运行cmd原创 2021-11-30 20:46:04 · 6758 阅读 · 0 评论 -
While resolving: smart-store@1.0.0错误
出现这个问题可以依次：cnpm install gulp-sass --save-devcnpm installnpm start原创 2021-11-30 20:38:56 · 1842 阅读 · 0 评论