- 博客(42)
- 收藏
- 关注
RSS订阅原创 css实现字体描边
webkit-text-stroke: 拥有两个参数，第一个参数是描边大小，第二个参数为描边颜色。另一种方式使用text-shadow属性。
2023-08-24 09:21:18
261
原创 常见js中判断== true/false总结
false == 0 输出true；因为在做判断的时候，两者中有boolean（布尔类型），会把boolean先转化为number（数字类型），false为0，true是1。也就是等价于判断 0 == 0 ，结果为true。’ ’ == false 输出为true；js中空字符串与0相等，也就意味着空字符串等等于false。‘0’ == false 正确输出为true；这里有一个js规则：string（字符串类型）和number作比较的时候，string会先转化成number。
2023-08-21 20:41:20
2512
原创 动态路由使用JSON方法深拷贝路由，component丢失问题
一句话，JSON方法不能拷贝函数，component: () => import('@/layout/index.vue')是函数，想拷贝函数推荐使用lodash.
2023-08-04 20:13:15
184
原创 vue数据大屏自动适配，scale
getScale(w = 1920, h = 1080)的宽高为你要设计的数据大屏宽高，这时你就会发现页面就是响应式的了，一次性解决所有问题，减少vh,vw适配的计算烦劳。废话不多说，直接上代码！
2023-08-02 16:28:18
738
原创 vue3+ts出现 --找不到模块“@/views/XXX.vue”或其相应的类型声明。
出现这个问题的原因大概就是：ts只支持导出导入模块，但是vue不是模块，我们需要申明一下vue是个模块，你ts可以导入，今天在尝试用vite+vue3+ts+pinia创建项目，结果刚上来就遇到这么一个问题，屎壳郎它不咬人，他恶心人呀😒，身为强迫症的我受不了！
2023-07-26 08:57:09
1243
原创 Vue-router路由的props配置
作用：让路由组件更方便的收到参数。在Detail组件中使用props接收传递来的数据这种写法传递的参数不灵活 一般很少使用。
2023-05-26 15:14:33
328
原创 Vue 的⽗组件和⼦组件⽣命周期钩⼦执⾏顺序是什么？
看起来很多好像很难记忆，其实只要理解了，不管是哪种情况，都⼀定是⽗组件等待⼦组件完成后，才。⽗组件挂载完成⼀定是等⼦组件都挂载完成后，才算是⽗组件挂载完，所以⽗组件的。会执⾏⾃⼰对应完成的钩⼦，就可以很容易记住。
2023-05-23 20:48:08
108
原创 什么是虚拟 DOM？
虚拟 dom 是相对于浏览器所渲染出来的真实 dom 的，在 react，vue 等技术出现之前，建立一个与 dom 树对应的虚拟 dom 对象（ js 对象），以对象嵌套的方式来表示 dom。树，那么每次 dom 的更改就变成了 js 对象的属性的更改，这样一来就能查找 js 对象。我们要改变页面展示的内容只能通过遍历查询 dom 树的方式找到需要修改的 dom 然。这种方式相当消耗计算资源，因为每次查询 dom 几乎都需要遍历整颗 dom 树，如果。的属性变化要比查询 dom 树的性能开销小。
2023-05-17 16:34:40
75
原创 Vue 的优缺点
1、数据驱动视图，对真实 dom 进行抽象出 virtual dom（本质就是一个 js 对象），3、由于百度等搜索引擎爬虫无法爬取 js 中的内容，故 spa 先天就对 seo 优化心。有余力不足（谷歌的 puppeteer 就挺牛逼的，实现预渲染底层也是用到了这个工。2、组件化，组件用单文件的形式进行代码的组织编写，使得我们可以在一个文。5、生命周期钩子函数，选项式的代码组织方式，写熟了还是蛮顺畅的，但仍然。2、csr 的先天不足，首屏性能问题（白屏）持更强大的预处理器等功能。6、生态好，社区活跃。
2023-05-17 16:32:37
175
原创 实现一个 Ajax
2）设置回调函数，一个处理服务器响应的函数，使用 onreadystatechange ，类似函数。3）获取异步对象的 readyState 属性：该属性存有服务器响应的状态信息。5）读取响应数据，可以通过 responseText 属性来取回由服务器返回的数据。4）判断响应报文的状态，若为 200 说明服务器正常运行并返回响应数据。1）设置请求参数（请求方式，请求页面的相对路径，是否异步）AJAX 创建异步对象 XMLHttpRequest。操作 XMLHttpRequest 对象。
2023-05-09 10:53:10
78
原创 call 和 apply 是用来做什么？
Call 和 apply 的作用是一模一样的，只是传参的形式有区别而已。3、调用函数，因为 apply，call 方法会使函数立即执行。1、改变 this 的指向。2、借用别的对象的方法，
2023-04-28 14:48:53
108
原创 JS 原型链，原型链的顶端是什么？Object 的原型是什么？Object 的原型的原型是什么？在数组原型链上实现删除数组重复数据的方法?
承的，在 JS 中一个构造函数默认带有一个 prototype 属性，这个的属性值是一个对象，而创建的实例的原型，那么什么是原型呢，可以这样理解，每一个 JavaScript 对象在创。前面说到，每个对象都会从原型继承属性，但是引用《你不知道的 JS》中的话，继承意。型，我们在使用一个实例的方法的时候，会先检查这个实例中是否有这个方法，没有的。建的时候就会预制管理另一个对象，这个对象就是我们所说的原型，每一个对象都会从。呢，指向实例是没有的，因为一个构造函数可以生成多个实例，但是原型有属性可以直。
2023-04-28 14:40:51
459
原创 ES6 的一些新特性
方式，ES6 也 引入了新的数据类型 symbol，新的数据结构 set 和 map,symbol 可以通过。ES6 在变量的声明和定义方面增加了 let、const 声明变量，有局部变量的概念，赋值中。模块化：其模块功能主要有两个命令构成，export 和 import，export 命令用于规定模块的。了实现 Class 和模块，通过 Class 可以更好的面向对象编程，使用模块加载方便模块化编。些方法，如字符串方面的模板字符串、函数方面的默认参数、对象方面属性的简洁表达。
2023-04-27 20:34:09
51
原创 前端高频面试题---闭包
匿名自执行函数：我们知道所有的变量，如果不加上 var 关键字，则默认的会添加到全。闭包就是函数的局部变量集合，只是这些局部变量在函数返回后会继续存在。就是函数的“堆栈”在函数返回后并不释放，我们也可以理解为这些函数堆栈并不在栈。局对象的属性上去，这样的临时变量加入全局对象有很多坏处，比如：别的函数可能误。数的时候，首先在缓存中查找，如果找不到，则进行计算，然后更新缓存并返回值，如。种情况，即有的函数只需要执行一次，其内部变量无需维护，可以用闭包。闭包是指有权访问另外一个函数作用域中的变量的函数。
2023-04-27 20:29:37
201
原创 bind,apply,call
call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A,arguments);即 A 对象应用 B 对象的方法。bind 除了返回是函数以外，它的参数和 call 一样。即 A 对象调用 B 对象的方法。
2023-04-23 09:07:44
80
原创 post 和 get 区别
而对于 POST，浏览器先发送 header，服务器响应 100 continue，浏览器再发送 data，服。对于 GET 方式的请求，浏览器会把 http header 和 data 一并发送出去，服务器响应 200。GET：不同的浏览器和服务器不同，一般限制在 2~8K 之间，更加常见的是 1k 以内。GET 和 POST 的底层也是 TCP/IP，GET/POST 都是 TCP 链接。GET 产生一个 TCP 数据包；POST - 向指定的资源提交要被处理的数据。GET - 从指定的资源请求数据。
2023-04-20 14:10:52
72
原创 cookie 和 session 的区别，localstorage 和 sessionstorage 的区别
此外 cookie 还需要指定作用域，不可以跨域调用，限制很多，但是 用户识别用户登陆来说，cookie还是比storage好用，其他情况下可以用storage，localstorage 可以用来在页面传递参数sessionstorage 可以用来保存一些临时的数据，防止用户刷新 页面后丢失了一些参数。用户设置的网站主题，敏感的信息用 session 存储，比如用户的登陆信息，session 可以。存放于文件，数据库，内存中都可以，cookie 可以服务器端响应的时候设置，也可以客。
2023-04-20 13:58:33
191
原创 数组的高级用法：Array.filter()，Array.forEach()，Array.find()，Array.reduce()
说明：state.car是个数组，对它进行循环第一个参数state就是它本身，newState是传递进来的参数 ，对它进行循环，配合箭头函数，循环出来的goods_state值进行赋值newState。说明： state.cart是个数组，goods_id是传递进来的参数，配合箭头函数使用 意思是cart数组里面的goods_id和传递进来的goods_id判断。// 通过数组里商品的id和外界传过来的id 判断cart数组里 有没有该商品。方法创建一个包含通过测试的数组元素的新数组。
2023-04-13 20:45:23
153
原创 彻底理解JavaScript ES6中的import和export
那么到这里，我们明白了，一个js文件被当做一个模块引入，会暴露为一个对象（也就是被导入后，可以当做一个对象来操作）。export的作用，是在这个文件对象中添加属性，export出来的东西，全部会添加到文件对象中。export default 的作用，是给文件对象的default属性，添加值。
2023-04-12 11:54:01
2319
原创 http 返回的状态码
411 Length Required 服务器无法处理客户端发送的不带 Content-Length 的请求信息。413 Request Entity Too Large 由于请求的实体过大，服务器无法处理，因此拒绝请求。服务器根据客户端的请求切换协议。请求的资源已被永久的移动到新 URI，返回信息会。409 Conflict 服务器完成客户端的 PUT 请求是可能返回此代码，服务器处理请求时发。服务器成功处理，但未返回内容。404 Not Found 服务器无法根据客户端的请求找到资源（网页）。
2023-04-11 13:44:27
55
1
原创 click 在 ios 上有 300ms 延迟，原因及如何解决？
检测到 touchend 事件后，立刻出发模拟 click 事件，并且把浏览器 300 毫秒之后真正出。(1)粗暴型，禁用缩放。
2023-04-11 13:42:59
184
原创 forEach中return有效果吗？如何中断forEach循环？
监视代码块，在需要中断的地方抛出异常。）官方推荐方法（替换方法）：用。不会返回，函数会继续执行。
2023-03-31 10:15:41
288
原创 什么是BigInt?为什么需要BigInt?如何创建并使用BigInt？
BigInt是一种新的数据类型，用于当整数值大于Number数据类型支持的范围时。这种数据类型允许我们 安全地对 大整数执行算术操作，表示高分辨率的时间戳，使用大整数id，等等，而不需要使用库。
2023-03-31 10:04:45
3563
原创 类的创建和继承
类的属性并保留传参的优点，然后通过将父类实例作为子类原型，实现函数复用。这样就生成了一个 Animal 类，实力化生成对象后，有方法和属性。缺点：只能继承父类实例的属性和方法，不能继承原型上的属性和方法。使用父类的构造函数来增强子类实例，等于是复制父类的实例属性给。通过寄生方式，砍掉父类的实例属性，这样，在调用两次父类的。特点：可以继承实例属性/方法，也可以继承原型属性/方法。特点：基于原型链，既是父类的实例，也是子类的实例。实例继承：为父类实例添加新特性，作为子类实例返回。（2）类的继承——原型链继承。
2023-03-30 10:10:02
132
原创 js数据类型及常用的5种数据类型判断方法
字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。js判断数据类型常用的方法,不论在开发中开始在面试中,都是经常遇到的问题,尤其是在面试时,当面试官问及js判断数据类型的方法时,回答的越多,说明掌握的广度跟深度越多,感觉自己逼格也越高.废话不多说了,进入正题1.最常见的判断方法：typeof。
2023-03-29 16:59:30
259
原创 微信小程序中如何携带参数跳转到tabBar页面
那么就只能用第二种方法 , 用wx.reLaunch进行跳转 , 地址后跟上自己想要的参数 , 或者用wx.setStorage将想要的参数存到内存中去 , 在下个页面中直接用wx.getStroge去内存中取出。在小程序中使用了tabBar组件之后就不能用wx.navigateTo跳转到tabBar页面了 , 能跳转到tabBar页面的方法有以下两种。这样就能把数据存放到该页面的data:{}中对应的属性里 , 至于这里为什么要用that，关于this指向问题，读者可以自行搜索学习。
2023-03-27 19:58:24
2615
1
原创 微信小程序中的app.json文件内容注释
添加新页面路径的时候，a设置放在文件夹，b也是设置文件夹，c是设置文件名的名称,比如(”product/shopp/shopping“)。“navigationBarTextStyle”: “white”, //设置导航栏标题字体的颜色。“selectedIconPath”: “image/11.png”, //选中tab所显示的图标。“pagePath”: “page/component/index”, //页面路径。“iconPath”: “image/12.png”, //按钮上面的图标。
2023-03-24 11:13:01
1563
原创 CSS解决高度塌陷的方法
当父元素不设置高度的时候靠子元素撑大，也就是说子元素有多高，父元素就有多高，当子元素浮动后，父元素就会高度塌陷。父元素高度塌陷后，父元素下面的元素就会向上移动，这样会导致整个页面的布局混乱。给父元素设置overflow：hidden，解决高度塌陷并能实现高度自适应的方法（遵循BFC的显示原则）给父元素设置固定的高度，固定高度后，父元素的高度就无法自适应子元素的高度了。可以看到父元素高度塌陷后，下面的子元素都往上移动了，脱离了文档流。父元素里的子元素会浮动的情况下，要注意高度塌陷问题并解决，
2023-03-06 16:46:37
322
原创 css实现二级菜单
由上面的实例可以看出，使用css的display属性控制二级下拉菜单的显示与否。当鼠标移动到一级菜单的li标签时，显示二级菜单的ul标签。display:block - 把链接显示为块元素可使整个链接区域可点击（不仅仅是文本），同时也允许我们规定宽度。先隐藏二级的菜单，当鼠标移动到一级菜单的li标签时，在显示二级菜单的ul标签。list-style-type:none - 删除圆点。float：left-向左浮动，保证一级菜单水平显示。display:none-隐藏二级的菜单。
2023-03-03 19:55:06
2524
原创 css实现单行，多行文本超出文本显示省略号
webkit-line-clamp用来限制在一个块元素显示的文本的行数。为了实现该效果，它需要组合其他的WebKit属性。-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式。必须结合的属性 ，将对象作为弹性伸缩盒子模型显示。因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；使用text-overflow：ellipsis属性。ellipsis：显示省略符号来代表被修剪的文本。string：使用给定的字符串来代表被修剪的文本。
2023-03-02 17:13:40
191
原创 css_你设置的像素为整数，浏览器显示盒子的实际像素和不一致或有小数问题
一无所获，然后我就瞬间想到了W10系统自己的缩放；然后我在设置---显示中看到了缩放与布局，果然自己的缩放比是125%，这个是系统推荐的，所以我想大家要是用的和我同版W10就会遇到这个问题。的时候，可能会遇到这样的问题：你设置的像素为整数，浏览器显示盒子的实际像素和不一致或有小数问题；这个时候我们经过查询发现是浏览器的缩放问题，然后我发现自己的缩放就是100%，没有问题呀。缩放比设置为100%之后你就会奇迹的发现设置和显示是一致的。自己设置额边框为5px，可是浏览器显示为4.800px。
2023-03-01 17:18:00
645
1
原创 微信小程序开发错误提示‘selectable‘ attribute of ‘＜text＞‘ is deprecated. Please use ‘user-select‘ instead.
''的'selectable'属性已弃用。请改用“user-select”。selectable属性已废弃，请使用user-select。很明显的错误提示，查阅官方文档。
2023-02-16 08:45:37
969
原创 vertical-align
CSS的属性用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。vertical-align 属性可被用于两种环境：使行内元素盒模型与其行内元素容器垂直对齐。例如，用于垂直对齐一行文本内的图片垂直对齐表格单元内容。注意 vertical-align 只对行内元素、行内块元素和表格单元格元素生效：不能用它垂直对齐块级元素。
2023-02-13 20:08:20
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人