随笔分类 - 前端
浅学前端，学校安排为期一周左右
摘要：==一、Vue3 介绍== # 新项目使用vue3，有部分老项目使用vue2 # vue3 的变化 1.性能的提升 -打包大小减少41% -初次渲染快55%, 更新渲染快133% -内存减少54% 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tre
阅读全文
摘要：==一、Props补充== 1.父传子在子组件标签上起自定义属性 使用数组 就不演示了，太简单了 2.限制传入的数据类类型 使用对象 同样，展示过的 3.props补充 就是套对象，加以限制 props:{ name:{ type:String, required:true, default:'王也
阅读全文
摘要：==一、父传子== 因为组件间数据不共享，所以我们要想办法打通父子之间的数据联系 自定义属性： 在父级中，给在使用的子组件标签加一个自定义的属性，因为要用到data，所以要写成 ：自定义属性名='' #注意，不用冒号也能传，但是都是字符串 子组件内注册： 在子组件中，新增一条 props：['自定义
阅读全文
摘要：==一、Vue-cli== 1.介绍 Vue CLI， 是一个基于 Vue.js 进行快速开发的完整系统。它依赖nodejs解释器环境，这个解释器是基于谷歌v8引擎编写的，能过在操作系统上执行js代码（原本js只能运行在浏览器中） 运用的单页面应用(spa)结构，一个页面，套很多很多组件 注
阅读全文
摘要：==一、简单购物车== 1.勾选显示总价购物车 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物车</title> <script src="./js/vue.js"></script> <link re
阅读全文
摘要：==一、循环补充== {{item}}也可以放js支持的运算式： 比如说1==1 其实就是true 可循环的变量： 带索引循环数组： <p v-for="(item,index) in list_id">{{item}}___{{index+1}}</p> 带K循环对象（因为原本是只能拿值）： <p
阅读全文
摘要：==一、插值语法补充== 1.vue没有get，对象取值可以用句点，也可以【'K'】 2.vue里数组取值，直接索引拿 3.三目运算符 和Python三元有略微差别，Py的是结果一 if 条件 else 结果二 三目：条件？结果一：结果二 4.vue中，标签默认是不渲染的 注意： 插值只能写
阅读全文
摘要：==DRF重点== 序列化类 视图组件 路由写法 三大认证 jwt ==一、前端发展历史== 1.HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据
阅读全文
摘要：==一、jQuery补充== 说在最前面，如果想把JQ对象赋值给一个变量名，起名字依旧要讲究，建议名字前加$，这样别人一看就知道是JQ对象 1.筛选器 // 1.属性选择器 $('username') // 查找含有username属性名的标签 $('[username="haha"]') //
阅读全文
摘要：==一、BOM*== 全称Browser Object Model，意思是通过编写JS代码能和浏览器交互，比如说控制浏览器大小、关闭打开页面、刷新页面、弹出框等等 // 1.打开窗口，可以指定链接，大小 window.open('http://www.baidu.com','','height=
阅读全文
摘要：==一、JS介绍== 是一门编程语言，可以进行逻辑运算，但是跟java没有关系 主要是为了蹭热度 全称是JavaScript,曾经叫过ECMASript，创造出这门语言的公司已经倒闭 完整的JavaScript 由以下三个不同的部分组成 核心（ECMAScript） 文档对象模型（DOM）
阅读全文
摘要：==一、CSS之调整边框== 1.边框 # 左 border-left-width: 30px; border-left-style: solid; border-left-color: coral; # 上 border-top-color: coral ; border-top-width: 3
阅读全文
摘要：==一、表单标签的补充== 关于form 如果没有value 前端就不会发送数据到后端，字典必须齐备 method="" 属性，这个是选择前端往后端传输数据的方式，有get和post两种方式，前者会把小数据带在URL上传， 后者会将表单数据附加到 HTTP 请求的 body 内，安全很多 关于Inp
阅读全文
摘要：==一、前端== 1.何为前端 与用户打交道的操作界面即为前端，一般都是做了美化的 2.前端核心基础 HTML >>>：网页的骨架 CSS >>>：网页的样式 JS >>>：网页的动态（比如说滑动，弹窗） ==二、HTTP超文本传输协议== 前戏： 还记得CS/BS 软件开发架构吗？浏览器也
阅读全文
