随笔分类 - Web前端开发
发表于 2023-08-23 09:28阅读：23评论：0推荐：0
摘要：# [Web前端参考手册](https://www.cnblogs.com/dream-ze/p/17524779.html) # [【前端引入】](https://www.cnblogs.com/dream-ze/p/17524705.html) # 【HTML】 ## [【1】web服务端本质]
阅读全文 »
发表于 2023-08-07 08:46阅读：59评论：0推荐：0
摘要：# 【Vue笔记链接总结】 # 【一】前端发展史 - [【1.0】前端的发展史 - Chimengmeng - 博客园 (cnblogs.com)](https://www.cnblogs.com/dream-ze/p/17610231.html) # 【二】Vue之介绍及引入 - [【2.0】Vu
阅读全文 »
发表于 2023-08-07 08:32阅读：49评论：0推荐：0
摘要：# 【Vue大回顾】 # 【一】Vue入门 ## 【1】MVVM（Model-View-ViewModel）架构 - MVVM（Model-View-ViewModel）是一种软件架构模式，用于将用户界面（View）与应用程序逻辑（Model）之间的关系进行解耦。 - 在MVVM中，ViewMode
阅读全文 »
发表于 2023-08-07 08:28阅读：358评论：0推荐：0
摘要：# 【补充】uni-app和开源前端项目 # 【一】uni-app - https://uniapp.dcloud.net.cn/tutorial/app-useragent.html - uni-app是一个基于Vue.js框架的多端开发解决方案，可以同时开发生成iOS、Android、H5等多个
阅读全文 »
发表于 2023-08-07 08:28阅读：35评论：0推荐：0
摘要：# 【一】JS代码 - `\src\hook\UsePoint.js` ```js import {onBeforeUnmount, onMounted, reactive} from "vue"; export default function () { let point = reactive(
阅读全文 »
发表于 2023-08-07 08:27阅读：112评论：0推荐：0
摘要：# 【一】setup函数 - `setup`函数是用来替代Vue 2中的`data`、`methods`等选项的。 - 它是一个特殊的函数，它会在组件实例创建之前被调用，用于初始化组件的状态和行为 - `setup`函数可以定义变量和函数，并且可以使用ES6的`let`和`const`语法来声明变量
阅读全文 »
发表于 2023-08-07 08:27阅读：131评论：0推荐：0
摘要：# 【一】Vue3介绍 ## 1.性能的提升 - 打包大小减少41%： - Vue3采用了一种新的编译器，它能够生成更精简的代码，从而减小了打包后的文件大小。 - 初次渲染快55%, 更新渲染快133%： - Vue3对渲染过程做了优化，提高了首次渲染和更新渲染的速度。 - 内存减少54%： - V
阅读全文 »
发表于 2023-08-07 08:26阅读：156评论：0推荐：0
摘要：# Vue3 UI库 # 【一】Element Plus(ElementUI 的升级版): - Element Plus 是前端开发者广泛使用的一个基于 Vue 3 的 UI 组件库。它是 ElementUI 的升级版，提供了丰富的组件和样式，以及强大的功能。其基本使用操作包括： - 安装 Elem
阅读全文 »
发表于 2023-08-07 08:26阅读：14评论：0推荐：0
摘要：# 【补充】localstorage和sessionstorage,和cookie - 前端存储数据 - 登录成功，有token，存本地 - 京东... - 不登陆加购物车 - 迪卡侬官网 - 前端可以存数据的位置 - localstorage：永久存储，除非你删除，关闭浏览器，再打开还会在 - s
阅读全文 »
发表于 2023-08-07 08:25阅读：41评论：0推荐：0
摘要：# 【一】Router的介绍 - Router是一种用于实现页面组件跳转的工具。 - 在单页面应用中，为了实现页面之间的切换，可以使用Router来进行管理和控制。 - 提倡单页面应用，需要做页面的跳转 》借助于Router实现页面组件的跳转 # 【二】Router之简单使用 ## 【1】页面跳转
阅读全文 »
发表于 2023-08-07 08:25阅读：67评论：0推荐：0
摘要：# vuex # 【一】介绍 > - vuex :状态管理器 》存数据(变量)的地方，所有组件都可以操作 > > - 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信 - Vuex是一个
阅读全文 »
发表于 2023-08-07 08:23阅读：25评论：0推荐：0
摘要：# 【一】插件 - 插件功能：用于增强Vue，有很多第三方插件 - `(vuex，router，elemetui)` - 定义自己的插件 - 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据 - 使用步骤： - 定义插件 - plug
阅读全文 »
发表于 2023-08-06 22:33阅读：90评论：0推荐：0
摘要：# 【补充】使用idea打开可运行没问题的js文件，多处红色波浪线警告 # 【一】问题说明 - 问题主要发现于在pycharm中打开Vue项目发现所有JS文件代码底下都是红色波浪线 - 当我们将鼠标悬停在红色波浪线的代码上时，他会提示 ``` JSHint: 'export' is only ava
阅读全文 »
发表于 2023-08-06 22:33阅读：65评论：0推荐：0
摘要：# 【一】vue-cli创建项目 ## 【1】引入 ### 单页面应用（SPA） - 单页面应用（Single Page Application，简称SPA）是一种Web应用程序的架构方式。 - 传统的多页面应用中，每次导航到新页面都会进行整个页面的重新加载。 - 而SPA只有一个主页面（通常是in
阅读全文 »
发表于 2023-08-06 22:32阅读：10评论：0推荐：0
摘要：# 【补充】后端接口处理跨域 ## 【1】安装 ```python pip3.9 install django-cors-headers ``` ## 【2】注册app ```python INSTALLED_APPS = ( ... 'corsheaders', ... ) ``` ## 【3】配
阅读全文 »
发表于 2023-08-06 22:31阅读：174评论：0推荐：0
摘要：# 【补充】前后端交互的三种方式 - 前后端要打通 》从前端发送ajax 》核心：使用js发送http请求，接收返回 - 使用原生 JavaScript 发送 Ajax 请求 - 这是一种传统的方式，通过使用 JavaScript 的 XMLHttpRequest 对象来发送和接收数据。 - 开发者
阅读全文 »
发表于 2023-08-06 22:31阅读：11评论：0推荐：0
摘要：# 【一】scoped - 新建的组件 - 加了scoped，表示样式只在当前组件生效 - 如果不加，子组件都会使用这个样式 ```js ``` - scoped 是 Vue.js 中的一个样式作用域限定符，用于将样式限制在当前组件中生效，并不会影响子组件或父组件。 - 使用 scoped 后，样式
阅读全文 »
发表于 2023-08-06 22:30阅读：364评论：0推荐：0
摘要：# 【ref属性】 > ref属性，vue提供的，写在标签上 > > - 可以写在普通标签：在vue中使用 this.$refs.名字 拿到dom对象，可以原生操作 > - 可以写在组件上:在vue中使用 this.$refs.名字 拿到[组件]对象，组件属性，方法直接使用即可 # 【详解】 - r
阅读全文 »
发表于 2023-08-06 22:29阅读：38评论：0推荐：0
摘要：# 【一】组件介绍 ## 【1】什么是组件 > - 组件就是：扩展 HTML 元素，封装可重用的代码，目的是复用 > - 例如： > - 有一个轮播图，可以在很多页面中使用，一个轮播有js，css，html > - 组件把js，css，html放到一起，有逻辑，有样式，有html - 组件是在Web
阅读全文 »
发表于 2023-08-06 22:29阅读：35评论：0推荐：0
摘要：# 【一】Vue的生命周期 # 【1】详解 - Vue.js生命周期是指在Vue实例从创建到销毁的过程中，会经历一系列的钩子函数，这些钩子函数可以让我们在不同的阶段插入自定义的代码。 - Vue的生命周期分为三个主要阶段： - **创建阶段** - **更新阶段** - **销毁阶段**。 ## （
阅读全文 »