timmtiy的博客

原创 nginx配置

监听 3000 端口，将http://119.XX.XX.XX:3000的所有请求服务转发到http://119.XX.XX.XX:8888；

原创 【react】撤销/重做功能的实现

【react】撤销/重做功能的实现。

原创 git commit 规范 类型定义

chore: 不修改 src 或者 test 的其余修改，例如构建过程或辅助工具的变动。build: 构造工具的或者外部依赖的改动，例如 webpack，npm。style: 不影响代码含义的改动，例如去掉空格、改变缩进、增删分号。revert: 执行 git revert 打印的 message。ci: 与 CI（持续集成服务）有关的改动。test: 添加测试或者修改现有测试。docs: 只改动了文档相关的内容。perf: 提高性能的改动。

原创 vite和webpack的区别

webpack前端打包工具，Create-React-App内部使用webpack进行打包。使用传统的打包方式，打包到main.js中，再放入index.html。vite即是构建工具又是打包工具。vite比Create-React-App打包项目更快。vite使用了ES Module语法。

原创 VUE3 响应式API

【代码】VUE3 响应式API。

原创 React基础笔记(更新ing)

JSX 可以看做是JS语言的扩展。React 使用 JSX 来替代常规的 JavaScript。它具备了 JS 的所有功能，同时可以被转为 HTML 在页面上展示 (由react react-dom实现转换)。

原创 webpack配置文件格式

【代码】webpack配置文件格式。

原创 标准文档流

标准文档流标准文档流，指的是元素排版布局过程中，元素会默认自动从左往右，从上往下的流式排列方式。前面内容发生了变化，后面的内容位置也会随着发生变化。HTML就是一种标准文档流文件。HTML中的标准文档流特点通过两种方式体现：微观现象和元素等级。微观现象：空白折叠现象。(代码内有换行或空格，显示时将这些空格折叠)文字类的元素如果排在一行会出现高低不齐，底边对齐的效果。自动换行，元素内一行内容写满元素的width时会自动进行换行。元素等级：在标准流中，大部分元素是区分等级的，习惯将元

原创 CSS3动画

CSS3动画CSS3中提供了自己的动画制作方法，这可以在许多网页中取代动画图片、Flash动画以及JavaScript。CSS3动画制作分为两步：创建动画、绑定动画。@keyframes规则用于创建动画。在@keyframes中规定某项CSS样式，就能创建由从一种样式逐渐变化为另一种样式的效果。可以改变任意多的样式任意多的次数。需要使用百分比来规定变化发生的事件，或用关键词“from”和“to”，等同于0%和100%。0%是动画的开始，100%是动画的完成。书写方法:@keyframes

原创 HTML5新增表单

【代码】HTML5新增表单。

原创 HTML 语义化标签

* 为了兼容IE9，提前进行转块操作 */

原创 HTML 多媒体标签

HTML5在不使用插件的情况下也可以原生支持音频格式文件的播放，当然支持格式是有限的。</</常见属性。

原创 HTML标签

在表格中绘制的时候，替换的是<td>的位置。<form>标签定义表单域，功能性标签，双标签，容器级标签。<textarea>标签定义文本域，可以输入多行文本，双标签，相当于一个特殊的文字。td:table data,表格的数据，也称表格的单元格，定义每一行内部的单元格。表格至少由三个标签组成，分别是<table>、<tr>、<td>标签。文本格式化的标签均为双标签，且为文本级标签，内部只能书写文字。<img>标签定义图像，单标签，本身是一个特殊文本。table:表格，定义的是整个的表格大结构。

原创 CSS 四类样式表

/

原创 CSS3新增选择器

注意：如果element2元素不是父元素element1的直接子元素，则不会被选择。>符号前书写父级选择器，>符号后写子级选择器，必须满足父子级关系才能选中标签。

原创 css2.1版本的七种选择器

选择器:选择要添加样式的HTML标签的一种方法、模式。

原创 CSS常用属性

字围现象：与压盖效果类似，同级元素中前面的元素浮动，后面的元素不浮动，不浮动的元素内部还有一些文字，浮动的蓝盒子会压盖住粉盒子的一部分，但是文字内容不会被盖住，粉盒子中的文字内容会让开蓝盒子位置，围绕他进行加载。浮动的元素脱离了标准流的限制，具备行块二象性，浮动的元素可以设置宽高，还可以并排一行，而且不会有空白折叠现象，如果元素不设置宽高，可以被元素内容自动撑开。后面的字号、行高、字体不能更改位置。父元素没有高度，会影响后面元素的标准流位置，如果浮动的子元素足够高时，有可能影响到后面浮动元素的贴边。

