- 博客(55)
- 收藏
- 关注
RSS订阅原创 vuex详解
statemutationsactionsgetters模块化模块化的state模块化的getters模块化的mutationos模块化的actions。
2023-09-03 20:26:35
162
原创 vue2笔记
v-自定义指令名 = "数据"对底层DOM元素的操作;自定义指令的this指向window, 方便操作 DOM 元素 (不是自定义指令中的回调函数的this指向)。自定义指令中的函数何时调用: 1. 指令与元素成功绑定时（一上来）。2.指令所在的模板被重新解析时。局部自定义指令directives:{指令名 : 配置对象 }directives:{指令名 : 回调函数 }对象的key可以加引号也可以不加,对象中函数的增强写法, 省略 : function。
2023-09-03 19:27:12
434
原创 vue - 指令2
v-if 条件渲染在Vue中可以使用v-if来控制模板里元素的显示和隐藏，表达式的值为true就显示，为false就隐藏；v-if控制的是: 是否渲染这个节点;即元素的创建和销毁；v-if 后面跟 条件表达式, 表达式的值为真时显示,为假不显示,通常用data中一个变量来接受这个值,通过改变变量的值来控制是否显示;v-else-if指令可以实现多分支逻辑;v-else 不跟表达式 , 当v-if的表达式为的时候显示 v-esle的元素;控制一组元素显示隐藏的时候，可以用。
2023-09-03 12:27:42
771
原创 JS - Generator函数
generator 生成器,发电机;yield 让步,产出;ES6中增加了两种异步解决方案，一个是Promise，另一个就是Generator函数;作用：解决异步代码的编程风格;Generator 函数是分段执行的，yield表达式是暂停执行的标记，而next方法可以恢复执行。(字面量) function * gen(){ yield "hello";或(函数表达式/匿名函数)var gen = function *() { yield "hello";g.next();
2023-09-03 12:27:10
229
原创 v-model
表单元素上创建双向数据绑定。即数据更新了 元素更新、元素更新了 数据也会更新;后面跟表达式,跟的往往是data配置项 中的数据;实现表单元素和数据的双向绑定;是响应式的;本质上v-model为语法糖;是v-bind和v-on的语法糖;v-on:input事件value值和data中的数据是双向绑定的,响应式的;视图中的表单元素的value值改变了, data里面的message就改变了;data中的数据改变,视图中的表单元素的value值也是同步改变的;
2021-08-19 14:24:05
179
原创 vue - 指令1
给模板内的元素添加v-cloak属性后，元素在vue没有加载完的时候就有这个属性，当vue加载完成后这个属性就消失了，所以我们可以给这个属性设置css样式为隐藏；和 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕；v-html可以解析标签，更改元素的innerHTML，性能比v-text较差。解析完之前有一个v-cloak属性，解析完之后就消失了，css样式就没用了；需要动态决定标签的属性的时候,可以使用到v-bind；
2021-07-07 22:46:00
274
1
原创 JS - Node
node是基于谷歌浏览器V8引擎的JS运行时环境;Node的特点单线程 JS就是单线程的，指的是在同一时间，只有一个线程在执行任务。非阻塞I/O;I/O: 指的是输入;输出 I: input 往内存中输入内容;O: output 从内存中向外输入内容;在执行IO这种耗时行为的时候，不阻塞线程事件驱动 当IO行为完成之后，会将后续的代码追加到Node的事件队列中NodeJS的模块模块化规范AMD 前端的异步加载模块规范(依赖前置: 指的是在定义模块时，就将所依赖的模块标明)
2021-07-07 21:13:29
394
原创 JS-闭包
闭包: 在一个函数A内定义并返回另外一个函数B，并用变量接收这个函数B。当三个条件都满足的时候,我们管内部的函数叫做外部函数的闭包函数;因为不销毁，所以导致内存利用率过低，可能导致内存泄漏。可以让内部的内容始终保存在内存中不销毁。方法2. 外部接受的变量被重新赋值;闭包销毁: 销毁函数的空间;方法1.外不再有变量接收;必须要通过函数进行访问。
2021-06-29 22:30:50
97
原创 JS-垃圾回收机制
引用计数的含义是跟踪记录每个值被引用的次数。相反，如果包含对这个值引用的变量又取得了另外一个值，则这个值的引用次数减1。然后，它会去掉环境中的变量以及被环境中的变量引用的变量的标记（闭包）。而在此之后再被加上标记的变量将被视为准备删除的变量，原因是环境中的变量已经无法访问到这些变量了。5. 函数执行完毕,销毁里面的变量和这个独立的区域(销毁开辟的空间) ,调用时再次开辟新的独立作用域(开辟新的空间/内存);从逻辑上讲，永远不能释放进入环境的变量所占用的内存，因为只要执行流进入相应的环境，就可能会用到它们。
2021-06-29 11:24:01
174
原创 JS-事件循环
等执行栈清空之后 ,会先从微任务队列中拿一个函数到执行栈中执行 ,执行完之后再去微任务队列中提取新的正在排队的函数, 直到微任务队列清空;此时才会去宏任务队列中提取函数进入执行栈执行;再执行微任务,等微任务都执行完了,再去执行宏任务,如果执行的宏任务里有微任务,再去执行微任务,执行完,再执行宏任务;遇见异步代码就开启执行(仅仅是开启执行，什么时候推入任务队列参见上面说明)。会将回调函数放入任务队列(定时器、延时器、事件函数、ajax的回调这些会进入宏任务队列排队;查找宏任务队列，如果有就放入执行栈执行。
2021-06-28 13:11:16
124
原创 JS-AJAX
Ajax(Asynchronous Java and XML的缩写)是一种异步请求数据的web开发技术，在不需要重新刷新页面的情况下，Ajax 通过异步请求加载后台数据，并在网页上呈现出来。
2021-06-23 22:13:31
98
原创 JS-服务器
HTTPS是一种通过计算机网络进行安全通信的传输协议，经由HTTP进行通信，利用SSL/TLS建立全信道，加密数据包。POST 请求可能会导致新的资源的建立和/或已有资源的修改。HTTP 协议规定每次发送的报文必须要有 Header，但是可以没有 body，也就是说头信息是必须的，实体信息可以没有。TTPS 是以安全为目标的 HTTP 通道，在 HTTP 的基础上通过传输加密和身份认证保证了传输过程的安全性。三部分构成, 请求行就是定义了本次请求的请求方式, 请求的地址, 以及所遵循的HTTP协议版本;
2021-06-21 20:00:28
439
原创 JS-函数
函数b是你以参数形式传给函数a的，那么函数b就叫回调函数;回调，回调，就是回头调用的意思，主函数的事先干完，回头再调用传进来的那个函数。构造函数的是通过new调用的，this指向的是调用它的实例对象==>this指向构造的这个对象;函数a有一个参数，这个参数是个函数b，当函数a执行完以后执行函数b，那么这个过程就叫回调。bind不会立即指向函数,会得到一个改变this指向后的函数,调用这个新函数来执行函数;函数不调用,函数不执行;bind改变函数this指向后,传参,参数将会固定,可以调用新函数时传参;
2021-06-17 19:18:15
101
原创 JS-字符串方法
包装类型：为了方便操作字符串、操作数字、操作布尔值，JS内置了一些对应的引用类型。JS引擎会悄悄地调用对应的引用类型中的方法 .对参数的大小没有要求,都是从小截取到大;当数字大于字符串的长度是, 从。2.截取的长度,第二个参数不写,截取到最后;2: 替换上去的字符串;返回值：找到返回字符串下标;作用：将字符串按照指定的规则切割成数组。参数： 1: 被替换下的字符串;参数： 被匹配的字符串或者正则。作用：查找指定字符串位置;1. 要被查找的字符串值。返回值：截取到的字符串;返回值：大写后的字符串;
2021-06-15 16:50:40
166
原创 ES6语法
ES6中 针对对象的定义进行了语法上的简化如果对象的属性名和属性值一致,可简写为一个;对象的方法 函数 可以省略 : function等价与 :定义方法时 可以省略 :functioname: "小花",: function() {// console.log("你好");// },console.log("你好");//省略: function},//小花//你好。
2021-06-10 22:08:54
924
原创 JS-this的指向及强行改变
bind不会立即指向函数,会得到一个改变this指向后的函数,调用这个新函数来执行函数;bind改变函数this指向后,传参,参数将会固定,可以调用新函数时传参;1.全局作用域下,普通函数,定时器下;this指向的是window;3.构造函数中,this指向构造函数的实例对象;2.方法中的this指向, 谁调用指向谁;第二个参数是一个数组,装的是原函数的参数。适用于定时器函数,事件处理函数;第二个参数开始,是原函数的参数。第一个参数是this的指向;第一个参数是this的指向;
2021-06-09 22:25:12
101
原创 JS-获取元素的尺寸
clientHeight 获取自身高度与上下padding之和。clientWidth 获取自身宽度与左右padding之和。client 客户端。
2021-06-05 13:33:31
448
原创 JS-内置对象，数学对象，时间对象
console.log(year + "年" + month + "月" + day + "日" + "星期" + arr[week]);console.log(d) //Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)// + new Date() 返回的就是总的毫秒数。//获取日期的总的毫秒数（时间戳） 永远不会重复 Date对象是基于1970年1月1日起的毫秒数;var arr = ["日", "一", "二", "三", "四", "五", "六"]
2021-06-02 20:59:51
181
原创 JS-事件
/事件源 box //on事件类型 onclik //事件的处理程序是 通过函数赋值;IE浏览器中 可以通过e.cancelBubble = true 进行阻止事件的冒泡 //取消冒泡。网页中的每个元素都可以产生某些可以触发JavaScript的事件.事件冒泡：当点击时 事件从最精确的元素 一层一层往上触发 直到最顶层元素 这个过程叫做事件冒泡。[ add 添加] [Event 事件 ] [listner 监听,听众]console.log('代码会在box被点击后执行');
2021-06-01 22:19:02
5054
原创 JS-DOM
指的是由W3C制定的属性通用属性 所有标签都有的属性 id , class ,style,title,src;特有属性 只有一个或者几个标签有的属性 name, type, checked ,value,disabled;
2021-06-01 21:25:46
242
原创 JS-BOM，定时器
Browser Object Model浏览器对象模型, 浏览器对象模型提供了独立于内容的、可以它是JS的一个组成部分，主要是与浏览器相关的功能操作。简单来说，就是window。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。包含的功能有： 弹框、获取浏览器的尺寸、获取计算后样式、文档对象、历史记录、地址栏、打开、关闭窗口、刷新浏览器、后退、前进、在浏览器中输入URL等。
2021-06-01 11:40:50
139
原创 JS-对象
JS中的对象就是一个数据容器，也叫作数据结构。对象是一个具体的事物，一个具体的事物就会有行为和特征。例如:一辆汽车,一部手机;属性∶事物的特征，在对象中用属性来表示(常用名词)方法∶事物的行为，在对象中用方法来表示(常用动词)对象是由属性和方法组成的。当属性值是一个函数的时候我们称呼这条属性是 "方法"属性的结构 是属性名: 属性值属性值 任意的数据都可以 字符串 数字 布尔值 undefined null 函数 数组 对象总结：对象是属性的无序集合，其属性可以包含基本值、对象或函数。
2021-05-31 22:35:52
515
原创 JS-函数,作用域
注：定义了一个函数，该函数不会执行,只有调用函数才会执行;函数声明的时候，函数体并不会执行，只要当函数被调用的时候才会执行。函数一般都用来干一件事情，函数名称一般使用动词函数定义的方式1. 函数声明: 可以在任何地方调用这个函数;既可以在函数声明之前(函数的提升);也可以在声明代码之后;function 函数名 () { }// 定义函数function 函数名 {函数体2. 函数表达式(匿名函数):只能在定义函数完毕之后再调用这个函数。
2021-05-27 21:46:04
710
原创 JS-流程控制-分支结构+循环结构
目录2.12 分支判断语句 (进行判断的)2.12.1 if语句编辑 编辑 编辑2.12.2 switch语句2.13 循环语句 (重复执行某些代码)2.13.1 do while循环2.13.2 while循环2.13.3 for循环双重for循环continue和break区别:流程控制: 控制代码执行的结构顺序;分为三种: JS中，可以根据不同的条件执行不同的代码。此时，就需要分支判断语句。JS中，分支判断语句有两种： if 语句、 switch 语句 [switch 开关,转换
2021-05-25 21:46:45
127
原创 JS-运算符
JS中的运算符分为很多种包含： 算术运算符、比较运算符(关系运算符)、逻辑运算符、递增递减运算符、赋值运算符、三元（三目）运算等。2就是返回值, 通过= ,把右边的结果 赋值给 左边;2就是返回值, 1+1 是表达式;当有多个表达式时,左边的表达式的值可以确定时,就不再继续运算右边的表达式的值;通过布尔值运算的运算符,返回值是布尔值;=一个是赋值 ,==两个是等于;表达式: 由数字,运算符,变量等组成的式子;由数字,运算符,变量等组成的式子. 例如 1 + 1。返回值: 表达式的结果,返回的值;
2021-05-25 11:40:12
299
原创 JS-数据类型，变量，数据类型的转换；
JavaScript是一种直译式脚本语言，它的解释器被称为JavaScript引擎逐行解释并执行.值类型(又可以叫做基本数据类型)数字类型 (number)深蓝色字符串类型 (string) 黑色布尔值(Boolean) = (true、 false)蓝色undefined灰色null灰色引用类型(又叫做对象类型)总的来说，只要不是上面的五种，就属于引用类型1. Array2. Object4. RegExp5. ......
2021-05-24 17:59:33
303
原创 两种圣杯布局
左右盒子给个宽度;高度100%;中间的盒子 宽度不设置(块元素不设置宽度,默认宽度父元素的宽度(把溢出隐藏了,左右盒子浮动 不占位,所以要隐藏了)
2021-05-21 16:00:47
93
原创 flex布局-xy轴,flex1, banner图,嵌套图片,底部问题
x y轴问题主轴默认是x轴,设置主轴(x轴)上子元素的排列(默认)主轴 换轴是y 轴,设置主轴(x轴)上子元素的排列;
2021-05-20 21:48:59
1059
原创 CSS媒体查询
针对不同的屏幕尺寸(媒体类型)定义不同的css样式。针对不同的屏幕尺寸,引入不同的媒体css样式;min-wiidth最小宽度 是大于等于>
2021-05-18 19:23:01
117
原创 怪异盒模型+flex布局
子元素是否换行显示(主轴是x轴就是换行,主轴是y轴 就是换列 )flex-wrap:nowrap(默认不换行)wrap(换行)默认不换行,如果父元素装不开,会自动缩小子元素;
2021-05-17 08:35:33
652
原创 过渡/2D变形属性/3D变形/动画
过渡 transition [tansition 过渡/转变] transition是 css的属性值在一定的时间内从一个状态渐渐变到另一个状态。transition需要添加触发条件，比如鼠标点击、鼠标滑入，获取焦点来改变元素css的属性值。 transition-property：元素中参与过渡的css属性 [propecty 属性,特性,财产] transition-duration：元素过渡的持续时间 transition-delay：元素 延迟过...
2021-05-16 14:16:52
401
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人