- 博客(25)
- 收藏
- 关注
RSS订阅原创 TS基础笔记
TypeScript（简称：TS）是 JavaScript 的超集（JS 有的 TS 都有）。TypeScript = Type + JavaScript（在 JS 基础之上，为 JS 添加了类型支持）。TypeScript 是微软开发的开源编程语言，可以在任何运行 JavaScript 的地方运行。
2026-01-07 10:27:13
573
原创 JS基础 - 正则笔记
正则表达式是一种强大的字符串匹配工具，可用于表单验证、内容过滤和数据提取等场景。它通过元字符（如边界符^$、量词*+?{}和字符类[]）实现灵活匹配。基本使用包括定义规则（如/表达式/）和使用test()/exec()方法测试匹配。替换功能通过replace()实现，配合修饰符i（不区分大小写）和g（全局匹配）增强功能。例如，/^[a-z0-9_]{6,16}$/可验证6-16位用户名。正则表达式极大提升了文本处理的效率和精确度。
2025-11-29 20:26:53
793
原创 JS基础 - BOM基础笔记
(Browser Object Model ) 是浏览器对象模型window对象是一个全局对象，也可以说是JavaScript中的顶级对象像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法window对象下的属性和方法调用的时候可以省略window。
2025-11-29 19:47:48
625
原创 JS基础 - DOM基础笔记
JavaScript DOM操作摘要 DOM（文档对象模型）是JavaScript操作网页元素的核心，它将HTML文档转换为树状结构，使开发者能动态修改内容、样式和交互。主要功能包括： 元素获取：通过querySelector/getElementById等方法选择DOM节点 内容操作：使用innerText/innerHTML修改元素内容 属性控制：直接修改元素属性或通过classList操作类名 事件处理：addEventListener实现点击、滚动等交互功能 包含事件流（冒泡/捕获）、事件委托等进阶
2025-11-27 21:10:58
1269
原创 移动Web-CSS相关
目前rem布局方案中，将网页分成10份，HTML标签的字号 为 视口宽度的 1/10。html骨架会自动生成；视口宽度 = 设备宽度；手机型号 物理分辨率 逻辑分辨率 比例关系。设计稿里每个元素的尺寸的倍数；防止图片在高分辨率下模糊失真。宽度适配：宽度自适应（百分比布局；问：如何知道1html字号的大小？等比适配：宽高等比缩放（rem、vw）
2025-11-19 23:13:28
632
原创 CSS-transform&过渡&动画 相关
本文摘要：CSS转换技术包含平面转换（2D）和空间转换（3D）两类。2D转换通过位移、旋转、缩放、倾斜实现元素变形，配合过渡效果可制作蒙版显示等交互效果；3D转换需设置视距(perspective)呈现立体效果，包括3D平移、旋转和缩放。动画技术通过关键帧(@keyframes)实现复杂状态变化，可控制播放方向、暂停等属性，应用于走马灯等场景时需注意无缝衔接处理。文中详细介绍了各种转换属性的语法参数，并通过具体案例演示了蒙版效果、垂直居中、按钮高光等实用场景的实现方法。
2025-11-19 20:44:18
569
原创 Node.js基础笔记
Node.js 模块化：把每个文件当做一个模块，独立作用域，按需加载，使用特定标准语法导出和导入使用CommonJS 标准：一般应用在 Node.js 项目环境中ECMAScript 标准：一般应用在前端工程化项目中Node.js 包：把模块文件，代码文件，其他资料聚合成一个文件夹就是包项目包：编写项目需求和业务逻辑的文件夹软件包：封装工具和方法进行使用的文件夹（一般使用 npm 管理）本地软件包：作用在当前项目，封装的属性/方法，供项目调用编写业务需求。
2022-07-24 11:55:48
19
原创 CSS笔记-持续记录中。。。
三角形角标div { width: 0; height: 0; border: 5px solid #transparent; border-top-color: red;}css单行文本超出显示...overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行文本超出显示...display: -webkit-box;-webkit-box-orient: vertical;
2022-07-24 11:36:34
29
原创 JS持续记录中。。。
1. ?? 非空运算符（只包含 null 和 undefined 两个假值） || 赋值时 0 也为虚假值 JS 中假值包含：未定义 undefined、空对象 null、数值 0、空数字 NaN、布尔 false，空字符串 x ??= y x = (x ?? y)...
2021-07-08 15:23:06
48
原创 vue中使用拖拽drag
被拖拽的domdragable="true"@dragstart="drag"拖入的dom@drop="drop"@dragover="dragover"@dragleave="dragleave" <!-- 被拖拽的 --> <div v-for="o in item.staffs" :key="o.id"
2021-07-05 16:11:59
4762
原创 Vue中使用Echarts 热点图
先看下效果图data 中定义配置项的数据myChartHot: null, hotX: [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17,...
2021-05-19 14:38:50
1069
原创 el-date-picker 时间限制到 分 实现结束大于开始时间（不等于）
时间段额组件 type = datetimerange 不支持限制到时间 这里选用 type = datetime 将开始结束时间分开 <el-date-picker v-model="ruleForm.plan_start_time" type="datetime" format="yyyy/MM/dd HH:mm" @change="changeDateSt.
2021-02-05 16:51:25
2492
3
原创 在vue中导入Excel表
使用的库js-xlsx纯JS即可读取和导出excel的工具库https://github.com/SheetJS/js-xlsx安装直接下载dist目录下有很多个JS文件，一般情况下用xlsx.core.min.js就够了，xlsx.full.min.js则是包含了所有功能模块。直接通过script引用即可。npm安装npm install xlsx 在main.js中引引入importXLSXfrom"xlsx/dist/xlsx.full.min";在所...
2020-12-03 15:52:39
846
原创 JS进阶笔记
JavaScript作用域与闭包摘要 作用域分为全局作用域和局部作用域（函数作用域和块作用域）。变量访问遵循作用域链机制，子作用域可访问父作用域。垃圾回收通过标记清除法自动管理内存。闭包由内层函数和外层函数变量组成，能实现数据私有化但可能导致内存泄漏。this指向规则：普通函数取决于调用者，箭头函数继承外层this。改变this指向可用call/apply/bind方法。函数参数处理支持动态参数arguments和剩余参数...语法。原型链实现继承，构造函数prototype属性共享方法。对象解构赋值简化变
2020-10-14 17:25:17
13
原创 Vue中使用Echarts以及遇到的问题
通过npm获取echarts npm install echarts --save在package.json文件dependencies中可以看到是否安装成功在.vue文件内准备画图表注意 需要指定好dom元素的宽高，不然图表无法显示// 页面里选好位置<div id="main"></div>// 引入配置选项import { planInOutOptions } from "../assets/js/xxx";// 在mounte...
2020-09-11 15:46:14
2853
原创 git 的使用笔记 编辑工具vscode
Changes 里的文件 “+” 会放到 Staged Changes == git add . (全部修改的文件)Staged Changes 里的文件"-" 会撤回到Changes里 == git reset HEAD -- <文件名（完整路径）> 本地撤回add的操作git add . + git commit -m "" == git commit -am "内容"撤回commit提交的内容 git rm --cached <文件名...
2020-07-17 12:37:35
5051
原创 vue 中 store的使用
1. 在package.json查看是否已安装vuex，在store目录下module下存放不同模块 方便区分type.js 中存放类型常量2. 在main中引入test.jsimport types from "../types";// 全局变量const state = { count: 6};// 用来获取属性const getters = { count(state) { return state.count; }, count
2020-05-28 15:45:15
13996
原创 JS基础笔记
JavaScript基础语法摘要 JavaScript是一种客户端脚本语言，由ECMAScript和Web APIs组成。核心内容包括： 变量声明：使用let/const，遵循小驼峰命名法 数据类型：包括数字、字符串、布尔等基本类型，以及对象等引用类型 类型转换：分为隐式转换和显式转换（Number()/String()） 运算符：比较运算符、逻辑运算符及其优先级 流程控制：if/switch分支语句，while/for循环语句 函数：定义与调用，参数默认值，返回值 数组：常用方法如push/pop/spl
2020-05-08 10:41:36
333
原创 CSS-position的使用
CSS定位方式主要包括相对定位、绝对定位和固定定位。相对定位（relative）不脱离文档流，作为绝对定位元素的容器块；绝对定位（absolute）相对于最近定位父元素或视窗定位，脱离文档流；固定定位（fixed）相对于视窗固定位置。z-index控制堆叠顺序，数值越大层级越高，常用于实现轮播图等覆盖效果。设置底层为relative，覆盖层为absolute并调整z-index可实现元素层叠显示。
2019-03-14 17:22:17
378
原创 Vue2基础笔记
Vue2核心特性及使用指南 Vue2是一个构建用户界面的渐进式框架，具有响应式数据绑定特性。它支持两种使用方式：局部模块改造和工程化整站开发。核心功能包括： 指令系统：v-text/v-html内容渲染、v-show/v-if条件渲染、v-on事件绑定、v-bind属性绑定、v-model双向绑定、v-for列表渲染 组件通信：父向子props传值、子向父$emit事件、非父子通信通过eventbus或provide/inject 生命周期钩子：created/mounted/updated/destroy
2019-01-12 18:36:49
568
原创 Web相关-基础知识
本文介绍了Web前端开发的基础知识，包括浏览器内核、Web标准构成（HTML/CSS/JavaScript）以及常用开发工具VSCode。重点讲解了HTML标签语义化对SEO的重要性，路径使用规范（相对路径与绝对路径），以及常用标签如列表、表单标签的使用方法。特别说明了label标签的两种绑定方式，并提及了无语义布局标签div/span和有语义HTML5标签的区别。文中还包含了字符实体的使用说明。
2018-12-02 09:38:59
338
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人