原创 CSS3新增属性

注：Internet Explorer 8及一下版本浏览器不支持border-radius属性，其他浏览器都支持。

原创 ＜a＞标签和四个伪类选择器

a>标签上可能会同时出发2到3个状态，每个状态的属性都会进行加载，相同的属性之间会发生层叠，伪类的权重相同，只能根据书写顺序，后写的层叠先写的，所以为了每个伪类正常加载，书写顺序必须是：link、visited、hover、active。标签可以根据用户行为不同，划分为四种状态，通过标签的伪类可以将四种状态选中设置为不同样式效果，用户出发对应行为，就可以加载对应的样式。/* 鼠标悬停 *//* 鼠标点击 */

原创 CSS 继承性与层叠性

行内式： 行内样式与内嵌或外链式比较权重最高，但是与!important关键字相比较权重低。important不能提升选择器权重，只能提升某条属性的权重到最大。就近原则中，不需要比较选择器权重，所有important会失效。

原创 CSS 3D转换

transform属性不止能实现2D转换，也可以制作3D立体转换效果，比普通的x，y轴组成的平面效果多了一条z轴。属性值的角度区分正负，正数表示沿对应坐标轴顺时针方向旋转，负数表示沿对应坐标轴逆时针方向旋转。并非任何情况下都需要透视效果，根据开发需要进行设置，如果需要展示z轴的变化，则设置透视效果。透视属性需要设置给3D变化元素的父级。

原创 CSS 2D转换

注：元素旋转后，坐标轴也跟着发生转变。因此多个属性同时设置给transform时，书写顺序不同导致的转换效果有差异。先旋转还是先位移得到的结果是不同的。作用：对元素进行移动、缩放、转动、拉伸或拉长。配合过渡和即将学习的动画知识，可以取代大量之前只能靠Flash才可以实现的效果。属性值：多种转换方法的属性值，可以实现不同转换效果。transform-origin属性。属性名：transform。

原创 Express 中间件

特指业务流程的中间处理环节，当一个请求到达Express的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。事例：const express = require('express') const app = express() const mw =(req , res , next) => {console . log('中间件') // next()函数实现多个中间件连续调用的关键，它表示把流转关系转交给下一个中间件或路由。

原创 Node.js 随记

【代码】Node.js 随记。

原创 Express 路由

【代码】Express 路由。

原创 Node.js模块加载机制

I. 使用require()加载自定义模块是，必须以./或者…/开头的路径标识符。在加载自定义模块时，如果没有指定./或者…/这样的路径标识符,则node会把它当作内置模块或者第三方模块进行加载。II. 使用require()倒入模块时，如果省略了文件的扩展名，则Node.js会按顺序分别尝试加载以下文件：a. 按照确切文件名进行加载。b. 补全.js扩展名进行加载。c. 补全.json扩展名进行加载。d. 补全.node扩展名进行加载。e. 加载失败，终端报错。

原创 箭头函数的缺点及不能使用的情况列举

箭头函数的缺点及不能使用的情况列举。

原创 防抖与节流

防抖与节流。

原创 函数柯里化

函数柯里化。

原创 函数四种调用模式

函数调用模式

原创 数组深拷贝与浅拷贝

简单概括，深拷贝主要是将一个对象的属性值拷贝过来之后，另一个对象的属性值并不受到影响，因为此时它自己在堆中开辟了自己的内存区域，不受外界干扰。浅拷贝主要拷贝的是对象的引用值，当改变对象的值，另一个对象的值也会发生变化。Array是引用类型，直接用“=”号赋值的话，只是把源数组的地址(或叫指针)赋值给目的数组，指向的是同一个内存地址，其中一个改变另一个也会改变。并没有实现数组的数据的拷贝。深拷贝是开辟新的储存空间，两个对象对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。

原创 继承与多态

继承与多态

原创 Java 自动拆装箱

自动拆装箱基本数据类型包装类型byteBytebooleanBooleanshortShortcharCharintIntegerlongLongfloatFloatdoubleDouble自动装箱：把基本类型自动转换成包装类型的过程自动拆箱：把包装类型自动转换成基本类型的过程Integer i = 1;//...

原创 集合框架