- 博客(16)
- 收藏
- 关注
原创 pinia与vuex的区别
1.pinia它没有mutation,它只有state,getters action[同步,异步],使用他来修改state数据2..pinia他默认也是存入内存中,如果需要使用本地存储,在配置上比vuex麻烦一点。3.pinia语法上比vuex更容易理解和使用,灵活4.pinia没有modeles配置,每一个独立的仓库都是difindeStore生成出来的。5.pinia state是一个对象返回一个对象和组件的data是一样的语法。
2023-10-10 18:43:05
249
2
原创 垃圾回收和内存泄漏
浏览器的 Javascript 具有自动垃圾回收机制它会定期(周期性)找出那些不在继续使用的变量,然后释放其内存。但是这个过程不是实时的,因为其开销比较大并且会停止响应其他操作,所以垃圾回收器会按照固定的时间间隔周期性的执行。
2023-09-21 20:12:00
104
原创 闭包,this指向问题
你可以在一个函数里面嵌套另外一个函数。嵌套(内部)函数对其容器(外部)函数是私有的。它自身也形成了一个闭包。闭包是指有权访问另一个函数作用域中的变量的函数。
2023-09-21 19:37:56
136
原创 作用域和自由变量
1.全局作用域js中首先有一个最外层的作用域,js中可以通过函数来创建一个独立作用域称为函数作用域,函数可以嵌套,所以作用域也可以嵌套;3.块级作用域(ES6新增)es6中新增了块级作用域(大括号,比如:if{},for(){},while(){}…)es6作用域,只适用于const,let。
2023-09-21 19:05:15
205
原创 浏览器兼容性问题
浏览器兼容性问题又称网页兼容性和网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致二产生浏览器和网页间的兼容问题。在网站的设计和制作中,做好浏览器兼容,才能够让网站在不同的浏览器下都正常显示。而对于浏览器软件的开发和设计,浏览器对标准的更好兼容能够给用户更好的使用体验。
2023-09-20 19:11:57
624
2
原创 HTML5&CSS3新特性
如果设置两个值,第一个值表示左上和右下,第二个值表示右上和左下:border-radius: 30px 100px;animation-duration:规定完成动画所花费时间,以秒或毫秒计;animation-iteration-count:规定动画应该播放的次数;animation-timing-function:规定动画的速度曲线;ease:默认值,规定慢速开始,然后变快,然后慢速结束的过渡效果;ease-in-out:规定以慢速开始和结束的过渡效果;ease-out:规定以慢速结束的过渡效果;
2023-09-20 19:08:51
104
1
原创 link和@import的区别
import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义。可以通过 JS 操作 DOM ,插入link标签来改变样式;由于 DOM 方法是基于文档的,无法使用@import的方式插入样式。@import是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link标签作为 HTML 元素,不存在兼容性问题。引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载。、rel 连接属性等。
2023-09-20 18:55:36
166
1
原创 src与href的区别
href: 超文本引用,用于建立文档与资源之间的联系的,常用的有:link、a。src: 将其所指向的资源下载并应用到当前页面,常见的有script、img。src用于替换当前的元素,href用于在当前文档和引用资源之间确立关系。src和href的作用都是用于请求资源。
2023-09-19 19:44:03
61
原创 什么是Css Hack
CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的。常用的CSS hack 有三种方式,CSS 内部hack、选择器hack、HTML 头部引用,其中第一种最常用。
2023-09-19 19:34:14
1673
原创 常见的块级/行内/空元素
空元素:<br> <hr><img> <input> <link> <meta>行内元素:a,b,span,img,input,strong等等。
2023-09-19 19:21:25
60
原创 Flex 布局
flex-start:交叉轴的起点对齐flex-end 交叉轴的终点对齐center 交叉轴居中对齐baseline 项目的第一行文字的基线对齐stretch:默认值:如果项目未设置高度或者高度为auto,将占满整个容器的高度。
2023-09-19 19:02:35
84
原创 两/三栏布局(圣杯双飞翼布局)
两栏布局,两个div盒子,左边固定宽度,右边自适应左边盒子设置左浮动,右边盒子加overflow:hidden,然后清除左侧的浮动即可。
2023-09-19 18:46:54
122
原创 盒模型,BFC,清除浮动和定位详解
盒模型是指在网页中,每个HTML元素都可以看作是一个盒子,这个盒子包括了元素本身的内容、内边距、边框和外边距等四个部分内容区域(Content):HTML元素的实际内容区域.内边距区域(Padding):内容区域与元素的边框之间的区域边框区域(Border):围绕内容区域和内边距区域的边框,边框可以设置样式,宽度,颜色等等外边距区域(Margin):元素与其他元素之间的空白区域,也可以设置外边距的大小。
2023-09-18 20:24:05
205
转载 Vue中solt的理解
在上面的示例中,使用了作用域插槽将父组件中的数据传递给子组件,并在子组件中渲染。需要注意的是,在作用域插槽中,可以使用 v-bind 语法将父组件中的数据传递给子组件,子组件中使用 slot-scope 属性来接收传递的数据。通过使用 Slot,可以使组件更加灵活,方便地将父组件中的内容或数据插入到子组件中,从而实现组件的复用性。在上面的示例中,使用了默认插槽将父组件中的内容插入到子组件中,如果父组件没有传入任何内容,则默认显示为“默认值”。以上就是 Vue 中的三种插槽类型。
2023-09-01 11:10:19
145
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人