随笔分类 - 前端
摘要：步骤 1：安装 Node.js 和 npm 确保你已经安装了 Node.js 和 npm。你可以通过以下命令检查安装情况： node -vnpm -v 如果没有安装，下载并安装最新版本的 Node.js，它会自动安装 npm。 步骤 2：创建项目 打开终端或命令行窗口，选择一个目录来创建你的项目文件
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：一：VSCode设置自动补全函数的括号操作步骤 1.1 寻找 setting.json 配置文件 Ctrl + Shift + P （ Mac ： command + Shift + P ） 1.2 编辑并保存配置内容 "typescript.suggest.completeFunctionCall
阅读全文
摘要：1、vs-code下载“Path Intellisense”插件。2、打开设置 - 首选项 - 搜索 Path Intellisense - 打开 settings.json ，添加 "path-intellisense.mappings": { "@": "${workspaceRoot}/src
阅读全文
摘要：初始化项目后，页面会有自带的间距，这是浏览器本身的默认样式，所以我们需要进行样式初始化，清除浏览器默认样式。 安装初始化样式库reset-css 安装 npm i reset-css 最后在入口文件（main.js) 中引用（不同项目的入口文件不同可能，只要引入就行了） import 'reset-
阅读全文
摘要：windows版本 nginx基本命令 使用taskkill停止或关闭nginx：taskkill /f /t /im nginx.exe (注意：使用taskkill /f /t /im nginx.exe命令关闭所启动的nginx时，不会删除logs中的nginx.pid文件) 1、首先 创建v
阅读全文
摘要：工具计算（PS或者FW） 以fw为例，按照2倍图缩放 1.导入图片后，选中图片，下方显示整张图片的尺寸大小（208x655） 2.修改宽大小为原来的一半：104 回车 3.测量图标大小（23x23），坐标为（59x194） 相关代码 <body> <div class="search-index">
阅读全文
摘要：flex布局原理 flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。 当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。 flex布局又叫伸
阅读全文
摘要：1. 安装 vetur 和 vue-helper 两个插件2. 打开设置 --> 扩展 --> vue helper, 然后在右边找到在 settings.json 中编辑，点击，添加或修改下面的配置： "vue-helper.alias": { "@": "src" }, "vue-helper.
阅读全文
摘要：定义一个函数或类时，有些情况下无法确定其中要使用的具体类型（返回值、参数、属性的类型不能确定）； 此时泛型便能够发挥作用； 举个例子： function test(arg: any): any{ return arg; } 上例中，test函数有一个参数类型不确定，但是能确定的时其返回值的类型和参数
阅读全文
摘要：要想面向对象，操作对象，首先便要拥有对象； 要创建对象，必须要先定义类，所谓的类可以理解为对象的模型； 程序中可以根据类创建指定类型的对象； 举例来说： 可以通过Person类来创建人的对象，通过Dog类创建狗的对象，不同的类可以用来创建不同的对象； 定义类 class 类名 { 属性名: 类型;
阅读全文
摘要：class Animal { private _name: string; private _age: number; constructor(name: string,age: number){ this._name = name; this._age = age; } sayHello(){ c
阅读全文
摘要：接口的作用类似于抽象类，不同点在于：接口中的所有方法和属性都是没有实值的，换句话说接口中的所有方法都是抽象方法； 接口主要负责定义一个类的结构，接口可以去限制一个对象的接口：对象只有包含接口中定义的所有属性和方法时才能匹配接口； 同时，可以让一个类去实现接口，实现接口时类中要保护接口中的所有属性；
阅读全文
摘要：要想面向对象，操作对象，首先便要拥有对象； 要创建对象，必须要先定义类，所谓的类可以理解为对象的模型； 程序中可以根据类创建指定类型的对象； 举例来说： 可以通过Person类来创建人的对象，通过Dog类创建狗的对象，不同的类可以用来创建不同的对象； 定义类 class 类名 { 属性名: 类型;
阅读全文
摘要：自动编译文件 编译文件时，使用 -w 指令后，TS编译器会自动监视文件的变化，并在文件发生变化时对文件进行重新编译。 示例： tsc xxx.ts -w 自动编译整个项目 如果直接使用tsc指令，则可以自动将当前项目下的所有ts文件编译为js文件。 但是能直接使用tsc命令的前提时，要先在项目根目录
阅读全文
摘要：TypeScript中的基本类型： 类型声明 类型声明是TS非常重要的一个特点； 通过类型声明可以指定TS中变量（参数、形参）的类型； 指定类型后，当为变量赋值时，TS编译器会自动检查值是否符合类型声明，符合则赋值，否则报错； 简而言之，类型声明给变量设置了类型，使得变量只能存储某种类型的值； 语法
阅读全文
摘要：2.x 全局 API（Vue）3.x 实例 API (app) Vue.config.xxxx app.config.xxxx Vue.config.productionTip 移除 Vue.component app.component Vue.directive app.directive Vu
阅读全文
摘要：等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const Child = defineAsyncComponent(()=>import('./components/Child.vu
阅读全文
摘要：isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 reactive 或者 readonly 方法创
阅读全文
浙公网安备 33010602011771号