前端
关注
分享
扫一扫
文章平均质量分 76
慕容思佳
彭鱼晏西柚分晏
展开
-
TypeScript基础知识
TypeScriptTypeScript基础知识1. 基础类型布尔值数字字符串undefined 和 null数组元组 Tuple枚举anyvoidobject联合类型类型断言类型推断2. 接口接口初探可选属性只读属性readonly vs const函数类型类类型类实现接口一个类可以实现多个接口接口继承接口3. 类基本示例继承公共，私有与受保护的修饰符默认为 public理解 private理解 protectedreadonly 修饰符参数属性存取器静态属性抽象类4. 函数基本示例函数类型为函数定义类型原创 2021-08-11 12:30:50 · 1069 阅读 · 0 评论 -
前端数据结构
前端数据结构数据结构1.概念2.数据3.数组4.链表5.栈6.队列7.哈希表8.树9.二叉搜索树数据结构1.概念作用：阐述关系结构：简单的理解就是关系，不同的数据元素之间不是独立的，而是存在特定的关系逻辑结构：指数据对象中数据元素之间的相互关系分类：集合结构、线性结构、树形结构、图形结构集合结构：数据元素属于同一个集合，他们之间没有其他的关系，他们的共同树形是：“同属于一个集合。”线性结构：最典型的数据关系是一对一是一种有序数据的集合除第一个和最后一个数据元素之外，其他数据元素都原创 2021-08-11 12:27:48 · 711 阅读 · 0 评论 -
JS中的bind，apply与call
概要call、apply、bind 都是用来修改函数中的this，传参时，call是一个个传参，apply是数组形式传参，call和apply立即执行并且返回值是你调用的方法的返回值，若该方法没有返回值，则返回undefined。bind是改变this后返回一个新的函数，他不会立即执行。这三个方法不会改变原方法的this的指向。Bind复制原方法传入新的this指向后生成新方法，参数可传多个。let a = { name: "小明", play: function(name)原创 2021-04-09 10:21:38 · 182 阅读 · 0 评论 -
Vue中的防抖与节流
防抖和节流到底是啥函数防抖（debounce）解释：当持续触发某事件时，一定时间间隔内没有再触发事件时，事件处理函数才会执行一次，如果设定的时间间隔到来之前，又一次触发了事件，就重新开始延时。案例：持续触发scroll事件时，并不立即执行handle函数，当1000毫秒内没有触发scroll事件时，才会延时触发一次handle函数。function debounce(fn, wait) { let timeout = null return function() { if(timeout !原创 2021-04-08 20:54:19 · 1164 阅读 · 0 评论 -
Vue开源库汇总
UI组件element ★9305 - 饿了么出品的Vue2的web UI工具套件Vux ★6802 - 基于Vue和WeUI的组件库mint-ui ★4776 - Vue 2的移动UI元素iview ★4458 - 基于 Vuejs 的开源 UI 组件库Keen-UI ★2363 - 轻量级的基本UI组件合集vue-material ★2207 - 通过Vue Material和Vue 2建立精美的app应用muse-ui ★1992 - 三端样式一致的响应式 UI 库vuetify ★1原创 2021-04-08 09:03:15 · 202 阅读 · 0 评论 -
Vscode格式化Vue项目
背景VSCode在开发Vue项目的时候，尽管我们安装了格式化插件，但是最终运行时还是会有一堆的警告，就是因为格式化代码的方式和eslint的规范不一样导致的。解决方案安装插件ESlint：JS代码检测工具Vetur：VUE项目基本插件,可以格式化html、标准css（有分号 、大括号的那种）、标准js（有分号 、双引号的那种）、vue文件，但是！格式化的标准js文件不符合ESlint规范，会给你加上双引号、分号等Prettier - Code formatter：只关注格式化，并不具有eslin原创 2021-04-07 07:48:54 · 535 阅读 · 1 评论 -
Ajax基础知识
AJAX1.AJAX的特点1.优点可以无需刷新页面而与服务器端进行通信允许你根据用户事件来刷新部分页面内容2.缺点没有浏览历史，不能回退存在跨域问题SEO（搜索引擎优化）不友好 --> 爬虫不可爬取Ajax请求得来的数据2.HTTP协议1.http超文本传输协议，规定了浏览器和万维网服务器之间相互通信的规则2.请求报文请求行：请求类型：post、delete、put、get四种方式分别对应对数据的增删改查URL路径HTTP协议版本请求头：H原创 2021-01-24 15:11:42 · 241 阅读 · 0 评论 -
JavaScript进阶
js高级1.IFE（立即调用函数表达式）1.示例(function(){//匿名函数自调用 console.log('232323232')})()2.作用隐藏实现不会污染外部命名空间，一般为全局命名空间3.向外暴露一个全局函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>原创 2021-01-21 15:06:11 · 473 阅读 · 0 评论 -
HTML5的新属性和新方法
1.表单新增的type属性email: email提供了默认的电子邮箱校验：要求必须包含@符号，同时必须包含服务器的名称，例如@qq.com，@163.com，如果不能满足验证，则会阻止当前数据的提交tel: tel并不提供校验功能，它的本质目的是为了在移动端能打开数字键盘，这意味着数字键盘限制了用户只能输入数字url: 验证只能输入合法的网址：必须包含http://…number: 只能输入数字（包含小数点），不能输入其他字符，max：可输入的最大值；min：可输入的最小值；value：默认值原创 2021-01-19 16:15:49 · 315 阅读 · 0 评论 -
axios发送请求的数据格式
使用axios对接数据格式问题1.post请求常见的数据格式Content-Type: application/json ： 请求体中的数据会以json字符串的形式发送到后端Content-Type: application/x-www-form-urlencoded：请求体中的数据会以普通表单形式（键值对）发送到后端Content-Type: multipart/form-data： 它会将请求体的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对，也可以上传文件。2.appl原创 2021-01-18 14:40:48 · 5954 阅读 · 1 评论