- 博客(24)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vuex总结
类似于 Vue 中的 计算属性（可以认为是 store 的计算属性），getter 的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。其中，第一个参数是state，后面的参数是向 store.commit 传入的额外的参数，即 mutation 的 载荷（payload）。store.commit方法的第一个参数是要发起的mutation类型名称，后面的参数均当做额外数据传入mutation定义的方法中。由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。......
2022-08-12 00:45:56
168
原创 jQuery
jQuery 选择器jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头：$()。元素选择器jQuery 元素选择器基于元素名选取元素。在页面中选取所有 元素:$(“p”)实例用户点击按钮后，所有 元素都隐藏：#id 选择器jQuery #id 选择器通过 HT
2022-05-17 00:37:42
47
原创 javasc之正则
正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。在 JavaScript 中，正则表达式通常用于两个字符串方法 : search() 和 replace()。search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。replace() 方法用于在字符串中用一些字符串替换另一些字符串，或替换一个与
2022-05-10 00:07:50
206
原创 HTML DOM (文档对象模型)
HTML DOM (文档对象模型)根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点HTML DOM 节点树HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树：HTML DOM 树实例节点父、子和同胞节点树中的节点彼此拥有层级关系。我们常用父（parent）、子（child）和同胞（sibling）等术语来
2022-04-25 12:18:37
253
原创 JavaScript之进入“开端”看循环
在进入循环之前先看看分支语句——## switch语句switch工作原理：首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。语法：switch(n){ case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; d...
2022-03-31 22:21:20
347
原创 字符类型转换
一.其他类型转换成字符串 // var a=10; 1.通过运算 // a=a+"";//10+"" a="10" 2.强制转换// var a=10;// //String(a)把对象值a转换成字符串// console.log( String(a));//"10"二.其他类型转换成数字 //var a="10.56"; //## 1.通过运算 //a=a-0; // a=a*1; // a=a/
2022-03-30 23:37:22
1133
原创 JavaScript之运算符
一.数字运算符加减乘除加 ：console.log(3-2);//1 console.log(0.3-0.2);//0.9999999999999996 //符号两侧同时为数字，表示对应的算术运算 //符号任何一侧为非数字，运算之前会把该侧进行转换，数字转换成功，进行相应算术运算若转换失败，最终结果为NAN(not a number 非数字)a++,与++a有什么区别呢？var a=10, b; b=a++;// a++把a原来的值10当成整个表达式的值输出把自增前的值赋给b
2022-03-29 21:32:06
1265
原创 JavaScript第一讲
一、基本数据类型在介绍undefined与null之前，我们先来了解一下ECMAScript中的数据类型。在ECMAScript中有六种简单数据类型(也称为基本数据类型): Undefined、Null、Boolean、Number 和 String、Symbol (ES6中引入) 。还有一种复杂数据类型——Object。Undefined和Null都只有一个值，分别对应着undefined和null。这两种不同类型的值，既有着不同的语义和场景，又表现出较为相似的行为。1.UndefinedUnde
2022-03-28 22:35:13
46
原创 弹性盒子相关知识
CSS3 弹性盒子(Flex Box)弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。CSS3 弹性盒子内容弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或
2022-03-24 01:03:03
153
原创 rem与px与em异同点
在css中单位长度用的最多的是px、em、rem，这三个的区别是：一、px是固定的像素，一旦设置了就无法因为适应页面大小而改变。二、em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。三、em是相对于其父元素来设置字体大小的，一般都是以的“font-size”为基准。这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小。而rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个参考值。em相对于父元素，rem相对于根元素。1.
2022-03-21 23:42:46
3269
原创 重绘与回流的关系
需知：浏览器使用流式布局模型 (Flow Based Layout)。浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点绘制到页面上。由于浏览器使用流式布局，对Render Tree的计算通常只需要遍历一次就可以完成，但table及其内部元素除外，他们可能需要多次计算，通常要花3倍于同等元素的时间，这也是为什么要避免使用table布局的原因之一
2022-03-16 11:46:41
119
原创 相对定位和绝对定位
相对定位和绝对定位除了基于“文档流”的定位，CSS还定义了标签的其他定位方式，CSS使用position属性指定标签的定位方式position的值static，默认值，即使用基于“文档流”的定位relative，相对定位，即在“文档流”的基础上，结合left和top属性，相对定位absolute，绝对定位，即脱离“文档流”，并基于它的“包含框”，使用left和top属性来定位fixed，固定定位，即特殊的绝对定位，即它的“包含框”为浏览器position:relative;(相对定位)注意
2022-03-10 21:57:37
172
转载 link与@import的关系
link与@import的区别我们都知道，外部引入 CSS 有2种方式，link标签和@import。它们有何本质区别，有何使用建议，在考察外部引入 CSS 这部分内容时，经常被提起。如今，很多学者本着知其然不欲知其所以然的学习态度，不求甚解，只求结论。所以，本文遵循 css hack 的渐进识别原则，结论 → 区别 → 争议 → 细节 → 祖坟 → 感想，逐渐加深理论层级，力争每个 level 的读者，都能 get 到自己想要的内容，不必继续阅读下去。结论就结论而言，强烈建议使用lin
2022-03-03 00:09:30
1066
1
原创 css（1）
CSS(1)行内样式<div style="color:red;">内容</div>行内样式<div style="color:red;">内容</div>内嵌样式<style>div{color:red;}</style>内嵌样式<style>div{color:red;}</style>链接样式<link rel="style" href="css文件“>
2022-03-02 23:25:19
99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人