css思维导图 自己学习的思维导图分享 整个思维导图 1、基本知识 2、选择器 3、文字样式 4、盒子模型 5、浮动 6、局部布局 7、css变量 :root 选择器中声明它。 :root 选择器匹配文档的根元素。 请在将要使用它的选择器中声明它 使用 var() 函数。 name | 必需。变量名（以两条破折号开头）。 value | 可选。回退值（在未找到变量时使用）。 变量名称必须以两个破折号（–）开头，且区分大小写！ :root { --blue: #1e90ff; --white: #f
vue3学习笔记——声明响应式数据 ref | reactive 声明响应式数据 ref | reactive 都是vue3声明响应式数据的函数 响应式原理： ES5:Object.defineProperty -> ES6: Proxy [优点] 1.懒代理,提高性能 2.告别Vue.set ref val: 监听基本数据类型的变化 需要import 引入ref setup(){ console.log("setup执行"); const girl = ref("芝麻开花") console.log(girl)
vue3学习笔记——setup() 一、特性和作用 setup（） 函数是vue3一大特性函数。 setup 方法 代替了 vue2 的 data,method，watch数据和方法全部写到setup（）中。 setup 函数是 CompositionAPI（组合式API） 的入口函数。通过return来暴露我们需要使用的数据。 CompositionAPI(组合式API) ：以业务逻辑为中心,当业务比较多时,能使代码更加内聚，可以并置与同一逻辑问题相关的代码 简单例子 // 使用函数前需要引入 import {ref} from "v
利用vite创建vue3项目 1、vite 是是VUE3 创建项目的工具，项目大了之后，性能明显优于webpack。 原理： 利用 ES6 的 import 会发送请求去加载文件的特性，拦截这些请求，做一些预编译，相对于 webpack 来说省去了冗长的打包时间 特点： 快速的冷启动 即时热模块更新（HMR，Hot Module Replacement 真正按需编译 但是不支持IE11 2、利用vite创建vue3项目 全局安装 Vite npm i -g create-vite-app 利用 Vite 创建 Vue3 项目
小白前端学习路线一览 以下是个人的一点总结，有不对或者补充的地方，欢迎大佬们提出建议。 学习前准备 编辑器：推荐vscode，插件丰富，简单易用 1. 基础部分 ①计算机常用命令 ②Html: 标签不用背，用的多了自然熟悉，随用随查 注意：语义化标签，多媒体、常用api，网络状态、本地缓存等 ③css： 常用布局，flex、grid、样式优先级问题、盒子模型、动画知道怎么使用就行，大把的动画网站等着你，学习一下less、sass或者stylus 预处理器，有时间还可以看下后处理器postcss canvas如果感兴趣可以深
关注
