- 博客(77)
- 收藏
- 关注
RSS订阅原创 TypeScript
文章目录1、什么是 TypeScript2、十二基础类型3、高级类型4、面向对象1、什么是 TypeScriptTypeScript 是 JavaScript 的一个超集，主要提供可选的静态类型，类和接口2、十二基础类型1、数字2、布尔3、字符串4、数组5、元组6、联合7、枚举8、any9、unknow10、void11、undefined12、Never3、高级类型union 组合类型Nullable 可空类型Literal 预定义类型4、面向对象范型class
2021-12-10 15:37:23
373
1
原创 react面试
文章目录1、useEffect 中怎么使用 async/await ？2、用 echarts 比较难处理的问题是什么？3、webpack 的了解， webpack 怎么配置反向代理？4、什么是纯函数，优点是什么5、ui 组件化和模块化，ui 组件的特性？6、什么是 websocket？7、对象的属性类型有哪些?8、React setState的两种形式?9、mvc 是什么思想？10、react 的设计模式有哪几种？11、虚拟DOM是什么？实现原理？12、说一下index和key的区别和原理？13、说一下 h
2021-11-24 11:38:54
335
原创 React里里面试准备
文章目录项目描述1、生命周期2、Hook3、hook包装函数优化4、Redux5、自己封装的组件6、图片懒加载7、说一下 connect 怎么使用8、flex 布局9、rem 布局10、类组件 与 函数式组件 区别11、项目描述这个项目是给古风设计师们进行资讯和活动，发布和管理的一个后台系统，我负责的模块是咨询管理，里面有咨询列表，添加咨询，子咨询列表，照片墙，有基本的咨询的增删改查功能，搜索功能，详情页查看功能，主要用的技术栈是 React 全家桶加 Ant Design 和第三方插件比如day.js
2021-11-12 18:24:03
866
原创 JS 的各种方法
文章目录数组方法遍历数组字符串方法对象方法判断数据类型数组方法方法名功能返回值是否改变原数组push()向数组尾部添加一个或多个元素新数组长度是pop()删除数组的最后一个元素删除的元素是unshift()向数组头部添加一个或多个元素新数组长度是shift()删除数组的第一个元素删除的元素是valueOf ：返回数组的本身indexOf() ：arr.indexOf('A', 1)返回指定元素索引，没有则返 -1第二个参数，表
2021-09-15 16:56:01
314
原创 React 学习 Day 01
文章目录React 学习一、Reacte二、JSX三、显示数据调用函数四、虚拟 DOM 和 diff 算法五、组件 & propsReact 学习一、Reacte什么是 react ：用于构建用户界面的js库（ V => mv* ）创建元素对像 ：const 元素对象名 = React.createElement( 待创建的标签, 待创建的标签属性对象奥/null, 子内容)二、JSX使用 createElement 创建 react 对象非常的麻烦,解决方法就是 JSXJSX
2021-09-02 14:52:34
135
原创 Vuex 的使用
文章目录vuex 是什么？一、 state 的渲染二、 mutations三、 actions四、 getters五、 模块化 modules模块化中的命名空间vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式vuex 是采用 集中式 管理组件依赖的共享数据的一个工具，可以解决不同组件数据共享问题state 共享数据状态mutations 所有数据的修改，但只能执行同步代码actions 执行异步的代码，然后将数据提交给 mutationsimport Vu
2021-07-19 21:46:41
259
2
原创 面试必问 —— 组件传值（全面）
文章目录父传子一、父传子通过 `props` 接收二、父传子通过 `$attrs` 接收三、`$children`四、`ref`子传父一、`$listeners`二、`$parent`三、自定义事件兄弟传值一、事件中心祖先传后代一、`provide` 和 `inject`其他方法一、`localStorage` 和 `sessionStorage`二、Vuex父传子一、父传子通过 props 接收父组件在子组件的模板中用动态属性传值也可以传递一个对象<children :age="18"
2021-06-20 09:43:19
362
原创 前端面试题必背系列 + 持续更新中
一、怎么使用token访问带权限的页面保存 token 到本地token 是为了简化验证，后台返回的客户端进行请求的一个令牌首先我们会在登录页面发请求验证你的登录名和密码，如果通过则接收后台返回的 res ，在 res.data.token 中就是我们要的 token 字符串此时我们就将它保存在我们的页面window.sessionStorage.setItem('token', res.data.token)路由导航守卫控制页面的访问权限每次我们访问带有权限的页面的时候就需要 toke
2021-06-17 15:39:51
345
2
原创 前端面试题 + 持续更新中
一、谈一谈双向数据绑定就拿 input 输入框来举例子吧先将创造一个原始数据 data ，将他渲染到输入框再给输入框绑定 input 事件，如果输入框改变则改变 data 中的值再将新的 data 的值渲染到输入框里面在 vue 中可以用 v-model 相当于 vue 中的动态数据绑定 v-bind:value 加 v-on:input 事件绑定在 js 中的底层原理我们用到了 Object 的方法 defineProperty(1.obj, 2.prop, 3.descriptor)
2021-06-15 18:00:13
104
原创 Vue 接口 promise + fetch + axios + async 和 await
文章目录一、promise1. 异步2. Promise一、promise1. 异步JS 是但线程，一次只能执行一个任务，任务执行完后才能执行下一个，它会「阻塞」其他任务，这个任务可称为主线程JS中常见的异步调用① 定时任务② Ajax③事件函数异步模式可以一起执行多个任务，但是结果顺序不确定，结果依赖于请求的这个程序的顺序如许要规定结果打印的顺序就需要函数嵌套，但是函数嵌套会形成回调地狱，于是就需要用到 promise2. PromisePromise 是异步编
2021-06-05 20:54:26
3522
34
原创 Vue 组件 + 组件之间传值 + 组件插槽
文章目录一、组件注册1. 全局注册一、组件注册组件就是把各自独立的积木拼成一个整体进行数据交互1. 全局注册组件注意事项全局组件 注册后，任何 vue实例 都可以用组件参数的data值必须是函数同时这个函数要求返回一个对象组件模板必须是单个根元素组件模板的内容可以是模板字符串 Vue.component('组件名称', { data: function () {return{}}, // data 在这里是函数 template: '模板' })就是相当于封
2021-06-05 19:56:28
592
原创 表单修饰符、自定义指令、计算属性、侦听器、过滤器、生命周期
文章目录Vue 的常用特性一、表单基本操作二、自定义指令表单操作自定义指令计算属性过滤器倾听器声明周期Vue 的常用特性一、表单基本操作通过v-model获取单选框中的值获取复选框中的值复选框 checkbox 这种的组合时 data 中的 值 我们要定义成数组 否则无法实现多选获取下拉框和文本框中的值表单修饰符.number 转换为数值注意点：当开始输入非数字的字符串时，因为Vue无法将字符串转换成数值所以属性值将实时更新成相同的字符串。即使后面输入数字，
2021-06-05 19:52:51
190
原创 Vue 数据，属性，样式，绑定 + 分支循环
学习目标◆ 能够说出 Vue 的基本用法◆ 能够说出 Vue 的模板语法◆ 能够说出 Vue 的常用属性◆ 能够基于 Vue 实现需求效果文章目录学习目标一、Vue二、指令v-cloak 解决闪烁1. 数据绑定指令v-textv-htmlv-prev-once2. 双向数据绑定v-modelmvvmv-onv-on 事件函数中传入参数事件修饰符一、VueVue 是一套用于 构建用户界面的渐进式框架声明式渲染 —— 组件系统 —— 客户端系统 —— 集中式状态管理 —— 项目构建官网
2021-06-05 19:51:28
149
原创 路由 + Express 路由
1. 学习目标◆ 能够熟练 express 路由的使用◆ 掌握中间件的使用方式◆ 能够说出中间件分为哪几类◆ 了解如何自定义中间件◆ 能够基于 exprss 写接口◆ 能够说出解决跨域问题的方法 cors◆ 掌握如何实现 JSONP 接口文章目录1. 学习目标一、Express 路由1. 路由的概念2. Express 中的路由3. 路由的匹配过程4. Express 路由最简单的用法5. 模块化路由6. 注册路由模块7. 为路由模块添加前缀二、中间件1. 中间件的概念2.
2021-06-05 19:20:53
175
原创 Express 的基本使用 + nodemon
学习目标◆ 能够使用 express.static() 快速托管静态资源◆ 能够使用 express 路由精简项目结构◆ 能够使用常见的 express 中间件◆ 能够使用 express 创建 API 接口◆ 能够在 express 中启用 cors 跨域资源共享文章目录学习目标一、初识 express1. Express 的基本使用2. 监听 GET 和 POST 请求，并影响客户端一、初识 expressexpress 简介官方给出的概念：Express 是基于 Nod
2021-06-05 16:49:19
1266
原创 轻轻松松教你下包
1. 先配置 package.json 管理包下载 Node.js 的时候自动安装了 npm下载： Node在在一个项目中，为了方便成员之间共享项目源代码，所以需要在共享时剔除 node_modules 文件夹所以我们需要 package.json 的包管理配置文件，用来记录项目中都用到了哪些包，给别人下载# 快速创建 package.jsonnpm init -y2. 解决包下载慢的问题使用淘宝的 npm 镜像服务器# 查看当前的下包镜像源npm config get regist
2021-05-20 21:27:03
984
原创 npm
文章目录一、包二、npm 初体验1. 装包2. 格式化时间的做法对比3. node_modules 和 pageage-lock.json4. 安装指定版本的包5. 包的语义化版本一、包Node.js 中的第三方模块又叫做包包的来源Node.js 中的包是由第三方个人或团队开发出来的，都是免费且开源的，不需要付费即可免费下载使用包是基于内置模块封装出来的，提供了更高级、更方便的 API，极大的提高了开发效率搜索包的网站： npm下载包的网站： https://registry.npmjs.or
2021-05-20 21:26:42
300
原创 http 模块 + 创建 web 服务器
学习目标◆ 能够使用 http 模块写一个基本的 web 服务器◆ 能够说出模块化的好处◆ 能够知道 CommonJS 规定了哪些内容◆ 能够说出 Node.js 中模块的三大分类各自是什么◆ 能够使用 npm 管理包文章目录学习目标一、服务器相关的概念二、http 模块三、创建 web 服务器1. 实现步骤和核心代码2. req 请求对象 与 res 响应对象3. 解决中文乱码问题四、根据不同的 url 响应不同的内容一、服务器相关的概念ip 地址IP 地址 就是互联网上每台计
2021-05-19 16:13:46
1146
4
原创 Node 读取 + 写入 + 路径问题
学习目标◆ 能够知道什么是 Node.js◆ 能够知道 Node.js 可以做什么◆ 能够说出 Node.js 中的 JavaScript 的组成部分◆ 能够使用 fs 模块读写操作文件◆ 能够使用 path 模块处理路径◆ 能够使用 http 模块写一个基本的 web 服务器文章目录学习目标一、Node二、fs 文件系统1. fs 文件系统模块2. 读取 fs.readFile()3. 写入 fs.writeFile()三、fs 路径问题使用 __dirname 解决路径拼接问题
2021-05-18 17:06:47
980
原创 同源跨域 + JSONP + 防抖节流
目标能够知道什么是同源策略和跨域能够知道什么是 JSONP能够说出 JSONP 的实现原理能够知道防抖和节流的概念文章目录目标一、同源策略二、跨域三、JSONPJSONP的实现原理自己实现一个简单的JSONPJSONP 的缺点jQuery 中的 JSONP自定义参数及回调函数名称jQuery 中 JSONP 的实现过程一、同源策略什么是同源如果两个页面的协议，域名和端口都相同，则两个页面具有 相同的源**例如：**相对于 http://www.test.com/index.html 页
2021-05-18 16:46:39
276
10
原创 XMLHttpRequest + JSON + 文件上传 + axios
目标能够知道如何使用 XMLHttpRequest 发起 Ajax 请求能够知道如何封装自己的 Ajax 函数能够使用 XMLHttpRequest Level2 中提供的新特性能够知道 jQuery 中如何实现文件上传与loading效果能够知道如何使用 axios 发起 Ajax 请求文章目录目标一、XMLHttpRequest1. 使用 `xhr` 发起GET请求2. 了解 `xhr` 对象的 `readyState` 属性3. 查询字符串4. URL编码与解码如何对URL进行编码与解
2021-05-13 20:37:55
503
原创 Form表单和模板引擎
文章目录一、Form表单和模板引擎1. Form表单2. <`form`> 标签的属性`action` 向哪发送表单数据`target` 在哪打开`method` 什么方式提交`enctype` 编码3. 表单的同步提交及缺点4. 通过 Ajax 提交表单数据监听表单提交事件阻止表单默认提交行为`serialize()` 函数快速获取表单数据一、Form表单和模板引擎1. Form表单表单标签表单域：包含了文本框，密码框，隐藏域，都行文本框，复选框，单选框，下拉选择框和文件上传框等等
2021-05-12 16:42:48
266
原创 Ajax + $ajax
文章目录一、客户端与服务器二、网页中如何请求数据三、资源的请求方式四、Ajax五、jQuery 中的 Ajax5.1 `$.get()` 函数介绍5.2 `post()` 函数介绍5.3 `ajax()` 函数介绍六、接口七、接口文档一、客户端与服务器1. URL地址的概念&组成URL的概念URL（全称是 UniformResourceLocator） 中文叫 统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资
2021-05-10 21:43:45
110
原创 ES6新增语法 + 内置对象扩展 + 箭头函数
文章目录ES6语法ES6语法ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织，制定的一项脚本语言的标准化规范
2021-05-09 22:41:34
195
原创 bilibili 超级倍速播放
关于快速播放大家有时候可能在 b站 看课程视频的时候觉得老师语速讲的 太慢了而 b站 的最高两倍速播放也无法满足强大的你了怎么办？这是无法难住一个程序员的两步完成第一步：按下 f12 键并打开 控制台第二步：在控制台里面输入以下代码并按回车document.querySelector('video').playbackRate = 3这样就把倍速调至3倍了，大家可以根据需求，调至自己喜欢的倍速，当然，也是可以加上小数点的...
2021-05-09 11:38:33
647
原创 正则表达式
文章目录正则表达式一、正则表达式的创建二、测试正则表达式三、元字符(特殊字符)1. 边界符2. 字符类正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式在 JavaScript 中，正则表达式也是对象一、正则表达式的创建通过构造函数创建var regexp = new RegExp(/123/)利用字面量创建 正则表达式var rg = /123/二、测试正则表达式.test() 正则对象方法，用于检测字符串是否符合该规则，该对象会返
2021-05-09 10:47:43
601
原创 思考一下 三元表达式 + 递归 求两数之间整数和
求 a ~ b 之间的整数和 function fn(a, b) { if (b === a) { return a; } return b + fn(a, b - 1); } console.log(fn(1, 5)); // 这是三元表达式的写法 function f(a, b) { return a == b ? a : b + f(a, b - 1); }; console.log(f(1, 5));...
2021-05-07 20:43:29
85
4
原创 函数的定义和调用 + 改变this指向方法 + 闭包 + 递归
文章目录一、函数的定义和调用1. 函数的定义2. 函数的调用二、三、四、五、一、函数的定义和调用1. 函数的定义函数声明方式 function 关键字 (命名函数)function fn(){}函数表达式(匿名函数)var fn = function(){}new Function()var f = new Function('a', 'b', 'console.log(a + b)');f(1, 2);var fn = new Function('参数1','参数2
2021-05-07 16:54:04
407
原创 快捷键让你成为不用鼠标的程序员
VSCode常用快捷键ctrl + D 选中下一个查找匹配项alt + 上下 移动一行shift + alt + 上下 复制到上/下一行ctrl + enter 换到下一行ctrl + shift + enter 换到上一行计算机基础快捷键home 光标移动至行首end 光标移动至行尾shift + home 选中光标至行首shift + end 选中光标至行尾delete 删除光标后的内容backspace 删除光标前的内容ctrl + 左右 光标移动一个单词shift +
2021-05-06 19:30:54
380
原创 JS学习基本功
JS学习基本功基本功：变量数据类型基本数据类型： number string boolean undefined null引用数据类型：Array Object Function 等等 所有的非基本数据类型都是引用数据类型流程控制分支 if switch循环 for while 祖先函数封装代码内置对象Math Array Date ObjectWebAPIBOM (Browser Object Model) 浏览器对象模型DOM (Document
2021-05-06 18:37:47
112
1
原创 JS高级 构造函数和原型 + 继承 + ES5新增方法
一、怎么用css画一个三角形 ？考查的是css ， 用自己的语言表述/* 等腰三角形 */.box { width: 0; height: 0; border-width: 100px; border-style: solid; border-color: transparent transparent #0099CC transparent;}/* 直角三角形 */.box1 { width: 0; height: 0; b
2021-05-06 18:17:04
175
原创 JS高级 面向对象 类 + 构造函数
一、面向对象面向对象优点易维护、易复用、易扩展，由于面向对象有封装、继承、多态性的特性，可以设计出低耦合的系统，使系统更加灵活、更加易于维护缺点性能比面向过程低面向过程优点性能比面向对象高，因为类调用时需要实例化，开销比较大，比较消耗资源;比如单片机、嵌入式开发、Linux/Unix等一般采用面向过程开发，性能是最重要的因素。缺点不易维护、不易复用、不易扩展二、类和对象1. 对象对象是由属性和方法组成的：是一个无序键值对的集合,指的是一个具体的事物2. 类在
2021-04-28 14:13:37
186
原创 数据可视化 Echarts + 边框图片 + ES6拼接字符串
一、Echarts简单的使用步骤官方教程： 五分钟上手下载： echarts引入echarts dist/echarts.min.js准备一个具备大小的DOM容器<div id="main" style="width: 600px;height:400px;"></div>初始化echarts实例对象var myChart = echarts.init(document.getElementById('main'));指定配置项和数据(option)
2021-04-25 09:42:36
445
原创 jQuery 事件
一、jQuery 事件注册事件处理1.1 on() 绑定事件可以同时绑定多个事件// 绑定多个事件$('div').on({ mouseover: function(){}, mouseout: function(){}, click: function(){}});// 事件处理程序相同，这个基本用不上$('div').on('mouseover mouseout', function() { alert('Hello');});可以事件委派$('ul').on(
2021-04-20 21:30:59
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人