09 2023 档案
摘要：Vue3介绍 一、 Vue3的变化 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking（摇树--清除死代码进行优化） 3.拥抱TypeSc
阅读全文
摘要：一、路由的使用 以后，就是组件的切换实现页面切换的效果 》 必须借助于vue-router来实现。 在App.vue中： <router-view/> > 显示组件 > 在router/index.js中配置 <router-link :to="about_url"> > 做页面组件的跳转的 基本使
阅读全文
摘要：Vuex的使用 在Vue中实现集中式状态管理的一个Vue插件，对Vue应用中多个组件的功效状态进行集中式的管理（读 / 写），也是一种组件间通信的方式，且适用于任意组件间通信。 使用步骤： 1. 新建store/index.js state中：存放数据 mutations：当使用commit方法是会
阅读全文
摘要：vue的执行流程 1. 为什么浏览器中访问某个地址，会显示某个页面组件 vue-router第三方插件支持的： 访问：/（根路径） 》显示HomeView.vue 访问：/about 》显示AboutView.vue 根组件：App.vue App.vue中的template中的div会被替换到in
阅读全文
摘要：1. 单页面应用：spa - 以后Vue的项目就只有一个：XX.html页面 - 当定义了很多组件，不可能都写在：XX.html中吧 2. 单文件组件：xx.vue -https://v2.cn.vuejs.org/v2/guide/single-file-components.html - 一个组
阅读全文
摘要：动态组件 方法一：笨方法-切换组件： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/vue.js"></script> </head> <body
阅读全文
摘要：1.组件的介绍和使用 组件中是可以套组件的 组件就是：扩展 HTML元素，封装可重用的代码，目的就是复用 例如： 有一个轮播图，可以在很多页面中使用，一个轮播有js，css，html组件把js，css，html放到一起，有逻辑，有样式，有html 组件的分类： - 全局组件：可以放在根中，可以在所有
阅读全文
摘要：计算属性 computed：配置项 特点：1. 延缓计算，只有跟它关联的变量发生变化，才会重新运算，2. 方法当属性用，可以被for循序 1. 计算属性是基于他们的依赖变量进行缓存的 2. 计算属性只有在它相关依赖变量发生改变时才会重新求值，否则不会变（函数只要页面变化，就会重新运算） 3. 计算属
阅读全文
摘要：与后端交互的三种方式 前后端需要打通 》从前端发送ajax 》ajax的核心：使用js发送http请求，接收返回 - 原生js，可以开启ajax，但是原生js开启，比较麻烦，需要做浏览器兼容，有坑（基本不写） - jq，写了个兼容所有浏览器的 $.ajax()，不仅仅有ajax，还封装了很多dom操
阅读全文
摘要：js循环方式 在es6语法中：（以后尽量少用var有很多坑） - let：定义变量 - const：定义常量 1. 方式一：for循环，基于索引的循环 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl
阅读全文
摘要：一、模板语法 插值语法 最后都渲染成了字符串 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/
阅读全文
摘要：前端的发展史 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请
阅读全文
摘要：一、基于自定义表编写认证类 认证类： auth.py： # 写一个类继承BaseAuthentication，重写authenticate方法 from rest_framework.authentication import BaseAuthentication from rest_framewo
阅读全文
摘要：一、jwt自定义表签发 自定义表签发，用的是自己定义的表 1. models.py: - 注意点：因为视图中使用了drf-jwt的自动签发，所以用户名必须为username from django.db import models # 自定义签发用的是自定义的user表 # 注意点：使用drf-jw
阅读全文
摘要：一、jwt介绍和构成 1. 介绍 jwt：Json Web Token的缩写，Web方向向前后端认证的方式，传统的认证方案使用session，使用jwt后，服务端不需要在存数据了，数据都放在客户端。 在用户注册或登录之后，我们想记录用户的登录状态，或者为用户创建身份认证的凭证（token串）。我们不
阅读全文
摘要：接口文档 前端需要使用我们写的接口（移动端，Web、桌面端），我们后端要写一个接口文档，去详细记录接口的相关信息。 1. 接口文档的展现形式： 1. word，md：写好传到公司的某个平台，前端可以下载 2. 自动生成接口文档：后端通过配置，把所写的接口都自动生成，通过访问生成的地址就能看到所有的接
阅读全文
摘要：一、排序 只有5个接口中的查询所有，才涉及到排序，所以继承GenericViewSet, 使用步骤： 1. 必须写在继承：GenericAPIView 类的视图中才行 2. 配置类属性： filter_backends = [OrderingFilter] ordering_fields=['id'
阅读全文
摘要：一、认证组件 1.认证组件的作用 - 写一个登录接口，保存用户登录状态 一些接口，想要限制登录之后才能访问，没登录不能访问 做登录认证，限制如果没有登录，不允许访问该接口 2. 认证类的使用： 1.在auth.py中 写一个类，去继承BaseAuthentication 2. 在这个类中重写：aut
阅读全文
摘要：一、路由routers 对于视图集，我们除了自己手动指明请求方式与动作action之间的对应关系外，还可以使用Routers来帮我们快速注册路由信息。 之前路由写法： path('books/', BookView.as_view()) 以后一旦继承了ViewSetMixin，就变成了： path(
阅读全文
摘要：一、视图 Django REST framwork 提供的视图的主要作用： 控制序列化器的执行（检验、保存、转换数据） 控制数据库查询的执行 REST framework 提供了众多的通用视图基类与扩展类，以简化视图的编写。 1. 两个视图基类 1.1 APIView from rest_frame
阅读全文
摘要：补充：django项目改名字后顺利运行 1 先改文件夹名2 改项目名3 改 项目内的文件夹名4 替换掉所有文件中的 drf_day04 》drf_day055 命令行中启动：python manage.py runserver6 setting >django >指定项目根路径 一、ModelSer
阅读全文
