摘要：
# 【补充】使用idea打开可运行没问题的js文件，多处红色波浪线警告 # 【一】问题说明 - 问题主要发现于在pycharm中打开Vue项目发现所有JS文件代码底下都是红色波浪线 - 当我们将鼠标悬停在红色波浪线的代码上时，他会提示 ``` JSHint: 'export' is only ava 阅读全文
posted @ 2023-08-06 22:33
Chimengmeng
阅读(246)
评论(0)
推荐(0)
摘要：
# 【一】vue-cli创建项目 ## 【1】引入 ### 单页面应用（SPA） - 单页面应用（Single Page Application，简称SPA）是一种Web应用程序的架构方式。 - 传统的多页面应用中，每次导航到新页面都会进行整个页面的重新加载。 - 而SPA只有一个主页面（通常是in 阅读全文
posted @ 2023-08-06 22:33
Chimengmeng
阅读(131)
评论(0)
推荐(0)
摘要：
# 【补充】后端接口处理跨域 ## 【1】安装 ```python pip3.9 install django-cors-headers ``` ## 【2】注册app ```python INSTALLED_APPS = ( ... 'corsheaders', ... ) ``` ## 【3】配 阅读全文
posted @ 2023-08-06 22:32
Chimengmeng
阅读(27)
评论(0)
推荐(0)
摘要：
# 【补充】前后端交互的三种方式 - 前后端要打通 》从前端发送ajax 》核心：使用js发送http请求，接收返回 - 使用原生 JavaScript 发送 Ajax 请求 - 这是一种传统的方式，通过使用 JavaScript 的 XMLHttpRequest 对象来发送和接收数据。 - 开发者 阅读全文
posted @ 2023-08-06 22:31
Chimengmeng
阅读(295)
评论(0)
推荐(0)
摘要：
# 【一】scoped - 新建的组件 - 加了scoped，表示样式只在当前组件生效 - 如果不加，子组件都会使用这个样式 ```js ``` - scoped 是 Vue.js 中的一个样式作用域限定符，用于将样式限制在当前组件中生效，并不会影响子组件或父组件。 - 使用 scoped 后，样式 阅读全文
posted @ 2023-08-06 22:31
Chimengmeng
阅读(49)
评论(0)
推荐(0)
摘要：
# 【ref属性】 > ref属性，vue提供的，写在标签上 > > - 可以写在普通标签：在vue中使用 this.$refs.名字 拿到dom对象，可以原生操作 > - 可以写在组件上:在vue中使用 this.$refs.名字 拿到[组件]对象，组件属性，方法直接使用即可 # 【详解】 - r 阅读全文
posted @ 2023-08-06 22:30
Chimengmeng
阅读(458)
评论(0)
推荐(0)
摘要：
# 【一】组件介绍 ## 【1】什么是组件 > - 组件就是：扩展 HTML 元素，封装可重用的代码，目的是复用 > - 例如： > - 有一个轮播图，可以在很多页面中使用，一个轮播有js，css，html > - 组件把js，css，html放到一起，有逻辑，有样式，有html - 组件是在Web 阅读全文
posted @ 2023-08-06 22:29
Chimengmeng
阅读(88)
评论(0)
推荐(0)
摘要：
# 【一】Vue的生命周期 # 【1】详解 - Vue.js生命周期是指在Vue实例从创建到销毁的过程中，会经历一系列的钩子函数，这些钩子函数可以让我们在不同的阶段插入自定义的代码。 - Vue的生命周期分为三个主要阶段： - **创建阶段** - **更新阶段** - **销毁阶段**。 ## （ 阅读全文
posted @ 2023-08-06 22:29
Chimengmeng
阅读(79)
评论(0)
推荐(0)
摘要：
# 【一】计算属性 - [1]计算属性是通过依赖变量进行缓存的，这意味着计算属性会保存最近一次计算的结果，并且只有在相关的依赖变量发生改变时才会重新计算。 - [2]计算属性只有在其相关依赖变量发生改变时才会重新求值，这也是它与普通函数的一个主要区别。 - 与函数不同的是，计算属性只在需要的时候才进 阅读全文
posted @ 2023-08-06 22:28
Chimengmeng
阅读(119)
评论(0)
推荐(0)
摘要：
# 【补充】es6的简写推导 ```html // es6的简写形式 var a = {"name": "dream", "age": 19} var b = {name: "dream", age: 19} // 一次简写 var name = "dream" var age = 19 var f 阅读全文
posted @ 2023-08-06 22:28
Chimengmeng
阅读(23)
评论(0)
推荐(0)
摘要：
# 【补充】vm对象简解 ```python {{name}} 方法中的 this 对象 点我 ``` > - `vm`是一个Vue实例对象的变量名。 > > - Vue实例对象是Vue.js框架中最核心的概念之一，它扮演着连接数据和视图的桥梁作用。 > > - 数据绑定： > - 通过将`vm`对 阅读全文
posted @ 2023-08-06 22:28
Chimengmeng
阅读(48)
评论(0)
推荐(0)
摘要：
# 【补充】数组的过滤 - 数组.filter(匿名函数，接收一个参数，函数必须返回 true/false ) - 返回 true 则表示该数据保留 ```js var arr = ['a', 'at', 'atom', 'attoo', 'be', 'beyond', 'cs', 'csrf'] 阅读全文
posted @ 2023-08-06 22:27
Chimengmeng
阅读(26)
评论(0)
推荐(0)
摘要：
# 【补充】JS中的for循环操作 ```js //补充： js循环 var arr = [33, 2, 3, 4, 6, 7, 4] // 1 基础for循环 // for (var i = 0; i < arr.length; i++) { // console.log(arr[i]) // } 阅读全文
posted @ 2023-08-06 22:27
Chimengmeng
阅读(28)
评论(0)
推荐(0)
摘要：
# 【补充】箭头函数 - 函数写法变简单 - 箭头函数没有自己的this，在箭头函数中使用this，就是它上一层的 ## 【1】简解 - 箭头函数是ES6中的语法特性，它提供了一种更简洁的函数定义方式。 - 相比传统函数，箭头函数具有以下特点： - 简化的语法： - 箭头函数的语法非常简洁，可以帮助 阅读全文
posted @ 2023-08-06 22:27
Chimengmeng
阅读(32)
评论(0)
推荐(0)
摘要：
# 【一】指令系统之文本指令(v-text/v-html) - 写在标签上，v-开头的 标签，称之为指令，每个指令都有特殊用途 > - v-指令名='写原来插值能写的东西' > - v-指令名='name' # 变量 - v-text - v-text 指令用于将变量的值渲染到标签的内部。 - 它会 阅读全文
posted @ 2023-08-06 22:27
Chimengmeng
阅读(173)
评论(0)
推荐(0)
摘要：
# 【一】插值语法 ```html Title {{s}} {{name}} ``` ```html Title 字符串：{{name}} 数字：{{age}} 数组：{{hobby}} >{{hobby[1]}} 对象：{{wife}} >{{wife['name']}} >{{wife.age} 阅读全文
posted @ 2023-08-06 22:26
Chimengmeng
阅读(65)
评论(0)
推荐(0)
摘要：
# 【一】Vue介绍 - Vue (读音 /vjuː/，类似于 view) 是一个渐进式JavaScript框架，用于构建用户界面。 - 它与其他大型框架的不同之处在于，Vue的设计理念是可以逐层应用的。 - Vue的核心库只关注视图层，这使得它不仅易于上手，还方便与第三方库或已有项目进行整合。 - 阅读全文
posted @ 2023-08-06 22:26
Chimengmeng
阅读(109)
评论(0)
推荐(0)
摘要：
# 前端的发展史 - HTML(5)、CSS(3)、JavaScript(ES5、ES6)： - 编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 - javascript=ECMAScr 阅读全文
posted @ 2023-08-06 22:25
Chimengmeng
阅读(103)
评论(0)
推荐(0)
摘要：
# 【一】Vue3的变化 ## 【1】性能的提升 - 打包大小减少41% - 初次渲染快55%, 更新渲染快133% - 内存减少54% ## 【2】源码的升级 - 使用Proxy代替defineProperty实现响应式 - 重写虚拟DOM的实现和Tree-Shaking ## 【3】拥抱Type 阅读全文
posted @ 2023-08-06 22:25
Chimengmeng
阅读(35)
评论(0)
推荐(0)
摘要：
# 【一】ref属性 ## 【1】详解 > - 被用来给元素或子组件注册引用信息（id的替代者） > - 应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc） - 在Vue中，$refs是一个特殊的属性，用于给元素或子组件注册引用信息。 - 它允许我们在模板或组件中通过 阅读全文
posted @ 2023-08-06 22:23
Chimengmeng
阅读(26)
评论(0)
推荐(0)
摘要：
# 【一】热门组件库 - 在Vue生态系统中，有许多热门的组件库可供使用。 - 这些组件库提供了丰富的UI组件和工具，可以极大地提升开发效率。 - 以下是一些热门的Vue组件库： - Element UI： - Element UI是饿了么UED团队开发的一套PC端的UI框架。 - 它提供了许多常用 阅读全文
posted @ 2023-08-06 22:23
Chimengmeng
阅读(142)
评论(0)
推荐(0)
摘要：
# 【一】项目功能插件 # 【二】vue-router ## 【1】详解 ### （1）介绍 - Vue Router是Vue.js官方提供的用于实现客户端路由的插件。 - 它允许您在单页面应用（SPA）中定义前端路由，以便根据不同的URL路径展示不同的组件内容，从而实现页面之间的切换和导航。 ## 阅读全文
posted @ 2023-08-06 22:22
Chimengmeng
阅读(31)
评论(0)
推荐(0)
摘要：
# 【一】Vue-CLI 项目搭建 # 【二】Vue-CLI 项目搭建参考步骤 - Vue-CLI（Vue Command Line Interface）是Vue.js官方提供的一个基于命令行的快速搭建Vue项目的工具。 - 它为我们创建一个Vue项目提供了简单易用的脚手架。 ## 【1】安装Nod 阅读全文
posted @ 2023-08-06 22:22
Chimengmeng
阅读(130)
评论(0)
推荐(0)
摘要：
# 【一】组件化开发基础 ## 【1】组件是什么？有什么用？  > 组件就是：扩展 HTML 元素，`封装可重用的 阅读全文
posted @ 2023-08-06 22:21
Chimengmeng
阅读(104)
评论(0)
推荐(0)
摘要：
# 【一】生命周期图 ## 【1】官网原图  ## 【2】我理解的图 
评论(0)
推荐(0)
摘要：
# 【一】跨域问题详解 ## 【1】详解 - 跨域问题指的是在Web开发中，当一个网页上的脚本试图访问不同源（协议、域名或端口不同）的资源时所产生的安全限制。 - 这是由于浏览器的同源策略所导致的。 - 同源策略是一种安全机制，其目的是保护用户数据的安全。 - 根据同源策略，一个网页只能与同一来源的 阅读全文
posted @ 2023-08-06 22:17
Chimengmeng
阅读(152)
评论(0)
推荐(0)
摘要：
# 【一】与后端交互 - ajax ## 【1】版本1 - 出现了跨域问题 ### （1）前端：index.html ```html Vue与后端交互 - 出现了跨域问题 加载数据 ``` ### （2）后端：main.py ```python from flask import Flask # 这 阅读全文
posted @ 2023-08-06 22:17
Chimengmeng
阅读(81)
评论(0)
推荐(0)
摘要：
# 【一】条件渲染 | 指令 | 释义 | | : : | : : | | v-if | 相当于： if | | v-else | 相当于：else | | v-else-if | 相当于：else if | - 在Vue中，条件渲染是一种根据特定条件决定是否显示或隐藏元素的方式。 - Vue提供了 阅读全文
posted @ 2023-08-06 22:15
Chimengmeng
阅读(73)
评论(0)
推荐(0)
摘要：
# 【一】前端的发展史 ## 【1】HTML、CSS、JavaScript： - 最初，前端主要是通过编写HTML（超文本标记语言）来构建静态网页。随后引入CSS（层叠样式表），使得网页能够实现更丰富的样式和布局。 - 而JavaScript成为了前端开发中的核心语言，通过JavaScript可以实 阅读全文
posted @ 2023-08-06 22:12
Chimengmeng
阅读(82)
评论(0)
推荐(0)
浙公网安备 33010602011771号