- 博客(33)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Webpack5 从入门到原理
Webpack是一个静态资源打包工具。以一个或多个文件作为打包的入口，将整个项目所有文件编译组成一个或多个文件输出出去。输出的文件就是编译好的文件，就可以在浏览器段运行了。Webpack开发模式：仅能编译 JS 中的ES Module语法生产模式：能编译 JS 中的ES Module语法，还能压缩 JS 代码entry（入口）指示 Webpack 从哪个文件开始打包output（输出）指示 Webpack 打包完的文件输出到哪里去，如何命名等module（加载器）
2024-04-25 01:08:18
791
原创 微信小程序学习笔记(黑马)
宿主环境：指的是程序运行所必须的依赖环境，脱离了宿主环境的软件是没有任何意义的生命周期（Life Cycle）是指一个对象从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段应用生命周期：特指小程序从启动 -> 运行 -> 销毁的过程页面生命周期：特指小程序中，每个页面的加载 -> 渲染 -> 销毁的过程3. 生命周期函数：是由小程序框架提供的内置函数，会伴随着生命周期，自动按次序执行，允 许程序员在特定的时间点，执行某些特定的操作注意。
2024-04-01 10:45:53
1255
原创 JS事件循环机制 面试题
执行结果1.2.案例执行结果1.3.案例执行结果1.4 先执行 宏任务当中的同步任务 --> 微任务当中的同步任务 --> 微任务当中的异步任务 --> 宏任务中的异步任务。
2024-03-29 14:24:40
814
原创 硅谷甄选项目笔记
在vue框架中事件分为两种:一种是原生的DOM事件，另外一种自定义事件。原生DOM事件可以让用户与网页进行交互，比如click、dbclick、change、mouseenter、mouseleave…自定义事件可以实现子组件给父组件传递数据自定义事件可以实现子组件给父组件传递数据.在项目中是比较常用的。比如在父组件内部给子组件(Event2)绑定一个自定义事件在Event2子组件内部触发这个自定义事件我是子组件2
2024-03-24 13:10:08
1029
原创 Vue3组件之间通信方式
我是子组件1</p>-- 父组件绑定事件@click作用在跟节点上的 --><button>点击我也执行</button></div></script>.son {</style>Event2子组件<template><p>我是子组件2点击我触发自定义事件xxx
2024-03-23 18:08:36
571
原创 Vue3 - Vite 配置SVG
中引入SvgIcon.vue组件，全局注册后在需要使用SvgIcon组件的地方将无需再引入。或想可以改变width与height进行配置。App.vue 示例。
2024-03-21 21:14:09
600
原创 Vue3 - 笔记
使用vue-cli创建Vue3项目，需要确保vue-cli版本在4.5.0以上使用vue-cli创建Vue3项目vue create vue3_study(项目名称)
2024-03-17 01:32:14
965
原创 02-组件化编程与Vu额 Click脚手架
Vue中使用组件的三大步骤：定义组件(创建组件)注册组件使用组件(写组件标签)如何定义一个组件？使用Vue.extend(options)创建，其中options和new Vue(options)时传入的options几乎一样，但也有点区别：1.el不要写，为什么？最终所有的组件都要经过一个vm的管理，由vm中的el决定服务哪个容器2.data必须写成函数，为什么？避免组件被复用时，数据存在引用关系如何注册组件？new Vue的时候传入components选项。
2024-03-10 16:44:05
894
原创 Git相关配置的指令
但是，要注意的是，版本库管理的是文件不同版本的变更操作，这个不同版本的概念还是非常重要的。也就是说，最后的那个删除的文件版本已经没有了，但是之前版本的文件其实还是存在的。这是不行的，因为Git软件的设计初衷本身就是针对于linux系统的分布式开发协同工作，所以它天生就是用于分布式协同工作的，这里无论你是否使用这个功能，它本身就是这么设计的。作为项目的最终结果。此时Git软件会识别出来，版本库中有一份文件和当前用于临时操作文件的暂存区内的文件状态不一致：版本库中文件还在，但是操作区内的文件已经没有了。
2024-03-09 22:27:20
1978
原创 git - 笔记
比如JDK1.8 JDK17 JDK20这些数字都是软件的版本号每次提交都会生成一个版本号，这个版本号是一个40位的16进制长度的数字字符串为什么git软件产生的版本号这么长，git尝试的版本号是根据我们当前提交内容利用SHA-1加密算法得出，所以重复的概率很小(由40个16进制组成的版本号)为什么需要保证重复的几率很小——Git是分布式版本控制软件系统，所以我们的版本库可能不止一个，而且会涉及到版本库的合并，所以我们的版本号重复会出现问题。
2024-03-08 23:46:59
878
原创 02-Vue 计算属性与监听器与VUE-cli使用
Vue中的watch默认不监测对象内部值的改变（一层）在watch中配置deep:true可以监测对象内部值的改变（多层）Vue自身可以监测对象内部值的改变，但Vue提供的watch默认不可以使用watch时根据监视数据的具体结构，决定是否采用深度监视computed能完成的功能，watch都可以完成watch能完成的功能，computed不一定能完成，例如：watch可以进行异步操作所有被Vue管理的函数，最好写成普通函数，这样this的指向才是vm 或 组件实例对象。
2024-03-02 15:47:35
713
原创 01-Vue2 介绍与指令的使用
VUE是构建于用户界面的渐进式JavaScript框架用于解析标签体内容写法：{{xxx}}(matches)，xxx是js表达式，可以直接读取到data的数据功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）举例：v-bind:xxx，xxx同样要写js表达式，可以直接读取到data中的属性Vue有2种数据绑定的方式：单向绑定（v-bind） 双向绑定（v-model）备注：双向数据绑定一般应用在表单类元素上（如：、、等）
2024-03-01 00:48:15
700
原创 JavaScript 事件循环(宏任务与微任务)
同步代码aaa-》p1-》宏任务之前把两个微任务处理掉-》res1 10-》989-》处理过程中继续产生微任务，继续处理-》res2 9-》990-》res 8-》991-》处理宏任务之前的微任务p2-》产生了一个宏任务setTimeout放到任务队列里-》执行宏任务，第一个setTimeout-》setTimeout1-》第二个setTimeout-》setTimeout2。微任务：等宏任务中的主要功能都完成后，渲染引擎不急着去执行下一个宏任务，而是执行当前宏任务中的微任务。
2024-02-23 15:21:32
261
原创 前端面试题
CSS的盒子模型有哪些：标准盒子模型、IE盒子模型CSS的盒子模型区别：标准盒子模型：margin、border、padding、contentIE盒子模型 ：margin、content（ border + padding + content ）通过CSS如何转换盒子模型：/*标准盒子模型*//*IE盒子模型*/reset.css 是一个css文件，用来重置css样式的。
2024-02-20 22:42:10
823
原创 【NodeJS】006- API模块与会话控制介绍
所谓会话控制就是 对会话进行控制HTTP是一种无状态的协议，无法区分多次请求是否来自于同一个客户端，无法区别用户而产品中又大量存在的这样需求，所以我们需要通过 会话控制 来解决该问题常见的会话控制技术有三种LCookiesession（会话）token (标识)
2024-02-08 11:57:32
2023
原创 【NodeJS】005- MongoDB数据库
Mongoose 是一个对象文档模型库，官网 http://www.mongoosejs.net/
2024-02-02 01:13:28
816
原创 【NodeJS】005- NodeJS的NVM与express框架
express 是一个基于 Node.js 平台的极简、灵活的 WEB 应用开发框架，官方网址： https://www.expressjs.com.cn/简单来说，express 是一个封装好的工具包，封装了很多功能，便于我们开发 WEB 应用(HTTP 服务)官方定义： 路由确定了应用程序如何响应客户端对特定端点的请求中间件(Middleware) 本质是一个回调函数中间件函数 可以像路由回调一样访问请求对象（request） 响应对象(response)每一个请求到达服务端之后。
2024-01-30 23:08:54
1131
原创 【NodeJS】004- NodeJS的模块化与包管理工具
编码时是按照模块一个一个编码的， 整个项目就是一个模块化的项目包单词为packge，代表一组特定功能的源码集合cnpm 是一个淘宝构建的npmjs.com的完整镜像，也称为『淘宝镜像』，网址为https://npmmirror.com/cnpm 服务部署在国内 阿里云服务器上，可以提高包的下载速度官方也提供了一个全局工具包 cnpm ，操作命令与 npm 大体相同。
2024-01-27 12:23:04
779
原创 CSS颜色表与linear-gradient详解
常用颜色渐变色彩使用，从浅到深可以进行渐变，可以使用background:linear-gradient()属性设置渐变。默认情况下，起始颜色的百分比位置是0%，末尾颜色的百分比位置是100%，其他位置按照平均值分配，也可以用px像素来设定。2.使用角度单位的数值，单位为deg,如 0deg Y轴正方向。该属性一共有三个属性值，分别为：方位(可选)、起始色（必选）、末尾色（必选）1.使用方位，如：to top；1、结合背景，并使用透明度渐变实现强大的层次感。4.使用百分比，设置多色线性渐变。
2024-01-24 15:55:18
2513
原创 【NodeJS】003- NodeJS的path模块与Http模块
HTTPS 协议的默认端口是 443, HTTP 服务开发常用端口有 3000，8080，8090，9000 等。还有一些状态码，参考：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status。网页资源的加载都是循序渐进的，首先获取 HTML 的内容， 然后解析 HTML 在发送其他资源的请求，如 CSS，Javascript，图片等。是指 内容长时间不发生改变的资源 ，例如图片，视频，CSS 文件，JS文件，HTML文件，字体文件等。
2024-01-23 15:25:47
1007
原创 【NodeJS】002- NodeJS的Buffer与FS模块
fs 全称为 file system ，称之为 文件系统 ，是 Node.js 中的 内置模块 ，可以对计算机中的硬盘进行操作。本章节会介绍如下几个操作：1. 文件写入2. 文件读取3. 文件移动与重命名4. 文件删除5. 文件夹操作6. 查看资源状态。
2024-01-18 22:16:31
926
原创 【NodeJS】001- NodeJS的简介
2.开发工具类应用(webpack\Vite\Babel) 3.开发桌面端应用(VSCode\Figma[设计工具]\Postman)-> 基于electron框架开发的。D:\>cd Program Files --查看D盘里的文件内容 cd的意思为change directory缩写。C:\Users\86184>d: --切换成D盘。Node.js 是一个开源的，跨平台的javascript运行环境。通俗易懂: Node.js 就是。
2024-01-17 14:43:09
364
原创 【TypeScript 4.5】009-第 9 章 模块
TypeScript 从2012年开始出现，已近实现了许多对这些格式的支持，但随着时间推移社区和javascript的规范已近更倾向于一种名为ES的模块或者我们称之为ES6模块的格式你可能指定import、export这样的语法，在ESmodules在2015年被加入到javascript规范中到了2020年大多数的浏览器和javascript运行时都有广泛的支持了，为了突出重点，这一章重点讲解ESmodules和流行的前驱CommonJs的语法。
2024-01-16 17:36:21
375
原创 【TypeScript 4.5】008-第 8 章 类
在一个字段前面加上这个前缀，可以防止我们在构造函数之外对这个字段进行复制getters和setters是我们类里面特殊的一些方法，我们称为访问器/存取器（设置器）派生类也可以覆盖基类的一个字段或者是属性可以使用super.语法范围基类的方法需要注意:javascript类是一个简单的查找对象，他没有超级字段的概念TypeScript强制要求派生类总是他的基类的 一个子类型。
2024-01-16 00:09:04
971
原创 【TypeScript 4.5】007-第 7 章 类型操纵
软件工程的一个主要部分是建立组件它们不仅有定义明确和一致的 api还可以重复使用这些组件为大型行项目提供灵活的能力泛型是创建组件的重要工具如何通过给一个变量设置这个函数的泛型类型就需要使用泛型类型或泛型接口一个泛型类的形状和泛型接口是类似的泛型类就是在类的名称后面加写入泛型参数列表用户调用函数传入参数的时候就告诉其所传入参数必须具有的属性我们可以声明一个受另一个类型参数约束的类型参数在 TypeScript 中使用泛型来创建工厂函数的时候有必要通过其构造函数引用类的类型。
2024-01-11 23:13:50
854
原创 【TypeScript 4.5】006-第 6 章 对象类型
在Typescript中属性可以被标记为只读，通过readonly关键字它不会在运行的时候改变任何行为但是在类型检查期间一个标记为只读的属性是不能够被写入其他值的有时候我们不能提前知道一个类型的所有属性的名称但是我们知道这个值的形状这种情况，我们可以使用索引签名来描述可能的值的类型所谓索引签名，就是知道属性值的类型，不知道属性名，定义一个类似的东西，表示属性名是字符串，属性值是 number 类型！有一些类型可能是其他类型更具体的版本就是多个对象类型的并集！
2024-01-09 12:08:09
870
原创 【TypeScript 4.5】005-第 5 章 函数
在 JavaScript 除了可调用之外函数也可以有属性然而函数类型表达式的语法不允许声明属性如果我们想用属性来描述可调用的东西可以在一个对象类型中写一个调用签名2022.02.08 01:02:20 增补内容：那么对象类型就像一个函数了！可以像调用函数一样调用对象！，其中的message()是会报错的！因为 message 没有调用签名！参考下面的代码示例，DescribableFunction 里面有调用签名，调用签名就类似“函数部分”，有了它就可以像调用函数一样调用对象类型！
2024-01-06 00:35:57
1001
原创 【TypeScript 4.5】001-第 1 章 TypeScript 介绍
① TypeScript 是由开发的的编程语言，是，添加了和等。② TypeScript 的就是成为 JavaScript 程序的，是一个“”，可以称之为！TypeScript 可确保，或叫做。③ TypeScript 是 JavaScript 的，在现有的 JavaScript 语法的基础上，加上了这一层，这一层即使被删除也不会影响运行时的原有表现。
2024-01-04 13:04:51
323
原创 【TypeScript 4.5】004-第 4 章 类型缩小
返回当前类型的字符串表示。使用条件、&&、||、布尔否定（!）来进行真值检查JavaScript 有个运算符，用来确定对象是否具有某个名称的属性，这个运算符就是 in 运算符！JavaScript 使用 instanceof 操作符来检查一个值是否是另一个值的实例instanceof 也是一个类型保护TypeScript 在由 instanceof 保护的分支中来实现类型缩小当我们为任何变量赋值的时候TypeScript 会查看赋值的右侧并适当缩小左侧基于可达性的代码分析即控制流分析！见代码示例！
2024-01-04 01:01:20
985
原创 【TypeScript 4.5】003-第 3 章 常用类型
any可以禁用任何类型检查 这里会有人说学TypeScript 学着学着变成了anyScript带有任何属性的 JavaScript 值都可以看做是对象！有时候一个属性可以是 number ，也可以是 string ，我们可以使用来表示联合类型！联合类型可以是两个或多个类型的联合！联合类型使得类型”变宽“，但使用的时候必须进行判断！类型别名就是给类型一个名字，以多次使用它！通常情况下，我们将 TypeScript 称之为结构类型的类型系统，其原因就是 TypeScript 只关心类型的结构和功能接口。
2024-01-03 13:46:23
823
31
空空如也
用keil5通过key_up key_down实现2个按钮控制蜂鸣器
2022-06-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人