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