- 博客(52)
- 收藏
- 关注
RSS订阅原创 Vue 核心技术与实战day03
1. 核心包传统开发模式：基于 html / css / js 文件，直接引入核心包，开发 Vue。工程化开发模式：基于构建工具（例如：webpack ) 的环境中开发 Vue。作用：导入App.vue，基于App.vue创建结构渲染index.html。Vue生命周期：一个Vue实例从 创建 到 销毁 的整个过程。App.vue 文件（单文件组件）的三个组成部分。① 创建 .vue 文件 (三个组成部分)① 创建 .vue 文件 (三个组成部分)Vue CLI 是 Vue 官方提供的一个。
2024-07-16 08:59:46
344
原创 Vue 核心技术与实战day02
指令修饰符通过"."指明一些指令后缀，不同后缀封装了不同的处理操作→简化代码① 按键修饰符→ 键盘回车监听②v-model修饰符→去除首尾空格→转数字③ 事件修饰符事件名.stop →阻止冒泡事件名.prevent →阻止默认行为v-bind 对于样式控制的增强为了方便开发者进行样式控制， Vue 扩展了v-bind的语法，可以针对class 类名和style 行内样式进行控制。操作class语法:class = "对象/数组"
2024-07-14 11:46:55
541
原创 Vue 核心技术与实战day01
3. 框架：一套完整的项目解决方案，提升开发效率↑ (理解记忆规则) 规则 → 官网。我们已经掌握了基础的模板渲染，其实除了基本的模板渲染，Vue背后还做了大量工作。打开 Vue 运行的页面，调试工具中 Vue 栏，即可查看修改数据，进行调试。如何访问 or 修改？使用 Vue 开发，关注业务的核心逻辑，根据业务修改数据即可。概念：Vue 是一个用于 构建用户界面 的 渐进式 框架。Vue 会根据不同的【指令】，针对标签实现不同的【功能】4. 场景： 要么显示，要么隐藏，不频繁切换的场景。
2024-07-13 15:42:21
878
原创 Webpack
什么是Webpack？静态模块：指的是编写代码过程中的，htmlcssjs，图片等固定内容的文件打包：把静态模块内容，压缩，整合，转译等（前端工程化）把转成css代码把ES6+降级成ES5支持多种模块标准语法问题：为何不学vite？因为：很多项目还是基于Webpack构建，并为Vue，React 脚手架使用做铺垫！
2024-07-10 09:34:45
864
原创 Node.js 入门
作用：使用 Node.js 编写服务器端程序编写数据接口，提供网页资源浏览功能等等前端工程化：为后续学习 Vue 和 React 等框架做铺垫前端工程化：开发项目直到上线，过程中集成的所有工具和技术Node.js 是前端工程化的基础（因为 Node.js 可以主动读取前端代码内容）
2024-07-04 21:01:20
1070
原创 黑马头条-数据管理平台
1. 在 utils/auth.js 中判断无 token 令牌字符串，则强制跳转到登录页（手动修改地址栏测试）2. 在登录成功后，保存 token 令牌字符串到本地，再跳转到首页（手动修改地址栏测试）作用：提取公共前缀地址，配置后 axios 请求时都会 baseURL + url。axios 响应拦截器：响应回到 then/catch 之前，触发的。2. axios 响应拦截器，什么时候触发成功/失败的回调函数？axios 请求拦截器：发起请求之前，触发的配置函数，对。
2024-07-02 15:21:17
588
原创 AJAX进阶-day4
注意：await必须用在async修饰的函数内（await会阻止"异步函数内"代码继续执行，原地等待结果）原因：JavaScript 单线程（某一刻只能执行一行代码），为了让耗时代码不阻塞其他代码运行，设计了。定义：执行代码和收集异步任务的模型，在调用栈空闲，反复调用任务队列里回调函数的执行机制，就叫事件循环。概念： 在 async 函数内，使用 await 关键字取代 then 函数，和收集异步任务，在调用栈空闲时，反复调用任务队列里回调函数执行机制。，不阻塞代码继续执行（不必原地等待），在。
2024-06-27 12:49:03
870
原创 AJAX 原理-day3
关系：axios 内部采用 XMLHttpRequest 对象与服务器交互。需求：使用 Promise 管理 XHR 获取省份列表，并展示到页面上。待定（pending） ：初始状态，既没有被兑现，也没有被拒绝。概念：一个Promise对象，必然处于以下几种状态之一。已兑现（fulfilled） ：意味着，操作成功完成。语法：http://xxxx.com/xxx/xxx。已拒绝（rejected） ：意味着，操作失败。使用Promise + XHR 获取省份列表。2. Promise 状态有什么用？
2024-06-20 11:13:04
428
原创 AJAX 综合案例-day2
addForm.reset() 把表单里面的数据清空。1. 引入 bootstrap.css 和 bootstrap.js。1. 通过属性控制，弹框显示或隐藏。功能：不离开当前页面，显示单独内容，供用户操作。控制，弹框显示或隐藏。e.target.file可以拿到文件对象。Bootstrap 弹框。Bootstrap 弹框。
2024-06-20 11:12:40
226
原创 AJAX 入门-day1
2. 使用serialize函数，快速收集表单元素的值。* 建议name属性的值，最好和接口文档参数名一致。注意：axios 在运行时把参数名和值，会拼接到 url。需求：请求目标资源地址，拿到省份列表数据，显示到页面。* 表单元素设置name属性，值会作为。HTTP 协议：规定了浏览器发送及服务器返回内容的。HTTP 协议：规定了浏览器发送及服务器返回内容的。* - false：不获取空值。* 参数1：要获取哪个表单的数据。场景：再次注册相同的账号，会遇到报错信息。
2024-06-18 13:57:20
925
原创 JavaScript 高级第四天
2. 下次打开页面， onloadeddata 事件触发，就可以从本地存储取出时间，让视频从取出的时间播放，如果没有就默认为0s。在开发中【使用箭头函数前需要考虑函数中 this 的值】，事件回调函数使用箭头函数时，this 为全局的 window。1. 箭头函数会默认帮我们绑定外层 this 的值，所以在箭头函数中 this 的值和外层的 this 是一样的。也就是 2029年才能买房…比如，我 2020年开始计算，连续交5年，也就是到2024年可以买房了，包含2020年。
2024-06-16 15:45:20
594
原创 JavaScript 进阶第三天
基于原型对象的继承使得不同构造函数的原型对象关联在一起，并且这种关联的关系是一种链状的结构，我们将原型对象的链状结构关系称为原型链。2 同样的将变量和函数组合到了一起并能通过 this 实现数据的共享，所不同的是借助构造函数创建出来的实例对象之间是彼此不影响的。继承是面向对象编程的另一个特征，通过继承进一步提升代码封装的程度，JavaScript 中大多是借助原型对象实现继承的特性。，之所以我们对象可以使用构造函数prototype原型对象的属性和方法，就是因为对象有 __proto__ 原型的存在。
2024-06-15 17:42:14
801
原创 JavaScript 进阶第二天
2. 如果没有起始值， 则累计值以数组的第一个数组元素作为起始值开始累计。学习三个常用静态方法（静态方法就是只有构造函数Object可以调用的）其实字符串、数值、布尔、等基本类型也都有专门的构造函数，这些我们称为。1. 如果有起始值，则以起始值为准开始累计， 累计值 = 起始值。2. 为构造函数传入参数，动态创建结构相同但值不同的对象。3. 执行构造函数代码，修改this，添加新的属性。4. 构造函数内部的 return 返回的值无效，Object 是内置的构造函数，用于创建普通对象。
2024-06-14 21:09:23
959
原创 JavaScript 高级第一天
JS初学者经常花很多时间才能习惯变量提升，还经常出现一些意想不到的bug，正因为如此，ES6 引入了块级作用域， 用let 或者 const声明变量，让代码写法更加规范和人性化。在开发中【使用箭头函数前需要考虑函数中 this 的值】，事件回调函数使用箭头函数时，this 为全局的 window，因此。filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。1. 赋值运算符 = 左侧的 [] 用于批量声明变量，右侧数组的单元值将被赋值给左侧的变量。
2024-06-13 22:51:32
585
原创 Web APIs 第五天
Window对象BOMBOM(Browser Object Model ) 浏览器对象模型1 window对象是一个全局对象，也可以说是JavaScript中的顶级对象2 像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。3 所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法4 window对象下的属性和方法调用的时候可以省略window定时器-延时函数。
2024-06-08 14:39:47
649
原创 Web APIs 第三天
页面加载事件有哪两个？如何添加？Øload 事件Ø 监听整个页面资源给window加ØØ 给document加Ø 无需等待样式表、图像等完全加载1 DOMContentLoaded范围比load小，加载速度比load块2 用了这两个事件，script标签就可以写在上面，不用写在body的结束标签处，当然，也可以写在下面元素滚动事件滚动条在滚动的时候持续触发的事件为什么要学？Ø 很多网页需要检测用户把页面滚动到某个区域后做一些处理， 比如固定导航栏，比如返回顶部。
2024-06-05 22:37:14
903
原创 Web APIs 第二天
就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为绑定事件或者注册事件比如鼠标经过显示下拉菜单，比如点击可以播放轮播图等等语法：事件监听三要素：Ø。
2024-06-03 18:03:50
806
原创 Web APIs 第一天
标签选择body， 因为body是唯一的标签，可以直接写 document.body.style。但是对于引用数据类型，const声明的变量，里面存的不是 值，不是值，不是值，是 地址。Ø 如果基本数据类型的值或者引用类型的地址发生变化的时候，需要用let。Ø 有了变量先给const，如果发现它后面是要被修改的，再改为let。const 声明的值不能更改，而且const声明变量的时候需要里面进行初始化。例：document.write()有了变量先给const，如果发现它后面是要被修改的，再改为let。
2024-06-02 16:19:18
895
原创 JavaScript 基础第五天
引用类型（复杂数据类型）：通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等。，因此叫做引用数据类型 ，通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等。2、堆（操作系统）：存储复杂类型(对象)，一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。引用类型变量（栈空间）里存放的是地址，真正的对象实例存放在堆空间中。属性：信息或叫特征（名词）。属性就是依附在对象上的变量（外面是变量，对象内是属性）
2024-06-01 17:59:50
541
原创 JavaScript 基础第四天
我们曾经使用过的 alert('打印'), parseInt('11'), Number('11') 本质上都是函数调用的传参。说明：这个默认值只会在缺少实参参数传递时 才会被执行，所以有参数会优先执行传递过来的实参, 否则默认为undefined。Ø 如果实参过多 那么多余的实参会被忽略 (函数内部有一个arguments,里面装着所有的实参)函数的功能代码都要写在函数体当中。函数执行后得到结果，结果是调用者想要拿到的（一句话，函数内部不。双击某个单词（单词可以是变量，函数），相同的单词会处于。
2024-05-31 22:54:07
659
原创 js冒泡排序
2 它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。走访数列的工作是重 复地进行直到没有再需要交换，也就是说该数列已经排序完成。4 比如数组 [2,3,1,4,5] 经过排序成为了 [1,2,3,4,5] 或者 [5,4,3,2,1]3 这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。1 冒泡排序是一种简单的排序算法。数组. sort() 方法可以排序。
2024-05-27 13:25:27
108
1
原创 JavaScript 基础第三天
while(true) 来构造“无限”循环，需要使用break退出循环。一般用于排除或者跳过某一个选项的时候, 可以使用continue。一般用于结果已经得到, 后续的循环不需要的时候可以使用。构造“无限”循环，同样需要使用break退出循环。当如果明确了循环的次数的时候推荐使用for循环。当不明确循环的次数的时候推荐使用while循环。数组：(Array)是一种可以按顺序保存数据的。一个循环里再套一个循环，一般用在for循环里。continue 退出本次循环，它是最常使用的循环形式。
2024-05-26 23:27:24
221
原创 JavaScript 基础第二天
众多的 JavaScript 的运算符可以根据所需表达式的个数，分为一元运算符、二元运算符、三元运算符。Ø 如果第一位一样再比较第二位，以此类推。3. 后面 i++ 后置自增会使用相对较多,并且都是单独使用。Ø 比较的少，了解即可。比如进行10次操作，用它来计算进行了多少次了。Ø 从左往右依次比较。Ø 所以开发中，如果进行准确的比较我们。使用这些运算符可以在对变量赋值时进行快速操作。字符串比较，是比较的字符对应的ASCII码。Ø 作用：让变量的值。Ø 作用：让变量的值。赋值运算符：对变量进行赋值的运算符。
2024-05-25 23:59:44
277
原创 JavaScript 基础第一天
关键字：有特殊含义的字符，JavaScript 内置的一些英语词汇。2. 外部JavaScript会使代码更加有序，更易于复用，且没有了脚本的混合，HTML 也会更加易读，因此这是个好的习惯。它有两个固定的值 true 和 false，表示肯定的数据用 true（真），表示否定的数据用 false（假）。数字可以有很多操作，比如，乘法 * 、除法 / 、加法 + 、减法 - 等等，所以经常和算术运算符一起。编写程序时过度依靠系统内部的隐式转换是不严禁的，因为隐式转换规律并不清晰，大多是靠经验总结的规律。
2024-05-25 19:06:35
583
原创 移动 Web 第五天
1. 下载：Bootstrap V5中文文档 → 进入中文文档 → 下载 →。2. Bootstrap 5 中，栅格系统划分了多少个响应区间？的，如屏幕设备、打印设备等，其中手机、电脑、平板都属于屏幕设备。屏幕宽度大于等于 1200px, 网页背景色是skyblue。Bootstrap 是由 Twitter 公司开发维护的。按钮尺寸：btn-lg / btn-sm。table-striped：隔行变色。Bootstrap – 栅格系统。Bootstrap – 全局样式。Bootstrap – 字体图标。
2024-05-21 22:01:59
534
原创 移动 Web 第四天
px 单位数值 / ( 1/100 视口高度 )px 单位数值 / ( 1/100 视口宽度 )思考：开发中，能不能vw和vh混用呢？的vw尺寸 （1/100视口宽度）的vh尺寸 （1/100视口高度）（1/100 视口宽度）2. vw单位的尺寸 =（1/100 视口高度）(视口宽度) → 确定。(视口高度) → 确定。2. vh单位的尺寸。全面屏视口高度尺寸大。，如果混用可能会导致。
2024-05-20 11:25:22
107
原创 移动 Web 第二天
空间转换空间：是从坐标轴角度定义的X 、Y 和 Z三条坐标轴构成了一个立体空间，Z 轴位置与视线方向相同。空间转换也叫3D转换属性：transform空间转换 – 平移属性3个数都要写才起效果transform(x, y, z);取值（正负均可）像素单位数值百分比（参照盒子自身尺寸计算结果）提示默认情况下，Z 轴平移没有效果视距作用：指定了观察者与Z=0平面的距离，为元素添加透视效果透视效果：近大远小、近实远虚属性：添加给父级。
2024-05-19 00:25:41
758
原创 移动 Web 第一天
先写旋转，则后面的转换效果的轴向以旋转后的轴向为准，会影响转换结果。思考: 改变元素的width或height属性能实现吗？⚫ 通常，只为 scale() 设置。以第一种转换方式坐标轴为准转换形态。平面转换 transform。旋转会改变网页元素的坐标轴向。（位移、旋转、缩放、倾斜）translate() 只写。平面转换 – 改变转换原点。水平原点位置 垂直原点位置。，表示 X 轴和 Y 轴。默认情况下，转换原点是。平面转换 – 多重转换。
2024-05-17 23:57:58
613
原创 CSS 第七天第八天小兔鲜儿以及经验总结
文件夹：存放非固定使用的图片素材，例如：商品图、宣传图需要上传的图片。SEO、Favicon、小兔鲜儿。样式，例如：头部、底部。：各个网页相同模块的。
2024-05-12 00:32:15
29
原创 CSS 第六天
效果：图片img的底下有空白，转块级不按基线对齐，空白就消失了。图标库 → 进入图标库 → 选图标，加入购物车 → 购物车，因为浏览器把行内块、行内标签当做文字处理，默认按基线对齐。拓展：很少单独使用相对定位，一般是与其他定位方式配合使用。的图标上传到 iconfont 图标库，生成字体。：字体图标基本样式（字体名，字体大小等等）：灵活地修改样式，例如：尺寸、颜色等。：体积小、渲染快、降低服务器请求次数。矢量图，打开 → 提交 → 系统审核。的所有属性，都产生过渡效果）默认效果：按照标签书写顺序，
2024-05-11 19:25:35
768
原创 CSS 第五天学成在线
* ::placeholder 选中就是 placeholder 属性文字样式*/标签结构：通栏 > 版心 > logo + 导航 + 搜索 + 用户。标签结构：.search > input + a / button。/* 父级是flex布局，子级变弹性盒子：加宽高生效 */标签结构：.user > a > img + span。：基础公共样式，例如：清除默认样式、设置网页基本样式。布局思路：先整体再局部，从外到内，从上到下，从左到右。标签结构：h1 > a > 网站名称（搜索关键字）
2024-05-06 23:19:22
786
原创 CSS 第四天
例如：块元素独占一行，行内元素可以一行显示多个。标准流也叫文档流，指的是标签在页面中默认的。标准流、浮动、Flex 布局。作用：让块元素水平排列。
2024-05-05 23:03:50
556
原创 CSS 第三天
创建项目 → 输入 项目名称、项目类型。选择器、PxCook软件、盒子模型。:nth-child(公式)设计面板（手动测量尺寸和颜色）提示：公式中的n取值从。元素（伪元素），用来摆放。，如果没有内容，则引号。） 是一款切图设计工具。文件的文字、颜色、距离。
2024-05-04 18:00:59
589
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人