随笔分类 - Web开发
VUE|侦听器
摘要:## 1 侦听器 ### 1) 什么是侦听器 可以通过watch配置项, 监听已经存在的属性的改变 ### 2) 语法 ```javascript watch: { // 监听data中的firstName属性 firstName() { // 执行一系列的操作 }, },watch: { // 监
VUE|组合式API
摘要:# VUE|组合式API ## 1 setup语法糖 在`vue`项目中, 通常使用`setup`语法简化书写 setup的特点 1. 在setup语法中定义**变量**, 可以直接在**模板**中使用 2. 在setup语法中定义**函数**, 可以直接在**模板**中使用 3. 导入的组件对象,
VUE|计算属性
摘要:## 1 计算属性 ### 1) 什么是计算属性 计算属性就是基于现有属性计算后的属性 ### 2) 计算属性的作用 计算属性用于对原始数据的再次加工 ### 3) 案例 > **需求** > > 实现如下效果 > > ```html Document 请输入一个字符串: 反转后的字符串: {{re
VUE|组件基础
摘要:## 1 快速体验 > 步聚 1. 定义组件 2. 导入组件 3. 引用组件 > 语法 ```vue 模板 ``` ### 1) 定义组件 在`components`目录下, 创建组件文件`TheCounter.vue` ```vue 计数器:{{ count }} 点击+1 ``` ### 2)
VUE|模板语法
摘要:## 1 模板 ### 1) 什么是模板 > 什么是模板 > > 由Vue解析的HTML字符串 > Vue的主要工作 1. 编译模板 2. 挂载 ### 2) 如何确定模板 确定模板有几种方式 1. 没有指定`template`选项, 以容器的`innerHTML`做为模板 2. 指定`templa
VUE|创建一个基础的VUE应用
摘要:## 1 应用实例 参考官方文档 [应用实例 API | Vue.js (vuejs.org)](https://cn.vuejs.org/api/application.html) > 示例 ```javascript const {createApp} = Vue // 通过createApp创
JavaScript|ES6语法
摘要:## 1 箭头函数 ### 1) 语法 ```javascript const fn = (参数) => { 函数体 } const fn = (x) => x + 1 ``` > 简写 ```javascript const fn = (x) => x + 1 ``` 当`函数体`中只有一行`re
JavaScript|流程控制
摘要:## 一. 概念 流程控制就是来控制代码按照一定结构顺序来执行 主要有3种结构 - 顺序 - 条件 - 循环 ## 二. 顺序 顺序结构是程序中最简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行的。 ## 三. 条件 根据不同的条件,执
JavaScript|对象
摘要:## 1 类和对象 ### 1) 对象的概念 对象: 一个具体的实体 在现实世界中, 对象随处可见, 一个人, 一个学生, 一个杯子, 一辆汽车, 游戏里的一个英雄... 都是一个对象 ### 2) 对象的组成 如何描述一个对象呢 比如, - 每个人都有**姓名**, **年龄**, **性别**这
JavaScript|运算符
摘要:## 一. 运算符的分类 **运算符**(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号, 常用的有: - 算数运算符 - 自增自减运算符 - 比较运算符 - 逻辑运算符 - 赋值运算符 ### 1 表达式和返回值 表达式:是由数字、运算符、变量等以能求得数值的有意
JavaScript|基础知识
摘要:## 一. 简介 ### 1 发展历程 回顾整个JavaScript的发展历程, 实际上就是Web发展的历程 从最开始的拨号上网方式到现在的100M光纤, 4G/5G移动Web的发展 在近20年, 上网的方式发生了翻天复地的变化, 可以说是科技大爆炸. 人们在享受越来越便捷的上网的同时, 对Web产
JavaScript|数据类型
摘要:## 一. 什么是数据类型 > 现实 描述不同的数据时, 人们往往会使用不同的类型, 比如: - 姓名: 字符 - 年龄: 数字 - 一个命题的结论: 真假 > 程序 在程序中, 不同类型的数据在存储和传输时占用空间的大小是不同的. 因此, 会存在数据类型的区别 > 变量的数据类型 变量的数据类型就
CSS|动画与效果
摘要:## 一. 过渡 ### 1 什么是过渡 过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果 ### 2 应用场景 当鼠标hover的时候, 有一个明显的突出效果, 但是又不会显得特别生硬  ## 一. 什么是flex布局 是一种专门的CSS一维(水平/垂直)布局方案 - 位置(定性) - 大小(定量) > 怎么研究位置和大小 借助坐标
CSS|传统布局
摘要:## 一. 浮动 ### 1 为什么需要浮动 >首先, 思考一下下面的问题: 1. 如何让多个块盒(div)水平排列成一行? 2. 如何实现块盒的左右对齐? ### 2 什么是浮动 > 概念 设置了浮动属性的元素会 1. 脱离**标准流**(整个HTML文档的元素, 从上而下, 从左到右排列) 2.
CSS|盒子模型
摘要:> 因为最近实习,学的是这种玩意,老师文档写的不错,更点基础的东西。 ## 一. 盒子分类 每个元素都有默认的显示方式, 包括 - 块盒: 独占一行, 可以设置宽高 - 行盒: 不独占一行, 不能设置宽高(不生效)高度由字体大小撑开 显示方式是由display属性控制的 display常见的值: -
CSS|常用CSS属性
摘要:## 一. 文本属性 ### 1 字体相关 #### 1) 大小font-size > 作用 设置字体大小 > 示例 ```css h1 { font-size:20px; } ``` #### 2) 字体font-family > 作用 设置字体 > 示例 ```css body { font-f
Docker|容器与Docker基础知识
摘要:## 从虚拟机开始 我们知道和一个单纯的应用程序相比,**操作系统是一个很重而且很笨的程序**,简称笨重,有多笨重呢? 我们知道操作系统运行起来是需要占用很多资源的,刚装好的系统还什么都没有部署,单纯的操作系统其磁盘占用至少几十G起步,内存要几个G起步。 假设我有一台机器,16G内存,需要部署三个应
CSS|CSS基础
摘要:## 一. CSS 简介 ### 1. 什么是 CSS CSS(Cascading Style Sheets) ,通常称为 CSS 样式表或层叠样式表 ### 2. CSS 的作用 CSS 的作用就是用来规定每个 HTML 元素表现的样子, 比如 - 字体的大小 - 颜色 - 摆放位置... CSS
VUE|实现一个简单的登录注册页面
摘要:## 页面效果 ## 页面代码 在我的GitHub上:https://github.com/Weltra/WH_flower_frontend/blob/master/src/views/LoginView.vue