前端
关注
分享
扫一扫
文章平均质量分 78
前端学习
李少谦
22届毕业、软件工程、Java、写代码、独立思考
展开
-
学习TypeScript(二)---接口
学习TypeScript（二）---接口接口接口初探可选属性只读属性readonly vs const函数类型类类型类实现接口一个类可以实现多个接口接口继承接口接口TypeScript 的核心原则之一是对值所具有的结构进行类型检查。我们使用接口（Interfaces）来定义对象的类型。接口是对象的状态(属性)和行为(方法)的抽象(描述)接口初探需求: 创建人的对象, 需要对人的属性进行一定的约束id是number类型, 必须有, 只读的name是string类型, 必须有age是number类原创 2023-01-10 09:49:14 · 501 阅读 · 0 评论 -
学习TypeScript(二)---基础类型
学习TypeScript（二）---基础类型基础类型布尔值数字字符串undefined 和 null数组元组 Tuple枚举anyvoidobject联合类型类型断言类型推断基础类型TypeScript 支持与 JavaScript 几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。布尔值最基本的数据类型就是简单的 true/false 值，在 JavaScript 和 TypeScript 里叫做 boolean（其它语言中也一样）。let isDone: boolean = fals原创 2023-01-10 09:49:02 · 379 阅读 · 0 评论 -
学习TypeScript(二)---类
学习TypeScript（二）---类类基本示例继承公共，私有与受保护的修饰符默认为 public理解 private理解 protectedreadonly 修饰符参数属性存取器静态属性抽象类类对于传统的 JavaScript 程序我们会使用函数和基于原型的继承来创建可重用的组件，但对于熟悉使用面向对象方式的程序员使用这些语法就有些棘手，因为他们用的是基于类的继承并且对象是由类构建出来的。 从 ECMAScript 2015，也就是 ES6 开始， JavaScript 程序员将能够使用基于类的面向对原创 2023-01-10 09:48:53 · 427 阅读 · 0 评论 -
学习TypeScript(二)---泛型
学习TypeScript（二）---泛型泛型引入使用函数泛型多个泛型参数的函数泛型接口泛型类泛型约束泛型指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定具体类型的一种特性。引入下面创建一个函数, 实现功能: 根据指定的数量 count 和数据 value , 创建一个包含 count 个 value 的数组 不用泛型的话，这个函数可能是下面这样：function createArray(value: any, count: number): any[] { const原创 2023-01-10 09:48:38 · 236 阅读 · 0 评论 -
Flex布局
Flex布局为什么需要Flex布局什么是Flex布局认识Flex布局容器的基本属性flex-direction属性flex-wrap属性flex-flowjustify-content属性align-items属性align-content属性容器内单个项目属性order属性flex-grow属性flex-shrink属性flex-basis属性flex属性align-self属性关于height:100%和height:100vh的区别参考 阮一峰Flex布局为什么需要Flex布局布局的传统解决原创 2021-07-19 17:13:47 · 219 阅读 · 0 评论 -
学习HTML
这里写目录标题常用标签.html区块与布局iframe框架H5新标签CSS盒子模型position定位overflow属性Float浮动CSS 布局-水平&垂直对齐CSS 导航栏CSS导航栏-水平导航栏Opacity图片透明CSS3 渐变（Gradients）常用标签.html<body> <p>这是一个段落。</p><br> <strong>这个文本是加粗的</strong><br> <b>加原创 2021-07-19 11:55:29 · 3136 阅读 · 0 评论 -
npm常用类库
npm常用类库可以在官网直接搜索类库简介npm命令axios基于浏览器和Node.js的基于HTTP客户端npm i axiosvue-routervue前端路由npm i vue-routervuexvue状态管理npm i vuexqrcode二维码生成npm i qrcodeqsget url 转化成参数npm i qsserve快速搭建静态站点npm i serve 指定端口:serve -l 8100uu原创 2021-07-16 11:24:08 · 362 阅读 · 0 评论 -
Vue前端后台模板
1. AdminLTE前端模板地址https://github.com/almasaeed2010/AdminLTE非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。AdminLTE-admin 轻量级权限管理框架AdminLTE-admin是以SpringMVC+Shiro+Mybatis为核心开发的精简后台基础系统。包含用户管理,角色管理,部门管理,权限管理,菜单管理,日志管理等常用业务模块。使用AdminLTE作为前端UI框架。第三方Mybatis-plus作原创 2021-07-16 09:37:20 · 7329 阅读 · 2 评论 -
js-cookie插件
js-cookie安装，引入cookie存值取值删除命名空间json相关set方法支持的属性js-cookie是一个简单的，轻量级的处理cookies的js API。安装，引入cookie# 安装npm install js-cookie# 引入import Cookies from 'js-cookie'存值//创建简单的cookieCookies.set('name', 'value');//创建有效期为7天的cookieCookies.set('name', 'value',转载 2021-06-18 19:43:47 · 846 阅读 · 0 评论 -
学习TypeScript(二)---函数
学习TypeScript（二）---函数函数基本示例函数类型为函数定义类型书写完整函数类型可选参数和默认参数剩余参数函数重载函数函数是 JavaScript 应用程序的基础，它帮助你实现抽象层，模拟类，信息隐藏和模块。在 TypeScript 里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。TypeScript 为 JavaScript 函数添加了额外的功能，让我们可以更容易地使用。基本示例和 JavaScript 一样，TypeScript 函数可以创建有名字的函数和匿名函数原创 2021-05-22 15:40:35 · 133 阅读 · 0 评论 -
学习TypeScript(一)
学习TypeScript（一）初识TypeScriptTypeScript特点安装TypeScript第一个TypeScript程序手动编译代码vscode 自动编译使用webpack打包TS初始化npm下载依赖入口 JS: src/main.tsindex 页面: public/index.html配置打包命令运行与打包初识TypeScriptTypeScript 是一种由微软开发的开源、跨平台的编程语言。它是 JavaScript 的超集，最终会被编译为 JavaScript 代码。Vue3中对TS原创 2021-05-20 20:35:47 · 237 阅读 · 1 评论