- 博客(25)
- 收藏
- 关注
RSS订阅原创 vuex和localstorage语法
vuex 作为数据存储中心 vuex 的 State 在单页应用的开发中本身具有一个“数据库”的作用，可以将组件中用到的数据存储在。ocalStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。保存数据语法：localStorage.setItem(“key”, “value”);Vuex:是基于Vue开发的插件，Vuex可以集中保存和管理多个组件共享的数据。删除数据语法：localStorage.removeItem(“key”);功能是：集中保存和管理多个组件共享的数据。
2023-04-09 14:35:18
179
原创 css优先级和async/await
在ajax中先拿到一个接口的返回数据，后使用第一部返回的数据执行第二步操作的接口调用，达到异步操作。在一个函数前面加上async，变成 async函数，异步函数，return:1，打印返回值，}会覆盖.classname{margin:3pxl}async 表示这是一个async函数， await只能用在async函数里面，不能单独使用 async。而await则可以认为是 async await的简写形式，是等待一个异步方法执行完成的。同步指两个进程的运行是相关的，一个进程要阻塞等待另一个进程的运行。
2023-04-02 10:19:10
182
原创 二.Node.js知识点
变量提升就是会把第一种情况 在内部转化为第二种情况 也就是把声明变量这句话移到打印之前 那这个时候 我们打印的话 已经有这个变量的声明 只是没有对这个变量赋值 所以报的是underfined的错误。举例：JS函数A里面有一个函数B，函数B访问了函数A里面定义的局部变量，此时就产生了闭包。变量所在的函数就是闭包函数，这里A就是闭包函数。在JS中，每当创建一个函数，闭包就会在函数创建的同时被创建出来，作为函数内部与外部连接起来的一座桥梁。*同步指两个进程的运行是相关的，一个进程要阻塞等待另一个进程的运行。
2023-03-19 14:32:27
165
原创 node.js知识点
OPTIONS：用于查询服务器针对特定资源所支持的HTTP请求方式，即询问客户端可以以那些方式来请求相应的资源，同时使用options方式也可以用来测试服务器的性能。str.replace('xx','xx')：修改字符串（第一个参数：要修改的字符串；（1）首字母必须是字母(大小写均可)、下划线(_),或者美元符号($).(数字开头，非法。ES6提供了新的数据结构Set.它类似与数组，但是成员的值都是唯一的，没有重复的值。使用setTimeout（）开启的定时器，时间间隔一到代码只会执行一次。
2023-03-09 16:05:05
324
原创 ＜盒子模型＞
盒子模型有元素的内容、边框（border）、内边距（padding）、和外边距（ margin）组 成。(1) margin 会有外边距合并 还有 ie6下面margin 加倍的bug## 标题所以最后使用。按 优先使用 宽度 （width） 其次 使用内边距（padding） 然后 外边距（margin）清除元素的默认内外边距：padding:0;(2)padding 会影响盒子大小， 需进行加减计算 然后使用。(3)可以为父元素添加overflow:hidden。(2) 可以为父元素定义上内边距。
2023-03-07 16:08:07
71
原创 Vue文件名详解
在node.js中模块与文件是一一对应的，也就是说一个node.js文件就是一个模块，文件内容可能是我们封装好的一些JavaScript方法、jsON数据、编译过的C/C++拓展等，在关于node.js的误会提到过node.js的架构。在node.js中模块与文件是一一对应的，也就是说一个node.js文件就是一个模块。用来忽略被指定的文件或文件夹的改动，被记录在.gitignore文件里的文件或文件夹，是无法被 git 跟踪到的，换句话说，被忽略的文件是不会被放入到远程仓库里的。
2023-03-04 10:25:36
256
原创 Vue总结
由于DOM是一个树结构，如果在父子节点绑定事件时候，当触发子节点的时候,就存在一个顺序问题,这就涉及到了事件流。从理论上说，修改一个数组的内容，比如修改数组中某个元素的值,或者给数组添加新的元素,都不会修改数组本身的地址。为此.Vue.is对数组做了特殊处理,使得使用标准的数组操作方法对数组所做的修改,都可以被侦听到。(Vue将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新,以上就是被包裹的方法。事件冒泡和事件捕获分别由微软和网景公司提出,是为了解决页面中事件流(事件发生顺序)的问题。
2023-03-01 21:40:57
178
1
原创 Vue项目流程
修改导航栏到样式 可以写在登陆页面的style标签里 但是因为nav-bar的样式整个项目都是一致的 所以对于nav-bar的样式我们写在全局样式 之前就建好了一个写全局样式的文件 标签是van开头 但是渲染到页面上还是一个有class类名的div标签 通过设置 成功的给nav-bar添加了背景颜色 但是因为这个nav-bar已经写好了默认样式 我们自己写的样式 优先级不够高 被默认样式覆盖掉了css优先级的6大分类：通常可以将css的优先级由高到低分为6组：第一优先级：无条件优先的属性只需要在属性后面
2022-12-11 11:33:32
63
原创 Vue创建项目流程
路由的哈希模式其实是利用了window可以监听onhashchange事件，可以实现监听浏览器地址hash值变化，执行相应的js切换网页。在hash模式下，前端路由修改的是#中的信息，而浏览器请求时不会将 # 后面的数据发送到后台，所以没有问题。但是在history下，你可以自由的修改path，当刷新时，如果服务器中没有相应的响应或者资源，则会刷新出来404页面。这里是问你的路由模式是否需要选择history模式 如果是就输入Y 如果不是 那就是选择了hash模式 那么就输入n。（3）路由的两种模式。
2022-11-29 19:48:49
294
原创 单页应用（SPA）
单页应用(single page application，SPA)将所有内容放在一个页面中，从而使整个页面更加流畅。单页应用的说法是在 JavaScript 和 AJAX 技术比较成熟,以后才出现的,指的是通过浏览器访问一个网站时，只需要加载一个入口页面，此后显示的内容和数据居都不会再刷新浏览器页面。有了单页应用之后，传统的网站就被称为多页应用了。多页应用(multi-page application，MPA)是指包含多个独立页面的应用，其中的每个页面都必须重复加载 JS、CSS 等相关资源。
2022-11-27 10:58:00
258
原创 父子组件之间传递数据的方法
Vue.js还允许使用明确的方式定义属性，即通过一个对象而不是一个数组来定义一个组件的各种属性。从父组件向子组件传递数据是最主要的方式，可以通过组件的props（属性）和solt(插槽)来实现。在methods中增加onClick()方法，作用是将被单击时的时间记录到records数组中。在app.vue中为data增加一个与list并列的records属性，它的值是一个空的数组。向组件传递另一个组件的开闭标记之间的内容。app.vue通过props向greeting组件传递 “to” 属性的值。
2022-11-27 10:57:49
2314
原创 v-for与v-if一同使用时的注意事项
v-if指令，需要注意的是，除非必要，否则不要将v-if 和v-for用在同当一个元素上。当它们处于同一节点时，v-for 的优先级比 v-if 高，v-for 每次迭代时都会执行一次 v-if，这会造成不必要的计算开销，影响性能，尤其是当只需要渲染很小一部分的时候，表现尤为明显。即使 100 个 item 中只有一个符合 v-if 的条件，也需要循环整个数组，这在性能上是一种浪费。在这种情况下，可以使用计算属性，在数据模型中事先先做好处理，然后将符合条件的结果通过。v-for 显示出来，例如。
2022-11-26 13:05:10
470
原创 v-if与v-show
v-if由false变为true的时候，触发组件的beforeCreate、create、beforeMount、mounted钩子，由true变为false的时候触发组件的beforeDestory、destoryed方法。v-show 相对简单，不管初始条件是什么，元素总是会被渲染，并且还会基于CSS 的 display 属性进行切换。通常，v-if的切换开销更大，而 v-show 的初始渲染开销更大。v-if是“惰性”的，即如果在进行初始渲染时条件为假， 则不会渲染，直到条件第一次变为真。
2022-11-26 12:33:06
682
原创 事件修饰符
5.self：只有event.target是当前操作的元素时才触发事件。6.passive：事件的默认行为立即执行，无需等待事件回调执行完毕。4.capture：使用事件的捕获模式。3.once：事件只触发一次（常用）。2.stop：阻止事件冒泡（常用）。1.prevent：阻止默认事件。
2022-11-26 11:42:36
1769
原创 事件对象属性
浏览器中的事件都是以对象的形式存在的，在标准DOM中，规定事件对象必须作为唯一的参数传给事件处理函数。·鼠标事件:使用鼠标在页面上执行某些操作时触发的事件。·键盘事件:使用键盘在页面上执行某些接操作时触发的事件。·用户界面事件:涉及与 BOM 交互的通用测览器事件。· 焦点事件:在元素获得或失去焦点时触发的事件。·输入事件:向文档中输入文本时触发的事事件。·输入法事件:使用某些输入法时触发的真事件。·滚轮事件:使用鼠标滚轮时触发的事件。二.事件对象中的常见属性。
2022-11-26 11:15:50
215
原创 对数组进行侦听
一. 和对象类似，数组也是引用类型，因此也存在比较复杂的侦听规则。从理论上说，修改一个数组的内容，比如修改数组中某个元素的值，或者给数组添加新的元素等，都不会修改数组本身的地址(引用)，因此也不会被侦听到。为此，Vue.js 对数组做了特殊处理，使得使用标准的数组操作方法对数组所做的修改，都可以被侦听到。1.使用标准方法修改数组可以被侦听到当通过下列方法操作或更改数组时，变化可以被侦听到。这些方法包括:· push( ) 尾部添加 · pop () 尾部删除 · un
2022-11-26 10:35:38
1546
原创 Vue生命周期钩子
6、updated（更新后） 调用时，组件DOM已经更新，所以可以执行依赖于DOM的操作。2、created（创建后） 完成了对数据的观测，属性和方法的运算，初始化事件，$el属性还没有显示出来。3、beforeMount（载入前） 完成了编译模板，并生成了真实的dom，但还没有挂载html到页面上。(2）created：初始化完成时的事件写在这里，如在这里结束loading，异步请求也适合在这里调用。5、beforeUpdate（更新前） 在数据更新之前调用，发生在虚拟DOM重新渲染和打补丁之前。
2022-11-26 09:51:46
238
原创 props 总结
1.什么是props props 用于组件的传值，他的工作就是为了接受外面传过来的数据，是一个配置项，与data、el、ref 是一个级别的。2.props的使用：3.props作用
2022-11-12 11:51:30
1191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人