- 博客(122)
- 收藏
- 关注
原创 vue3基础
创建Vue3需要安装16.0或更高版本的 Node.js(vue create使用脚手架创建vue3项目,搭建的框架依然是选项式API的框架,打包工具依然是webpack)
2024-04-15 19:12:17 802
原创 node采坑
Vue.use()的用法:这里将element-ui中导出的所有组件,注册为全局组件。像这种加载路径不是相对路径的文件是从node_modules中加载的。dependencies是生产依赖(开发环境、上线环境都起作用)devDependencies是开发依赖(只在开发环境起作用)在css文件中引入其他css文件的样式。
2024-04-09 18:30:41 248
原创 Vuex(vue 项目中实现 频繁、大范围数据共享的技术方案)
3.存储在Vuex中的数据都是响应式的(数据更新后,使用数据的组件都会自动更新)1.数据的存取一步到位,不需层层传递。2.数据的流动非常清晰。
2024-04-05 16:50:28 326
原创 路由、插槽
前端路由:Hash地址(url中#后面的部分)与组件之间的对应关系页面效果:在浏览器中访问不同的Hash地址时,会显示不同的组件SPA项目(单页面应用程序,就是Vue项目,最后所有模板都展示在一个html上)
2024-04-02 15:40:04 800
原创 computed计算属性、watch侦听器、生命周期
监听from、q、to变化时,都要重新翻译,则可以直接监听一个对象。如果监听对象中的属性,不能直接当函数名,需要加上引号。多次使用计算属性,计算属性方法也只执行一次,计算属性不能通过双向绑定修改(默认不能改)调用计算属性的方法不能加(),执行一些业务逻辑或异步操作。每个阶段对应两个钩子函数。
2024-03-28 20:21:51 350
原创 刷题反思总结
题后反思:创建oNamespace的副本o,当前遍历的值就是o的键,若该键对应的键值不是object,则需要创建对象,使该键值为一个空对象{},以便后续可以嵌套创建对象。
2024-03-28 00:18:58 192
原创 插值表达式、Vue指令、指令补充
3.推荐使用id作为key(唯一),不推荐使用index作为key(会变化,不对应)作用:动态的设置html的标签属性-> src、url、title …Vue会根据不同的指令,针对标签实现不同的功能。1.作用:基于数据循环,多次渲染整个元素。语法:v-bind:属性名=“表达式”,便于Vue进行列表项的正确排序复用。1.key的值只能是字符串或数字类型。指令:带有v-前缀的特殊标签属性。2.key的值必须具有唯一性。key的作用:给元素添加的。
2024-03-27 18:06:39 339
原创 WebPack的使用及属性配、打包资源
把静态模块内容压缩、整合、转译等(前端工程化)1️⃣把less/sass转成css代码2️⃣把ES6+降级成ES53️⃣支持多种模块文件类型,多种模块标准语法。
2024-03-26 17:57:41 654
原创 AJAX踩坑指南(知识点补充)
JSON Web Token是目前最为流行的跨域认证解决方案如何获取:在使用JWT身份验证中,当用户使用其凭据成功登录时,将返回JSON Web Token(令牌)服务的通过请求头携带的token来判断当前用户是真用户还是假用户。
2024-03-22 17:17:09 357
原创 同步代码和异步代码、回调地狱、Promise链式调用、async和awat、事件循环EventLoop、宏任务和微任务、Promise.all静态方法
定时器、事件、AJAX、回调函数。
2024-03-20 21:05:49 337
原创 (AJAX高级)XMLHttpRequest、Promise、封装简易版axios
XHR对象用于与服务器交互,通过XMLHttpRequest可以在不刷新页面的情况下,请求特定的URL,获取数据。
2024-03-20 18:12:45 222
原创 (基础)AJAX概念和axios使用、URL、请求方法和数据提交、HTTP协议、接口、form-serialize插件
AJAX就是使用XMLHttpRequest对象与服务器通信,它可以使用JSON、XML、HTML和text文本等格式发送和接收数据,AJAX最吸引人的就是它的异步特性,也就是说它可以在不重新刷新页面的情况下与服务器通信,交换数据或更新页面。
2024-03-17 21:15:48 1192
原创 5.BOM-操作浏览器(BOM、插件、本地存储)
本质是window对象的一个属性(location 或window.location)本地存储的分类:localStorage(重点)+sessionStorage。reload方法用来刷新当前页面,传入参数true时表示强制刷新。href属性获取完整的URL地址,对其赋值时用于地址的跳转。search属性获取地址中携带的参数,符号?作用:用来操作网页的URL地址(实现网页跳转)hash属性获取地中的哈希值,符号#后面部分。window是浏览器对象,又称为顶级对象。作用:用来记录当前浏览器中访问过的页面。
2024-03-12 20:40:17 371
原创 4.DOM-节点操作(节点的增删改查)
a链接只在本页面内部跳转//#表示只在本页面内部跳转 //跳转到页面顶部< p id = " one " > < a href = " #one " > //#表示在本页面跳转。id表示跳转到id为one处< p id = " one " > < a href = " #one " > //#表示在本页面跳转。id表示跳转到id为one处。
2024-03-10 18:46:30 411
原创 3.环境对象this、this指向总结(待完成还有节流防抖待完成)、回调函数、事件
环境对象本质上是一个关键字 thisthis所在的代码区域不同,代表的含义不同。
2024-03-10 00:09:28 873
原创 2.案例、鼠标时间类型、事件对象参数
在网页中事件是用户的一个动作用来实现用户和网页交互事件三要素a)事件源:用户的动作作用到那个标签身上,那个标签就是事件源b)事件类型:用户使用的是什么动作(点击事件、输入事件、悬停事件)c)处理程序:代表事件最后要实现的具体效果,就是一个匿名函数// 绑定事件// 1.先获取事件源(DOM标签对象)// 2.给事件源绑定事件//事件源.addEventListener('事件类型',function(){});//备注:事件类型常用的一个点击事件:click//
2024-03-08 18:04:37 482
原创 字符串方法、数组方法、深入对象、构造函数、数据常用函数
当把字符串、数字这种原始类型,当做对象使用的时候,JS会自动包装他们,把他们包装成对象,然后在使用 【对象.xxx()】这种语法。如果构造函数中,返回了一个引用类型的值(对象,数组),则结果就是返回的这个对象。如果构造函数中返回了一个原始类型值(字符串、数字、布尔),无效。如果有符合条件的元素,返回找到的第一个元素的下标,并终止查找。所有元素都符合条件返回true,否则返回false。根据给出的条件,判断数组中是否所有元素符合条件。根据给出的条件,判断数组中是否有元素符合条件。
2024-03-04 19:46:57 376
原创 作用域、解构、箭头函数
let age=20;//不能重复定义同一个名字的变量let {uname,age:其他的名字}={uname:'zs',age:100}
2024-03-03 22:06:08 814
原创 <基础>数组、冒泡排序、函数、作用域、对象、Math
通俗理解:对象也是一个容器,对象容器中保存的就是各种数据(比数组还要强大)专业理解:对象是一种数据类型(以键值对形式保存数据的一种数据类型且数据是没有顺序的)对象可以解决更复杂的问题----从Ajax开始遇到的所有数据90%以上都是对象格式//写法1(推荐)let 自定义对象名={属性名:属性值,方法名:函数//构造函数写法let 自定义对象名=new Object();//例子。
2024-03-03 12:24:12 341
原创 调试记录(总结)
4.在代码第一行设置断点(在对应的行号上点击鼠标左键),然后重新刷新页面,执行程序。6.将鼠标放到变量上或者某个条件上就可以看到执行结果了。5.手动让程序逐行执行 点击F10或点击下一步按钮。2.在浏览器中选中sources选项。3.单击对应的html页面。1.现在浏览器中运行程序。
2024-03-02 16:14:00 390
原创 HTML+CSS踩坑记录
input和button都属于行内块元素,如果放在一个盒子之间,不能刚好放入,行。特殊情况标签a里面可以放块级元素,但是给a转换一下块级模式最安全。绝对定位会改变元素的性质,行内变成块,块的宽高被内容撑开。:nth-child(-n+3) 从第3个元素往后开始选。:nth-child(n+3) 从第3个元素往后开始选。任何元素都可以添加浮动,浮动的元素具有行内块元素的特性。原理:点击选项卡显示对应的tab栏,其余的tab栏隐藏。内块元素之间有空隙,可以通过添加浮动消除空隙。行内元素内不可以放块级元素,
2024-03-01 09:46:57 358
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人