自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 TypeScript与vue

不过在 vue3.3+版本中,事件的定义可以写成:

2024-08-31 16:40:27 1103

原创 TypeScript 类型注解(二)

对于对象虽然可以定制可选属性,但也是约束好某个属性可有可无而已。如果说想在对象中定义一个自定义属性应该怎么办?为了解决这个问题,可以使用对象的"任意属性propName就是一个占位符,换成其他的变量名字也可以。:string是当前属性是一个字符串类型- :any。

2024-08-24 19:28:42 839

原创 TypeScript 类型注解(一)

1、什么是TpyeScript类型注解- 是否还记得TypeScript的两个重要特性?- 类型系统、适用于任何规模- 可以说,TS的类型系统是TS最重要的功能;那么什么是类型注解呢?其实就是在声明变量时,将变量的类型一同声明出来let 变量.类型=“值”简写:let 变量 = 值当省略.类型时,系统会自动根据当前值确定当前变量的类型2、类型注解的优势- 当使用类型注解之后,变量值的类型将不能发生改变,否则就会报错,这样就可以保证代码的严谨性和规范性。

2024-08-10 17:25:51 868

原创 vue响应式原理

理解 MVVM 结构:Vue 是一个典型的 MVVM 框架,它将数据层、视图层和数据-视图层进行了良好的分离,使得前端开发更加清晰和高效掌握响应式原理:响应式原理是 Vue 实现数据驱动视图的关键,通过数据劫持和依赖追踪,实现了数据与视图之间的自动更新,为构建动态、交互式的用户界面提供了强大的支持熟悉实现方式:在 Vue 2 中,响应式原理是基于实现的,它具有一定的局限性和缺点,比如无法监听数组变化和兼容性问题。而在 Vue 3 中,采用了基于Proxy的方式,提供了更灵活、高效的响应式系统。

2024-07-27 17:42:52 1083

原创 VUE-CLI 组合式API

setup()函数是在组件使用组合式API的入口- 可以在选项式API(data、watch…)的组件中使用组合式API,也可以单独使用组合式API。- 通过return一个对象,暴露模版需要使用的响应式属性,计算数据性、方法等…- 在setup()方法中是不能this实例的,那也就意味着,setup中不能够访问选项式API暴露的属性,但是选项式API中可以访问setup中的暴露的属性。

2024-07-13 16:48:41 759

原创 VUE --- 路由基础

(Vue环境)路由就是组件与url地址的一种映射关系对于单页面应用程序来说,组件与组件之间的跳转规则就是路由;vue路由允许我们通过不同的URL访问不同的内容(组件)通过Vue可以实现多视图的单页面Web应用(single page web application,SPA)根据参数的不同,匹配不同的路由 想象一下,两个路由 /about/:id 和 /about/:name,两者会匹配完全相同的 URL,所以我们需要一种方法来区分它们。可以通过给路由参数定义正则表达式,来严格匹配路由。

2024-07-06 16:36:09 1008 1

原创 VUE 组件

例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考。

2024-06-29 16:24:25 1053

原创 VUE——指令

<style>.box{</style></div>data(){return{},methods:{move(){

2024-06-22 16:22:40 555 1

原创 ES6 数组的扩展

提示:以下是本篇文章正文内容,下面案例可供参考。

2024-06-15 16:01:51 1038

原创 深入浅出Viewport原理(2)

例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

2024-06-01 15:31:16 895

原创 深入浅出Viewport设计原理(1)

提示:这里对文章进行总结:例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。

2024-05-25 15:38:55 780

原创 过渡和动画

例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考@keyframes 动画名称{百分比 { Properties:Properties value;....@keyframes 动画名称{百分比 { Properties:Properties value;

2024-05-18 15:40:14 768

原创 canvas

例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考。

2024-05-11 16:41:08 587

原创 CSS 渐变

例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考。

2024-05-05 10:08:43 529

原创 弹性布局(display: flex)

例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考。

2024-04-27 10:05:36 5275

原创 css3 选择器

(2) attr(attr_name), 伪元素的内容跟主元素的某个属性值进行关联,及其内容为主元素的某指定属性的值。9.:nth-last-of-type(n) 匹配父元素下同类型元素的第几个 从最后开始数。类名选择器以“.”开头,类选择器能为相同对象定义不同的样式,为不同的对象定义相同的样式。兄弟选择器的作用是查找某一个指定元素的后面的所有兄弟结点,以“~”表示。8.:nth-of-type 匹配父元素下同类型元素的第几个。子选择器以“>”表示,子选择器是指定父元素包含下的子元素。

2024-04-20 10:50:06 716

原创 BOM是什么?

提示:这里对文章进行总结:以上就是今天要讲的内容,本文仅仅简单介绍了BOM的使用,而BOM 是浏览器对象模型,浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构。

2024-04-13 16:07:36 463 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除