- 博客(14)
- 收藏
- 关注
RSS订阅原创 报错：error Component name “index“ should always be multi-word vue/multi-word-component-names
eslint产生的问题
2022-11-08 15:11:13
2237
1
原创 js 实现cookie
JS实现cookiecookie与session相似，但是cookie可以设置过期时间。cookie的使用：设置、获取、删除cookie的封装//封装获取cookiefunction getCookie(name) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); if ((arr = document.cookie.match(reg))) return unescape(arr[2]); else r
2022-02-14 18:45:44
1740
原创 iconfont字体图标的使用
iconfont阿里巴巴字体图标库最近在写项目使用到了字体图标，好久没使用，有点儿忘了，好记性不如烂笔头，小记一下~第一步：百度iconfont阿里巴巴字体图标库第二步：搜索想要的图标加入购物车第三步：上图点击添加至项目，如果没有就创建一个，添加至项目即可第四步：然后你会下载了一个压缩包，点开压缩包。第五步：后面两步其实就是在上图中的html页面所说的步骤第六步：在你项目的main.js中，引入这个字体图标的cssimport './iconfonts/iconfont.css'
2021-11-19 17:09:51
696
1
原创 vue3数据的双向绑定
vue3关于数据的双向绑定一、script setup现在，没必要把数据写到data里面，或者是写一个setup函数，再进行return出去。import进来的组件，可以直接在页面中使用，不再需要vue2的component或者是setup函数的return了。<script setup>import Header from '../home/Header.vue'import Footer from '../home/Footer.vue'</script>组件中
2021-11-18 18:29:23
12997
3
原创 css实现无缝循环滑动
使用纯css实现无缝循环滑动最近写的项目使用的是vue3，所以通过vue循环图片的方式就会非常简便。//HTML<div class="wfhd-one"> <div class="wfhd-tdryone"> <div class="wdhs-tdry-one" v-for="(item, i) in tdryArr1" :key="i"> <img :src="item" alt="" /&g
2021-11-12 17:14:57
2569
原创 vue页面跳转，滚动条不在顶部
解决vue页面跳转，滚动条不在顶部问题问题描述：在首页点击指定的路由跳转，跳转到详情页之后，滚动条默认显示在底部，需要手动往上拉才能看到详情标题解决：在main.js中添加路由守卫// 解决跳转到详情页，滚动条不在顶部问题router.afterEach((to, from, next) => { window.scrollTo(0, 0);});//scrollTo() 方法可把内容滚动到指定的坐标//语法：scrollTo(xpos,ypos)找了许久的问题，之前
2021-11-03 15:11:10
1069
1
原创 Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘length‘)
报错：Uncaught (in promise) TypeError: Cannot read properties of null (reading ‘length’)造成的问题：因为不能识别请求的数据为null时，对结构布局也会产生影响，造成结构布局混乱解决：因为是不能识别null，所以在页面做判断时，可以把null这个情况给考虑一下，我的解决方法就是使用符号：&& 多判断一层...
2021-11-03 10:07:03
48908
原创 Invalid prop: type check failed for prop “interval“. Expected Number with value 5000, got String
警示：Invalid prop: type check failed for prop “interval”. Expected Number with value 5000, got String with value “5000”.控制台一直存在这个警示，百度翻译的意思是：无效道具：道具“间隔”的类型检查失败。期望值为5000的数字，获取值为“5000”的字符串。实际代码意义：标签属性interval，本来是要数字类型的，但是给的是字符串类型解决：找出标签属性interval，给它加上冒号（：）
2021-11-03 09:56:33
2112
原创 实现收藏本站和设为首页功能
实现收藏本站和设为首页功能// 收藏本站function _addFavorite() { var url = window.location; var title = document.title; var ua = navigator.userAgent.toLowerCase(); if (ua.indexOf("360se") > -1) { alert("由于360浏览器功能限制，请按 Ctrl+D 手动收藏！");
2021-11-01 10:45:41
1753
2
原创 Warning: name can no longer contain capital letters
Warning: name can no longer contain capital letters翻译：警告：名称不能再包含大写字母解决：改小写即可之前都用的小写，没注意到，记录一下，脚手架创建项目的时候，不能使用大写
2021-08-19 18:01:07
701
原创 移动端适配（amfe-flexible 结合postcss postcss-pxtorem）
1、amfe-flexible1）下载：yarn add amfe-flexible2）到main.js引入import "amfe-flexible"作用：根据网页宽度, 设置html的font-size，将1rem设为viewWidth/102、postcss和postcss-pxtorem1）下载：yarn add postcss postcss-pxtorem@5.1.1 -D//我这里下载的版本为5.1.1作用：① postcss： 后处理css, 编译翻译css代码②
2021-08-06 11:18:59
1034
原创 简单理解原型链
简单理解原型链要了解原型链那么就要先认识几个朋友。1、原型对象： prototype① 简单理解：构造函数身上的一个属性② 作用：设置公共方法③ 构造函数与prototype之间的关系：上图注意！！！：prototype”作为对象的内部属性，是不能被直接访问的。2、对象原型：proto① 简单理解：实例对象身上的属性② 指向原型对象prototype③ 作用：（就是实例对象与原型对象之间的桥梁）实例对象可以访问对象原型身上的公共方法④ 上图更好理解：容易理解断层的地方！！！：pr
2021-08-04 20:48:23
724
原创 用递归实现比较任意两个数据
用递归实现比较任意两个数据// 只对普通对象、数组、函数、日期和基本类型的数据结构进行对比 function isDeepEqual(obj1, obj2, testPrototypes = false) { // 判断是不是基本类型 if (obj1 === obj2) { return true }; // 如果是函数 if (type
2021-07-27 11:48:18
299
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人