前端HTML、CSS、JS、VUE3 汇总

快来打我* 2023-09-27 21:18 86阅读 0赞

> 学习[https://developer.mozilla.org/zh-CN/docs/Learn/CSS][https_developer.mozilla.org_zh-CN_docs_Learn_CSS]

# 前言 #

`提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加`

使用[VS Code运行前端][VS Code]代码

在VS Code上安装[前端插件][Link 1]

正在更新中~ ✨

![在这里插入图片描述][e0fb91ed8ee12ea1d35b3a0339ff9282.jpeg_pic_center]

--------------------

### 文章目录 ###

*  前言
 *  HTML+CSS
 *  JS
 *  Vue3

--------------------

`提示：这里可以添加本文要记录的大概内容：`

# HTML+CSS #

<table> 
 <thead> 
  <tr> 
   <th>学习路线</th> 
   <th>知识定位</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a href="https://blog.csdn.net/rej177/article/details/131188578" rel="nofollow">HTML基础</a></td> 
   <td>标签、表格、表单、按钮、div、单元格合并</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/130906192" rel="nofollow">CSS基础</a></td> 
   <td>基本语法、选择器、使用方式、优先级、层叠样式、继承特性</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131258745" rel="nofollow">CSS常用样式</a></td> 
   <td>字体样式、文本样式、列表样式、背景样式、鼠标样式、伪类样式、设置透明度</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131261168?spm=1001.2014.3001.5502" rel="nofollow">CSS 内容盒子与边框盒子</a></td> 
   <td>边框、内边距与外边距</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131295003?spm=1001.2014.3001.5502" rel="nofollow">CSS+HTML实现元素定位</a></td> 
   <td>相对定位、绝对定位、固定定位、z-index样式、数量角标、透明度</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131332485?spm=1001.2014.3001.5502" rel="nofollow">❗CSS 弹性布局</a></td> 
   <td>justify-content 主轴排列方式、align-items与align-content 侧轴排列方式</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

# JS #

<table> 
 <thead> 
  <tr> 
   <th>学习路线</th> 
   <th>知识定位</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131341849" rel="nofollow">JavaScript（JS基础）</a></td> 
   <td>js编写方式、js基本写法、数据类型，<code>==</code>和<code>===</code> 、流程控制语句</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131345103" rel="nofollow">JS中的函数与数组</a></td> 
   <td>函数定义与调用、函数参数与返回值、let与var关键字使用、数组创建及使用</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131351960?spm=1001.2014.3001.5502" rel="nofollow">JS中常用内置对象</a></td> 
   <td>数组常用方法❗、字符串常用方法、数学对象常用方法、全局对象方法Global</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131353111?spm=1001.2014.3001.5502" rel="nofollow">BOM模型</a></td> 
   <td>window对象常用方法、location 地址栏对象、history 对象</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131354121?spm=1001.2014.3001.5502" rel="nofollow">DOM模型</a></td> 
   <td>获取DOM对象常用方法、获取DOM对象时机、操作DOM属性、常用DOM对象属性、遍历DOM数组</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131360720?spm=1001.2014.3001.5502" rel="nofollow">DOM编程事件与简单编程</a></td> 
   <td>事件绑定、DOM编程应用</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131387408?spm=1001.2014.3001.5502" rel="nofollow">JSON轻量级数据交换格式</a></td> 
   <td>前后端数据交换格式比较、JavaScript自定义对象</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

# Vue3 #

<table> 
 <thead> 
  <tr> 
   <th>学习路线</th> 
   <th>知识定位</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131444680?spm=1001.2014.3001.5502" rel="nofollow">vue3 基本语法</a></td> 
   <td>MVVM框架、文本渲染指令 v-text、属性绑定指令、事件绑定 @事件名、❗条件渲染指令、循环遍历指令</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131464446?spm=1001.2014.3001.5502" rel="nofollow">Vue计算属性与监听器</a></td> 
   <td>计算属性配置项 computed、监听器配置项 watch</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131482180?spm=1001.2014.3001.5502" rel="nofollow">v-model双向绑定指令</a></td> 
   <td>v-model.lazy 延迟同步、v-model.trim 去掉空格</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131483829?spm=1001.2014.3001.5502" rel="nofollow">❗Vue生命周期</a></td> 
   <td>钩子函数</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131484713?spm=1001.2014.3001.5502" rel="nofollow">Vue-cli 脚手架</a></td> 
   <td>Vue-cli 脚手架的安装及创建</td> 
  </tr> 
  <tr> 
   <td><a href="https://rej177.blog.csdn.net/article/details/131502561?spm=1001.2014.3001.5502" rel="nofollow">Vue 组件化开发</a></td> 
   <td>父子组件相互传数据、插槽 slot</td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/rej177/article/details/131521739?spm=1001.2014.3001.5501" rel="nofollow">Vue 路由跳转</a></td> 
   <td>了解路由、子路由、子路由传参（query 传参 path、params 传参 name）、编程式路由、路由守卫</td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/rej177/article/details/131688721?spm=1001.2014.3001.5501" rel="nofollow">Vuex 使用</a></td> 
   <td>state 配置项、getters 配置项、mutations 配置项、actions 配置项</td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/rej177/article/details/131691736?spm=1001.2014.3001.5501" rel="nofollow">AJAX与axios框架</a></td> 
   <td>跨域访问</td> 
  </tr> 
  <tr> 
   <td><a href="https://blog.csdn.net/rej177/article/details/131711142?spm=1001.2014.3001.5501" rel="nofollow">组合式API</a></td> 
   <td>简单类型、对象类型、数组类型变成响应式数据</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

[https_developer.mozilla.org_zh-CN_docs_Learn_CSS]: https://developer.mozilla.org/zh-CN/docs/Learn/CSS
[VS Code]: https://rej177.blog.csdn.net/article/details/131217583
[Link 1]: https://rej177.blog.csdn.net/article/details/131359363
[e0fb91ed8ee12ea1d35b3a0339ff9282.jpeg_pic_center]: https://img-blog.csdnimg.cn/img_convert/e0fb91ed8ee12ea1d35b3a0339ff9282.jpeg#pic_center