- 博客(25)
- 收藏
- 关注
RSS订阅原创 【Vue学习笔记】Mixin混入
Mixin封装的主要作用是将一些类中通用的方法和属性提取出来，封装成一个新的类，从而使代码更加模块化和可重用。例如，我们可以创建一个“可移动”Mixin，在多个类中引入该Mixin，这样所有的类都具有可移动的功能，避免了代码的重复。当Mixin与组件选项发生冲突时，Mixin的优先级高于组件选项，Mixin中的属性和方法会覆盖组件中的同名属性和方法。
2023-04-01 10:39:42
246
原创 【Vue学习笔记】跨域的六种解决方案
跨域问题的解决方法JSONPNginx反向代理CORS解决跨域问题postMessage解决跨域问题WebSocket解决跨域问题devServer代理跨域
2023-03-30 20:36:21
14283
原创 【Vue学习笔记】Axios使用
Axios是一个基于Promise的HTTP请求库，可以用于浏览器和Node.js平台。它可以帮助我们发送异步HTTP请求，处理HTTP响应，并支持拦截器、取消请求、自动转换JSON等功能，是一个非常强大和灵活的HTTP请求库。
2023-03-30 20:13:39
1728
原创 【Vue学习笔记】路由详解
在Vue中，路由是指通过URL路径来管理不同页面之间的交互跳转和状态切换的机制。Vue Router是Vue.js官方提供的路由管理器，可以用于构建单页应用（SPA）。通过Vue Router，开发者可以定义多个路由规则，每个规则对应一个路径，访问该路径时就会渲染对应的组件。同时，Vue Router还支持动态路由、嵌套路由、命名路由、路由传参等功能，方便开发者根据实际需求进行配置和使用。在Vue中使用路由需要先安装Vue Router，并在Vue实例中注册路由器。然后，就可以使用。
2023-03-30 19:49:42
1580
原创 【Vue学习笔记】vue/cli
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。一套完全图形化的创建和管理 Vue.js 项目的用户界面。
2023-03-18 11:15:37
125
原创 【Vue学习笔记】过滤器（filter）
Vue.js 允许自定义过滤器，可被用于一些常见的文本格式化，比如字母的大写、日期的格式化。vue1.x版本有系统自带过滤器，vue2.x之后完全需要自定义，没有自带过滤器。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示。我们可以用全局方法自定义一个全局过滤器。这样的话，每一个Vue的对象实例（每一个VM实例）都可以拿到这个过滤器。它接收两个参数：过滤器的名称 、过滤器函数。
2023-02-25 10:31:10
236
原创 【Vue学习笔记】属性检测（侦听属性）watch
需要在数据变化时执行异步或开销较大的操作时，这个时候需要属性检测watch。而不要使用计算属性，因为计算属性是同步的（需要立即返回结果）。watch监听主要用来监听data中的数据 当data的数据改变了watch就会触发执行一些函数 方便我们再数据改变之后 完成一些功能。
2023-02-25 10:18:23
226
原创 【Vue学习笔记】计算属性（computed）
在模板(HTML)中放入太多的逻辑会让模板过重且难以维护，而且不好阅读。计算属性computed来帮忙。计算属性是一个函数，是经过元数据（data里）进一步运算后的数据，计算属性的优点是：当元数据不发生变化时，不会再做计算（即：缓存了第一次调用函数的结果），只有元数据发生变化时，才做计算。是响应式的，需要在模板中渲染才可调用（计算属性只能在模板上使用 ）
2023-02-25 10:02:46
940
原创 【Vue学习笔记】vue的系统指令与修饰符
指令就是再vue中 使用v-前缀的html特殊属性 指令就是用来扩展再vue中标签的功能语法： 写在开标前 v-指令=“指令值”
2023-02-22 18:15:07
520
原创 【Vue学习笔记】Vue框架初识
vue官网构建数据驱动的web应用开发框架Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架Vue 被设计为可以自底向上逐层应用Vue 的核心库只关注视图层数据驱动和组件化便于与第三方库或既有项目整合,另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。Vue 不支持 IE8 及以下版本。
2023-02-22 17:17:51
72
原创 09-宏任务和微任务
是由（浏览器、Node）发起的，而微任务由 JS 自身发起。宏任务（Macrotask）大概如下：setTimeout setInterval MessageChannel I/OsetImmediate（Node环境） script（整体代码块）（Microtask）大概如下：MutationObserver（浏览器环境） promise.[ then/catch/finally ]事件队列 process.nextTick（Node环境）在执行一个 Promise 对象的时候，当走完。
2022-12-14 17:27:23
301
原创 08-Promise的静态方法
Promise 不仅能解决嵌套异步任务的回调地域问题，也可做多个异步任务的并发请求，还可以进行舒适简洁的状态管理。Promise 本身不是异步的，但是它可以封装异步任务，并对异步操作进行良好的状态管理，这便是 Promise 的魅力所在。
2022-12-13 14:57:33
617
原创 07-Promise的链式调用
上面的代码中，每次在 return 一个 promise 的时候，只是 url 地址不一样，其他的代码是一样的。上面代码中，then 是可以链式调用的，一旦 return 一个新的 promise 实例之后，后面的 then 就可以拿到前面 resolve 出来的数据。换而言之，现在有三个网络请求，请求 2 必须依赖请求 1 的结果，请求 3 必须依赖请求 2 的结果，如果按照往常的写法，会有三层回调，会陷入“回调地狱”。这种代码要怎么写呢?上面的代码中，假设 a 请求失败，那么，后面的代码会怎么走呢？
2022-12-11 14:32:53
1318
原创 06-Promise入门详解
把函数 A 传给另一个函数 B 调用，那么函数 A 就是回调函数。例如在浏览器中发送 ajax 请求，就是常⻅的⼀个异步场景，发送请求后，需要等待一段时间，等服务端响应之后我们才能拿到结果。如果我们希望在异步结束之后执⾏某个操作，就只能通过回调函数这样的⽅式进⾏操作。};});例如上⾯这个例⼦，dynamicFunc 就是⼀个异步函数，⾥⾯ setTimeout 会在 1s 之后调⽤传⼊的 callback 函数。按照上⾯的调⽤⽅式，最终 1s 之后，会打印 qian gu 这个结果。
2022-12-11 14:31:34
182
原创 05-同源和跨域
echo语句中输出的内容，即要返回给A客户端的内容，此内容会保存在 A 客户端的fn方法的data里。标签具有可跨域的特性，由服务端返回一个预先定义好的JS函数的调用，并且将服务器数据以该函数参数的形式传递过来。上方那一行的代码，意思是：刷新A服务器上的index页面后，会去请求 B 服务器上的。我们来分析上方代码中的最后一行的那个url：A 客户端请求的是 B服务器上的。，意思是：callback1是A和B 之间的约定，约定后，将执行方法 fn。从我自己的网站访问别人网站的内容，就叫跨域。
2022-12-09 20:11:04
36
原创 04-Ajax传输json和XML
json_decode()方法：将`json`字符串转化为变量。json_encode()方法：将变量转化为`json`字符串。 ajax 请求解析 json
2022-12-08 20:45:28
334
原创 03-Ajax入门和发送http请求
同步：必须等待前面的任务完成，才能继续后面的任务。异步：不受当前任务的影响。拿排队举例：同步：在银行排队时，只有等到你了，才能够去处理业务。异步：在排队的时候，可以玩手机。我们在访问一个普通的网站时，当浏览器加载完以后，网站的内容就固定了。如果想让网站内容发生更改，就必须刷新页面才能够看到更新的内容。可如果用到异步更新，情况就大为改观了。比如，我们在访问新浪微博时，看到一大半了，点击底部的加载更多，会自动帮我们加载更多的微博，同时页面并不会整体刷新。试想一下，如果没有异步刷新的话，每次点击“加载更多”，网页
2022-12-07 19:36:59
182
原创 02-JS单线程和异步
JavaScript 语言和执行环境是单线程。即同一时间，只能处理一个任务。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推具体来说，所谓单线程，是指 JS 引擎中负责解释和执行 JavaScript 代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个。所有的任务都需要排队
2022-12-05 19:32:42
102
原创 01-服务器分类及PHP入门
C/S架构和B/S架构 服务器分类使用 WampServer 搭建 HTTP服务PHP的常见语法php中的header()函数php中的 get 请求和 post 请求php 中文件相关的操作HTTP 协议
2022-12-03 14:43:16
131
原创 事件对象的兼容：
每个事件函数天生有一个参数叫event，它是事件对象，如果想修改event的名称，事件函数的第一个参数就是用来修改的。它是一个对象数据类型的值，里面包含了很多的属性名和属性值，这些都是用来记录当前鼠标的相关信息的。记录的是页面中唯一一个鼠标每一次触发时候的相关信息，和到底是在哪个元素上触发的没有关系。谷歌下也有，IE6，7，8下也有，但是火狐下没有。而IE9，谷歌，火狐等标准浏览器，e都是可以用的。，叫做鼠标事件对象，是一个对象属性类型的值。在IE6，7，8时，e是不会传进去的。在IE6，7，8下只能用。
2022-11-26 17:10:06
113
原创 JS图片放大镜功能实现
1.左侧和上侧距离，在一个水平位置和垂直位置中有我们可以挪动的区域，就是原图片区域，鼠标挪动位置是一个块状位置，他的左侧和上侧距离浏览器上侧和左侧分别有一个长度，我们叫它们 ClientX 和 ClientY，而左上侧鼠标没有略过的位置实际上是一个点，我们拖动放大块时，它会由一个点变成一个方块，这个放大镜左上边的点所控制的这一点距离屏幕上侧和左侧的 ClientY 和 ClientX 会随着鼠标的移动而变大变小，那么要计算放大块左侧距离原点和上侧原点就要减去原图距离屏幕的上边高度和左边高度。
2022-11-21 08:37:52
262
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人