- 博客(29)
- 收藏
- 关注
RSS订阅原创 Day-06 Vue(声明式导航-自定义类名-查询参数传参、动态路由参数的可选符、重定向、vue404模式、编程式导航、传参总结)
router-link的两个高亮类名 太长了，我们希望能定制怎么办我们可以在创建路由对象时，额外配置两个配置项即可。和linkActiveClass: "类名1",linkExactActiveClass: "类名2"})routes:[],})04.声明式导航-查询参数传参跳转传参我们可以通过两种方式，在跳转的时候把所需要的参数传到其他页面中查询参数传参动态路由传参如何传参？参数名=值">如何接受参数固定用法：$router.query.参数名。
2024-12-25 20:59:34
603
原创 Day-05 Vue（自定义指令注册 、自定义指令的值、默认的插槽和具名插槽、作用域插槽、路由的基本使用（5+2步骤）、路由的封装抽离）
概念：自己定义的指令，可以封装一些DOM操作，扩展额外的功能//在main.js中Vue.directive('指令名', {"inserted" (el) { // 绑定指令的这个标签// 可以对 el 标签，扩展额外功能el.focus()})使用指令注意：在使用指令的时候，一定要先注册再使用，否则会报错使用指令语法： v-指令名。如：<input type="text" v-focus/>注册指令时不用加v-前缀，但使用时一定要加v-前缀main.js代码。
2024-12-24 09:10:34
672
原创 Day-03 Vue（生命周期、生命周期钩子八个函数、工程化开发和脚手架、组件化开发、根组件、局部注册和全局注册的步骤）
（2） 装包: yarn add less less-loader -D 或者npm i less less-loader -D。全局安装（只需安装一次即可） yarn global add @vue/cli 或者 npm i @vue/cli -g。核心包传统开发模式：基于html / css / js 文件，直接引入核心包，开发 Vue。组件化：一个页面可以拆分成一个个组件，每个组件有着自己独立的结构、样式、行为。Vue.component('组件名', 组件对象)
2024-12-22 15:13:24
2005
1
原创 Day-04 Vue（scoped局部作用域、data函数、组建通信 、props、单向数据流、非父子通信eventbus、ref和$ref、异步更新&$nextTick）
姓名：{{ username }}年龄：{{ age }}是否单身：{{ isSingle?'是':'否' }}座驾：{{ car.brand }}兴趣爱好：{{ hobby.join('、') }}
2024-12-22 13:47:05
1828
原创 Day-02 指令修饰符（v-model）、v-bind进阶、计算属性（computed）、computed和methods方法的区别、watch监听器
table {th,td {h3 {span {top: -4px;{{ totalCount }}
2024-12-19 22:42:59
598
原创 Day-01 差值表达式、Vue常用指令（内容渲染指令v-html、条件渲染指令v-show...、事件绑定指令v-on、属性绑定指令v-bind、双向绑定指令v-model、列表循环v-for）
1. 使用的数据要存在 2. 支持的是表达式，不是语句 if for 3. 不能在标签属性中使用 {{ }}推荐使用 id 作为 key（唯一），不推荐使用 index 作为 key（会变化，不对应）语法： v-show = "表达式" 表达式值为 true 显示， false 隐藏。语法： v-if= "表达式" 表达式值 true显示， false 隐藏。条件渲染指令（v-show、v-if、v-else、v-else-if）场景： 要么显示，要么隐藏，不频繁切换的场景。
2024-12-17 21:20:31
930
原创 Node.js day-03
注意：Webpack 默认只识别 JS 和 JSON 文件内容，所以想要让 Webpack 识别更多不同内容，需要使用加载器。Webpack 是一个静态模块打包工具，从入口构建依赖图，打包有关的模块，最后用于展示你的内容。4.配置 webpack.config.js 让 Webpack 拥有打包图片功能。2.静态模块：编写代码过程中的，html，css， js，图片等固定内容的文件。4.Webpack 的作用：把静态模块内容，压缩，这个和，转译等（前端工程化）
2024-12-16 18:13:33
1908
原创 Node.js day-02
*** 总结：* Node.js模块：* 概念：每个文件就是一个模块，独立作用域，按需加载，需使用特定语法导出导入* CommonJS 标准语法：* 导出：module.exports = {}* 导入：require('模块名或路径')* ECMAScript 标准语法：* 默认导出：export default {}* 默认导入：import 变量名 from '模块名或路径'* 命名导出：export 修饰定义语句。
2024-12-16 17:06:08
724
原创 Node.js day-01
Node.js 基于Chrome V8 引擎封装，独立执行 JS 代码，但是语法和浏览器环境的 V8 有所不同，没有 document 和 window 但是都支持 ECMAScript 标准的代码语法。Node.js 作用除了编写后端应用程序，也可以对前端代码进行压缩，转译，整合等等，提高前端开发和运行效率。什么是 Node.js，有什么用，为何能独立执行 JS 代码，演示安装和执行 JS 文件内代码。Node.js 是一个独立的 JavaScript 运行环境，能。
2024-12-16 16:28:23
613
原创 Day-03 黑马数据平台案例整体
3.向后端请求数据（这里后台数据为Header 参数→写法：headers:{Authorization:token}）try catch捕捉错误→try（正确）收集数据解构 将收集到的 数据遍历并渲染到页面 → catch 收集错误信息（console.dir显示错误信息）登录状态失效401为token令牌失效--弹窗提示--清除本地存储--延时器转跳页面。3.请求数据→弹窗显示 → 重新渲染 → 关闭弹窗 → 清除弹窗id（！请求发送时--》执行请求拦截器--》服务器。
2024-12-16 15:32:51
763
原创 Day-01 Git使用方法总结，axios简化写法，设置基地址，if单行化简写法
1.git config --global user.name"用户名"2.git config --global user.email邮箱地址查看配置git config --list（信息太多使用 使用q退出）二、本地初始化Git仓库1.通常有两种获取Git仓库的方式：将尚未进行版本控制的本地目录转为Git仓库（初始化仓库）从其他服务器克隆一个已存在的Git仓库。2.本地初始化Git仓库的步骤：在本地目录打开git bash（终端），执行命令git init。三、记录每次更新到仓库。
2024-12-05 21:17:52
809
原创 Day-04 同步和异步代码、回调函数地狱、Promise-链式调用、async和await函数、Promise.all静态方法
async 和await 关键字让我们可以用一种更简洁的方式写出基于Promise 的异步行为，而无需刻意地链式调用promise。这样做是很有必要的，因为每一行新的代码都是建立在前面代码的基础之上的。语法: 在async函数内，使用await关键字取代then函数，等待获取Promise对象成功状态的结果值。作用: 将多个Promise对象包装成一个新的Promise对象，获取所有的成功结果，或某一个的失败原因。回调函数地狱: 在回调函数中调用回调函数，形成的。then方法的返回值: then方法中的。
2024-12-05 20:21:52
740
原创 Day-03 ajax-底层逻辑（XMLHttpRequest基本使用、查询参数、数据提交、），认识Promise状态
【代码】Day-03 ajax-底层逻辑、
2024-12-05 19:52:46
179
原创 Day-01 axios(基本使用)，认识URL及查询参数，常用的请求方法和数据提交，请求报文，响应报文，from-serialize插件
获取城市数据并渲染
2024-12-02 20:53:47
431
原创 Day-04 正则、元字符（量词,范围）、替换和修饰符、手势插件、截取字符串
【代码】Day-04 正则、元字符（量词,范围）、替换和修饰符、手势插件、截取字符串。
2024-11-28 14:40:43
163
原创 Day03 BOM操作(window对象、延时器、定时器、location对象、navigator对象、histroy对象、本地存储)
history(历史)是对象，主要管理历史记录， 该对象与浏览器地址栏的操作相对应，如前进、后退等。定时器返回的是一个id数字。
2024-11-25 15:07:24
392
原创 Day02 事件类型(鼠标事件，焦点事件，键盘事件)、事件流、事件委托、排他思想
当一个元素的事件被触发时，同样的事件将会在该元素的所有。简单理解：当一个元素触发事件后，会依次向上调用所有父级元素的。当触发事件时，会经历两个阶段，分别是捕获阶段、冒泡阶段。语法：事件对象.preventDefault()事件流指的是事件完整执行过程中的流动路径。这一过程被称为事件冒泡。
2024-11-25 11:49:08
645
原创 Day01 获取DOM元素，操作元素内容，事件监听，操作DOM属性，操作元素样式style(className，classList)，自定义属性
我是一个div
2024-11-22 16:08:07
978
原创 Day-07 数组常用方法（filter、find，every、some）对象方法（keys，values，assign）字符串方法（split，trim，indexOf...）、日期、递归、异常处理
find：查找元素，返回符合测试条件的第一个元素值，如果没有符合条件的则返回undefined。获取指定日期： const data = new Date('2022-9-9')split：用来将字符串拆分成数组（如果没有指定分隔符，按字符串拆成数组）作用：过滤数组，返回新数组（返回的是筛选满足条件的数组元素）findindex：返回满足条件的元素的索引，没有则返回-1。every：检测数组所有元素是否都符合指定条件，如果。some：检测数组中的元素是否都满足指定条件。
2024-11-22 12:12:39
914
原创 Day-06(箭头函数、解构、数组常用方法、arguments参数、剩余参数)
1.当箭头函数只有一个参数时，可以省略参数的小括号，其余个数不能省略（没有参数也需要写小括号 (x)=>{} → x=>{}）3.如果返回的是个对象，则需要把对象用小括号包裹（const fn3 = () => ({ name: '小红' })）2.当箭头函数的函数体只有一句代码可以省略函数体大括号，这句代码就是返回值（可以不用写return和大括号 ）argumeents参数不可以定义方法（pop，push），剩余参数可以定义方法（...+自定义名）函数体返回对象，需要使用小括号包裹对象。
2024-11-19 09:33:07
266
原创 Day-05 对象（属性，方法，简写方法，操作方法，遍历for in），Mat（随机，向上向下取整）对象，
【代码】Day-05 对象（使用、操作、遍历、内置）
2024-11-17 22:25:06
244
1
原创 day-02：运算符(自增、自减、逻辑)、数据类型转换(显式、隐式、转数字、转字符串)、语句(if、三元、switch、while、for)
释义：while大括号里代码执行完毕后不会跳出，而是继续回到小括号里判断条件是否满足，若满足又执行大括号里的代码，然后再回到小括号判断条件，直到括号内条件不满足，即跳出。好处：把声明初始值、循环条件、变量计数写到一起，让人一目了然，它是最常使用的循环形式。逻辑运算符优先级：！
2024-11-13 17:53:52
304
原创 Day-01- js、注释、输出语句、输入语句、变量和常量、变量var、交换值变量、基本数据类型、字符串、算数运算符、赋值运算符
数据类型包含：基本数据类型（number - 数字型、string - 字符型、 boolean - 布尔型、undefinde - 未定义型、null - 空类型）和 引入数据类型（ Object、Function、Array）
2024-11-11 21:06:00
343
原创 九、数组增删改查、条件语句(渲染)、三元运算、
数组名.push(数据1, 数据2, ...)、 数组名.unshift(数据1, 数据2, ...)数组名.pop()结尾删除、数组名.shift()开头删除。当逻辑条件为真时，执行对应的一组语句。条件表达式又叫三元运算或三元表达式。if 语句用于需要根据。
2024-11-01 20:58:59
278
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人