- 博客(73)
- 收藏
- 关注
RSS订阅原创 伪类与伪元素的区别
伪类是用来定义元素特殊状态的，他可以用来设置鼠标悬停样式、元素获取焦点样式、设置链接样式等。如常见的 hover、active、link 等都是伪类。由于状态的变化是非静态的，所以元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和 class 有些类似，但它是基于文档之外的抽象，所以叫伪类。在支持 CSS 的浏览器中，链接的不同状态都可以以不同的方式显示注意：:first-child 伪类来选择元素的第一个子元素它本身只是基于元素的抽象，并不存在于
2022-10-05 16:01:30
691
原创 问题：访问组件中数据object（定义的数据）中属性也为object对象中的属性时，报错现象
问题：访问组件中数据object（定义的数据）中属性也为object对象中的属性时，报错现象
2022-06-21 16:13:09
148
原创 问题：vue3中通过provide和inject传mounted中的值，无法传过去
vue3中通过provide和inject传mounted中的值，无法传过去
2022-06-21 10:13:48
1228
1
原创 如何区分对象自身的属性以及原型上的属性
两种属性: 自身属性和 prototype 属性。 自身属性是直接在对象上定义的。 而原型属性在 prototype 上定义。function Dog(name) { this.name = name;}Dog.prototype.numLegs = 4;let beagle = new Dog("Snoopy");let ownProps = [];let prototypeProps = [];// 只修改这一行下面的代码for(let property in beagle)
2022-05-26 13:33:44
395
原创 Promise
一、什么是promise？1、Promise 是 JS 中进行异步编程的新解决方案2、从语法上来说: Promise 是一个构造函数3、从功能上来说: promise 对象用来封装一个异步操作并可以获取其成功/失败的结果值为什么使用promise？promise是ES6中用来处理 异步操作 的。如果不使用promise，就需要使用 回调函数来处理异步操作后的结果，此时如果有 多个有顺序 的异步操作，会造成回调的嵌套，引发 回调地狱。回调地狱的缺点？1、不便于阅读2、不便于异常处理二、pro
2022-05-12 17:42:52
88
原创 前端性能优化
一、地址栏输入URL发生了什么大致分为：DNS域名解析、TCP连接、HTTP请求、处理请求返回HTTP响应、页面渲染、关闭连接首先会进行 url 解析，根据 dns 系统进行 ip 查找根据 ip 就可以找到服务器，然后浏览器和服务器会进行 TCP 三次握手建立连接，如果此时是 https 的话，还会建立 TLS 连接以及协商加密算法（注意的问题"https 和 http 的区别"）连接建立之后浏览器开始发送请求获取文件，此时这里还会出现一种情况就是缓存，建立连接后是走缓存还是直接重新获取，需要看
2022-03-21 17:14:10
2817
原创 http相关
一、HTTP协议简介1、通信的定义通信，就是信息的传递和交换。通信三要素：通信的主体通信的内容通信的方式案例：服务器把传智专修学院的简介通过响应的方式发送给客户端浏览器。其中，通信的主体是服务器和客户端浏览器；通信的内容是传智专修学院的简介；通信的方式是响应；2、通信协议通信协议（Communication Protocol）是指通信的双方完成通信所必须遵守的规则和约定。通俗的理解：通信双方采用约定好的格式来发送和接收消息，这种事先约定好的通信格式，就叫做通信协议。2.1互联
2022-03-20 21:30:30
3702
原创 JS预编译
(function(a){console.log(a);var a = 12;console.log(a);function a(){...}console.log(a);var b = function(){...}console.log(b);function d(){...}})(1);先创建GO对象(Global Object)，再创建AO对象(Activation Object)。1.首先创建一个GO对象,和AO对象（立即执行函数是在全局作用域中执行的,立即执行函数执行
2022-03-14 22:25:44
336
原创 JS作用域(链)和变量提升
一、作用域JS是静态作用域let x = 10;function f() { return x;}function g() { let x = 20; return f();}console.log(g()); // 10解释：我们调用一个函数时，如果这个函数的变量没有在函数中定义，就去定义该函数的地方查找相似题：var n=123;function f1(n){ console.log(n);}function f2(){ v.........
2022-03-14 15:37:03
1254
原创 防抖为什么要使用闭包
1. 防抖从概念上来讲，所谓的闭包指的是一个函数，有权访问另一个函数作用域中的变量的函数。直观点来讲，JavaScript的闭包就是函数中嵌套函数。<input type="text" id="input"/><div id="show"></div><script> function showInfo(text){ document.getElementById('show').innerHTML=text.target.value }
2022-03-11 13:44:14
3618
1
原创 vant中图标使用警告问题
错误: [Vant] Icon: “info” prop is deprecated, use “badge” prop instead.原来<van-icon class="comment-icon" name="comment-o" :info="totalCommentCount" />改正后：<van-icon class="comment-icon" name="comment-o" :badge="tot
2022-02-28 15:00:48
1324
原创 socket.io的使用问题
在使用 Node http 服务器时，需要解决跨域问题在server对应文件夹运行终端node index.js（index为自定义的名称）index.js文件中（名称自定）原var io = require('socket.io')(app);改为var io = require('socket.io')(app,{cors:true});修改前：修改后：but一般我们不会自己写一个服务器，所以，用express框架安装npm install --save express同样要解
2021-08-18 10:25:24
456
原创 vue-cli的配置和安装和相关说明
由于在组件的字符串中，不太美观，而且，从解释到生成对象，到渲染，容易白屏。vue-cli自动构建，用Node写的命令方式构建1、安装这个新的包npm install -g @vue/cli2、检查其版本vue --version3、创建一个项目法一：文件处：shift+右键法二：VS中点击文件处打开vue create hello-world会报错依次执行get-ExecutionPolicy set-ExecutionPolicy RemoteSigned..
2021-06-18 17:20:15
148
原创 flex布局
背景元素有四种类型在flex容器中1.float失效2.vertical-align失效3.元素默认不换行，要换行，使用flex-wrap：wrap/wrap-reverse(放不下的元素跑到上面，与一般不同）justify-content：对齐方式，有5种，其中自动分配间隔space-around，使得每个的边距都一致主轴变换：flex-direction，默认值为row交叉轴align-itemstext-align对文本有效，对div无效，用交叉轴居中实.
2021-02-28 01:33:59
103
原创 移动端和PC端（dpr、viewport、rem）
移动端与网页端的相关介绍dprdpr值的意义：当在网页上用CSS划出一条1像素的线段时，当手机的dpr值为2，就会用2个像素划出这条像素。网页缩放网页缩放为原来的1/2，就相当于网页本身的大小变成了原来的2倍，下例中变为1:1meta标签中属性叫做name=“viewport”,viewport指的是手机浏览器的窗口大小，content中指让窗口的宽度跟手机的设备保持一致，当dpr=3,initial-scale取值1/3，即0.333移动端网页端适配一：百分比布局(
2021-02-28 01:22:40
794
原创 inline-block（vertical）、z-index、opacity、
inline-block不同写法的显示效果verticalvertical-align属性必须作用于inline-block元素设置line-height使其真正居中z-index、opacityz-index（层级问题）后来居上原则：正常情况下，元素没有设置z-index属性，出现位置比较靠后的元素层级更高。定位局上原则：做了定位的比没有做定位的层级要高大者居上原则：根据z-index数值大小来决定，如果一个父元素的z-index是高于另一个父元素的那么他的子元素也必然高.
2021-02-27 21:35:17
244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人