- 博客(62)
- 收藏
- 关注
RSS订阅原创 TS 常用内置方法
一、JavaScript 原生内置函数（TypeScript 通用）TypeScript 本身基于 JavaScript，因此 JavaScript 的内置函数（方法）在 TypeScript 中同样适用，同时 TypeScript 新增了一些类型相关的工具函数（用于类型操作）。以下是常用的内置函数分类整理：一、JavaScript 原生内置函数（TypeScript 通用）这些是 JS 内置对象的方法，在 TS 中可直接使用，且 TS 会提供类型校验。1. 数组（Array）相关。
2025-10-28 14:57:40
915
原创 HTML HTML5基础(2)
标签用来定义视频，它是双标签。标签用来定义音频，它是双标签。视频预加载时，如果使用。音频预加载时，如果使用。false：不可编辑。false：不可拖动。
2025-10-25 15:53:18
359
原创 HTML HTML5基础(1)
新增了很多可操作的接口。2.新增了一些语义化标签、全局属性。强调的是分段或块，如果你想将一块内容分成几段的时候，可使用。5.可移植性好，可以大量应用在移动设备上。更强调独立性，一块内容如果比较独立、比较完整，应该使用。3.新增了多媒体标签，可以很好的替代。注意：多行输入不可用，且空的输入框不会验证，往往与。4.更加侧重语义化，对于。注意：密码输入框、多行输入框不可用。2.2progress标签。3.form标签新增属性。自动完成，可以设置为。填写正则表达式，适用于。2.input新增属性。
2025-10-25 15:08:20
701
原创 HTML HTML4基础(5)
用户不可见的一个输入区域，作用是： 提交表单的时候，携带一些固定的数据。属性：数据的名称，注意：想要单选效果，多个 radio 的 name 属性值要保持一致。标签可与表单控件相关联，关联之后点击文字，与之对应的表单控件就会获取焦点。属性：该选项事件提交的数据（不指定value，会把标签中的内容作为提交数据）中我们可以用一种特殊的形式的内容，来表示某个符号，这些特殊形式的内容，就是。2. 与超链接或表单的。属性：指定默认显示的行数，会影响文本域的高度。属性：指定默认显示的列数，会影响文本域的宽度。
2025-09-19 18:11:37
1946
原创 HTML HTML4基础(4)
1. <table> 元素的 border 属性可以控制表格边框，但 border 值的大小，并不控制单元格边框的宽度，只能控制表格最外侧边框的宽度，这个问题如何解决？1. 不要用 <br> 来增加文本之间的行间隔，应使用 <p> 元素，或后面即将学到的 CSS margin 属性。(1一个完整的表格由：表格标题、表格头部、表格主体、表格脚注，四部分组成。概念：列表中的某项内容，又包含一个列表（注意：嵌套时，请务必把结构写完整）。2. 默认情况下，每列的宽度，得看这一列单元格最长的那个文字。
2025-09-10 22:30:00
1420
原创 HTML HTML4基础(3)
超链接是HTML中实现页面跳转的重要元素，主要通过<a>标签实现。其功能包括：跳转指定页面或文件、定位锚点位置、唤起设备应用等。常用属性有href（目标地址）、target（打开方式）和download（强制下载）。锚点设置可通过name或id属性实现，跳转时使用#符号。此外，超链接可唤起电话、邮件和短信等设备应用。超文本则通过超链接将不同信息组织在一起，实现跨空间内容跳转。
2025-09-08 22:30:00
1364
原创 HTML HTML4基础(2)
(3).排版标签更宏观（大段的文字），文本标签更围观（词汇、短语）。记住那些：重要的、语义感强的标签即可；举例：会与 h1 标签，效果是文字很大（不重要），语义时网页主要内容（很重要）。原则：标签的默认效果不重要（后期可以通过CSS随便控制效果），语义很重要！(1).块级元素：独占一行（排版标签都是块级元素）。1.这些不常用的文本标签，编码时不用过于纠结。(4).文本标签通常都是行内元素。(2).行内元素：不独占一行。是块级元素，其他的文本标签，都是行内元素。概念：用特定的标签，去表达特定的含义。
2025-09-05 22:30:00
1442
原创 Vue3+TS 交互式三层关系图
1.关系链：这是一个三层的关系图，关系链对应如下：'左-中:1-n',=，'中-左:1-1'，'中-右:1-n'，'右-中:1-1'。2.功能介绍：(1).节点效果：默认全部显示，无高亮。点击任意一个节点后，高亮显示点击的节点并添加outline属性，与其关联的节点同时高亮（仅与自己相关的所有节点）。除被点击节点及其关联节点以外的所有节点，降低透明度，突出高亮节点。再次点击拥有outline的节点，可退出高亮显示。在高亮期间，点击没有outline的节点，outline属性转移至被点击节点；
2025-09-04 22:30:00
408
原创 Vue3+TS 流星夜景
这篇文章介绍了一个夜空场景的Vue组件实现方案。主要包含6个核心组件：Mask（黑色半透明背景）、Moon（黄色月亮）、Sky（渐变夜空）、Stars（随机闪烁的星星）、Meteor（划过的流星）和Cloud（多层云朵）。每个组件都通过Vue3的Composition API实现，并配合CSS动画效果。其中Stars和Meteor组件特别通过TypeScript代码动态控制元素的随机位置、大小和动画参数，实现逼真的星空效果。Cloud组件则利用props传递参数实现不同透明度和位置的云层叠加。整个项目展现了
2025-09-01 22:30:00
756
原创 JsMind 常用配置项
思维导图是由多个节点和节点之间的连线组成的，一个思维导图有一个根节点，根节点外围可以有多个子节点，子节点还可以有多个子节点。jsMind提供了对思维导图进行操控的一系列API，这些API都是基于jsMind对象处理的，一般情况下可以使用下面的代码获取jsMind对象。jsMind默认提供了15种主题。可以在jsmind.css中按照以下格式添加自定义样式。jsMind支持三种数据格式。
2025-08-30 23:51:25
1405
原创 HTML HTML4基础(1)
一、C/S架构与B/S架构一、C/S架构与B/S架构1. 上面提到的应用软件，又分为两大类：，特点：需要安装、偶尔更新、不跨平台、开发更具针对性。，特点：无需安装、无需更新、可跨平台、开发更具通用性。名词解释：C => client（客户端）、B => browser（浏览器）、S => server（服务器）。2.。备注：大前端时代，我们可以用前端的技术栈，做出一个C/S架构的应用、甚至搭建一个服务器。
2025-08-16 21:47:19
962
原创 Vue3 vue3对比vue2的部分变动
过滤器虽然这看起来很方便，但它需要一个自定义语法，打破大括号内表达式是 “只是 JavaScript” 的假设，这不仅有学习成本，而且有实现成本！建议用方法调用或计算属性去替换过滤器。keyCode作为 v-on 的修饰符，同时也不再支持。Vue 2.x 有许多全局 API 和配置。例如：注册全局组件、注册全局指令等。data选项应始终被声明为一个函数。3.x 实例 API (2.x 全局 API（子组件中声明自定义事件。过滤器（filter）
2025-08-04 16:00:00
584
原创 Vue3 Composition API的优势与新的组件
1.Options API存在的问题使用传统OptionsAPI中，新增或修改一个需求，就需要分别在data，methods，computed里修改。2.Composition API的优势我们可以更加优雅的组织我们的代码，函数。让相关功能的代码更加有序的组织在一起。
2025-08-04 10:00:00
1435
原创 Vue3 其它Composition API
1.shallowReactive：只是处理对象最外层属性的响应式（浅响应式）2.shallowRef：只处理基本数据类型的响应式，不进行对象的响应式处理。3.什么时候使用？(1).如果有一个对象数据，结构比较深，但变化只是外层属性变化===>shallowReactive。(2).如果有一个对象数据，后续功能不会修改该对象中的属性，而是生成新的对象来替换===>shallowRef。
2025-08-03 16:00:00
881
原创 Vue3 生命周期、自定义hook、toRef和toRefs
1.什么是hook？本质是一个函数，把setup函数中使用的Composition API进行了封装。2.hook类似于vue2.x中的mixin。3.自定义hook的优势：代码复用，让setup中的逻辑更清楚易懂。4.操作步骤：(1).在src文件夹下建立hook文件夹。(2).在hook文件夹中新建名字为use...的js文件，并在文件中编写需要的代码实现。//实现了获取光标点击处的坐标x:0,y:0})})})(3).在组件中按需引用自定义的hook。<template>
2025-08-03 10:00:00
690
1
原创 Vue3 计算属性与监视属性
vue2中的},vue3中的计算函数与Vue2.x中computed配置功能一致，但需要配置在setup内。setup(){//计算属性——简写})//计算属性——完整get(){},})
2025-08-02 16:00:00
1693
原创 Vue3 Vue3中的响应式原理
1.(1).对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。(2).数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。get(){}set(){}2.存在问题：(1).新增属性、删除属性，界面不会更新。(2).直接通过下标修改数组，界面不会自动更新。
2025-08-01 20:00:00
861
原创 Vue3 setup、ref和reactive函数
1.理解：Vue3.0中一个新的配置项，值为一个函数。2.setup是所有Composition API(组合API)的“表演舞台”。3.组件中用到的：数据、方法等等，均要配置在setup中。4.setup函数的两种返回值：(1).若返回一个对象，则对象中的属性方法，在模板中均可以直接使用。（重点关注！(2).若返回一个渲染函数，则可以自定义渲染内容。（了解）5.注意：(1).尽量不要用Vue2.x配置混用。
2025-08-01 16:30:00
1106
原创 TS 面向对象
(1). 定义对象的格式： 描述数据模型、API 响应格式、配置对象........等等，是开发中⽤的最多的场景。2. 提供基础实现：在抽象类中提供某些⽅法或为其提供基础实现，这样派⽣类就可以继承这些实现。(3). 扩展已有接⼝：⼀般⽤于扩展第三⽅库的类型， 这种特性在⼤型项⽬中可能会⽤到。4.共享代码和逻辑：当多个类需要共享部分代码时，抽象类可以避免代码重复。1. 定义通用接口：为⼀组相关的类定义通⽤的⾏为（⽅法或属性）时。(2). 类的契约：规定⼀个类需要实现哪些属性和⽅法。
2025-08-01 10:00:00
1684
原创 TS 常用类型与语法
any的含义是：任意类型，一旦将变量类型限制为any，那就意味着放弃了对该变量的类型检测，即可以赋值任意类型。注意：any类型的变量，可以赋值给任意类型的变量。
2025-07-31 15:28:08
919
原创 TS TypeScript基础
一、TypeScript简介在代码运⾏前进⾏检查，发现代码的错误或不合理之处，减⼩运⾏时出现异常的⼏率，此种检查叫『静态类型检查』，TypeScript 和核⼼就是『静态类型检查』，简⾔之就是把运⾏时的错误前置。一、TypeScript简介1. TypeScript 由微软开发，是基于JavaScript的⼀个扩展语⾔。包含了JavaScript的所有内容，即：TypeScript是JavaScript 的超集。增加了：静态类型检查、接⼝、 泛型等很多。
2025-07-31 10:04:07
756
原创 Less less中的混合和继承
mixin(@c:deeppink) // 当实参比形参少时，可以为实参命名，使参数准确传输。//传入的所有参数都会被@arguments变量收集。//根据需求选取方向，并会自动匹配基础属性。混合就是将一系列属性从一个规则集引入到另一个规则集的方式。//基础属性，用@_做占位符匹配任意方向。//less的混合可以给出默认参数。//不会被编译到css文件中。//会被编译到css文件中。//上下左右各方向的三角形。
2025-07-30 10:00:00
2008
原创 Less Less基础
:hover{ // 生成#box .inner:hover,不使用&则生成#box .inner :hover。LESS 嵌套遵循 “父级选择器包含子级选择器” 的逻辑，对应 HTML 中的父子元素关系。(1).使用@来声明一个变量：@pink：pink，@selector:#box;(3).作为选择器、属性名和url：使用@{selector}的形式。(1).以//开头的注释，不会被编译到css文件中。(2).以/**/包裹的注释会被编译到css文件中。(4).变量的延迟加载。
2025-07-29 16:45:00
451
原创 Vue 路由器的两种工作模式
URL的hash值是#号及其后面的内容，不会发送到服务器。Vue Router提供hash和history两种路由模式：hash模式带#号，兼容性好但不够美观；history模式URL简洁，但需要后端配合解决刷新404问题，兼容性稍差。开发中可根据美观需求和兼容性要求选择合适的路由模式。
2025-07-29 10:00:00
214
原创 Vue 路由守卫(导航守卫)
Vue路由守卫分为三类：全局守卫、独享守卫和组件内守卫。全局守卫包括beforeEach（路由切换前执行）和afterEach（路由切换后执行），用于权限控制和页面标题修改。独享守卫通过beforeEnter在特定路由配置中定义权限规则。组件内守卫包括beforeRouteEnter（进入组件时调用）和beforeRouteLeave（离开组件时调用），实现组件级的权限管理。守卫通过to.meta获取路由元信息判断权限，使用next()控制路由跳转。
2025-07-28 21:15:00
482
原创 Vue 路由配置项和参数
1.传递参数-- 跳转路由并携带query参数，to的字符串写法 -->-- 跳转路由并携带query参数，to的对象写法 -->query:{id:m.id,2.接收参数。
2025-07-28 16:00:00
1169
原创 Vue 路由
1.理解：一个路由（route）就是一组映射关系（key-value），多个路由需要路由器（router）进行管理。2.前端路由：key存储路径，value是组件。
2025-07-28 10:00:00
903
原创 Vuex 模块化编码
1.目的：让代码更好维护，让多种数据分类更加明确。2.修改store.jsnamespaced:true,//开启命名空间getters: {namespaced:true,//开启命名空间modules: {})3.开启命名空间后，组件中读取state数据：//方式一：自己直接读取//方式二：借助mapState读取4. 开启命名空间后，组件中读取getters数据：//方式一：自己直接读取//方式二：借助mapGetters读取5.开启命名空间后，组件中调用dispatch。
2025-07-27 20:00:00
2450
原创 Vuex 四个map的使用方法
/靠mapActions生成：incrementOdd、incrementWait（对象形式）//靠mapActions生成：incrementOdd、incrementWait（数组形式）//借助mapState生成计算属性：sum、school、subject（对象写法）//借助mapState生成计算属性：sum、school、subject（数组写法）//靠mapMutations生成：increment、decrement（对象形式）方法：用于帮助我们映射state中的数据为计算属性。
2025-07-27 16:00:00
857
原创 Vuex 搭建vuex环境
在Vue中实现集中式状态（数据）管理的一个Vue插件，对Vue应用中多个组件的共享状态进行集中式管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。
2025-07-27 10:00:00
970
原创 vue 脚手架配置代理
在vue.config.js中添加如下配置：说明：1.有点：配置简单，请求资源时直接发给前端(8080)即可。2.缺点：不能配置多个代理，不能灵活的控制请求是否走代理。3.工作方式：若按照上述配置代理，当前请求了前端不存在的资源时，那么该请求会转发给服务器（优先匹配前端资源）。当public目录中有students时，会优先向前端请求资源。
2025-07-26 11:00:00
685
原创 Vue nextTick
1.语法：this.$nextTick(回调函数)2.作用：在下一次DOM更新结束后执行其指定的回调。3.什么时候用：当改变数据后要基于更新后的新DOM进行某些操作时，要在nextTick所指定的回调函数中执行。})
2025-07-25 16:00:00
226
原创 Vue 消息订阅与发布
1.一种组件间通信的方式，适用于任意组件间通信。2.使用步骤：(1)安装pubsub：npm i pubsub-js(2).引入：import pubsub from 'pubsub-js'(3).接收数据：A组件想要接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。methods(){mounted(){this.pubId= PubSub.subscribe('xxxx',this.demo) //订阅消息(4).提供数据：PubSub.publish('xxxx',data)
2025-07-25 11:00:00
472
原创 Vue 全局事件总线
1.一种组件间通信的方式，适用于任意组件间通信。2.安装全局事件总线：new Vue({Vue.prototype.$bus = this //安装全局事件总线，$bus就是当前应用的vm},})3.使用全局事件总线：(1)接收数据：A组件想要接收数据，则A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。methods:{mounted(){(2).提供数据：this.$bus.$emit('xxxxx',data)
2025-07-25 00:15:00
687
原创 Vue 浏览器本地存储
(1).xxxxStorage.setItem('Key','value')：该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。(3).xxxxStorage.removeItem('Key')：该方法接受一个键名作为参数，并把该键名从存储中删除。(2).xxxxStorage.getItem('person')：该方法接受一个键名作为参数，返回键名对应的值。(4).xxxxStorage.clear()：该方法会清空存储中的所有数据。
2025-07-23 20:48:38
442
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人