- 博客(101)
- 收藏
- 关注
RSS订阅原创 base64验证码实现
1. 生成图片验证码接口/apiGET请求头：详见约定无请求URLimgString图片的Base64编码codeString验证码答案uuidString图片Id。
2024-03-19 10:51:05
470
原创 使用webpack打包ts代码
通常情况下，实际开发中需要使用构建工具对代码进行打包，TS也可以结合构建工具进行使用，以webpack为例，介绍如何结合构建工具使用TS。安装使用webpack时需要的依赖：cnpm i -D webpack webpack-cli typescript ts-loaderconst path = require("path") //引入一个包，node.js的一个模块，主要用来帮助拼接路径// webpack中所有的配置信息都应该写再module.exports中。
2024-03-13 16:33:36
1099
原创 TypeScript编译选项
编译单个文件：终端 tsc 文件名自动编译单个文件：终端 tsc 文件名 -w编译整个项目：tsc 前提是得有ts的配置文件tsconfig.json自动编译整个项目：tsc --wtsconfig.json默认文件内容：tsconfig.json是ts编译器的配置文件，ts编译器可以根据它的信息对代码进行编译。注：路径 **表示所有目录 *表示所有文件"includes":[] //"includes"用来指定哪些ts文件需要被编译。
2024-03-12 13:58:15
466
原创 TypeScript基本类型和语法
1. 下载node.js（下载LTS稳定版、Current最近版不稳定）2. 安装node.js3. 使用npm全局安装TypeScript：npm i -g typescript4. 创建一个ts文件5. 使用tsc对ts文件进行编译：cmd/终端 到当前ts文件所在目录 执行命令 tsc ts文件名.tsjs是动态类型的语言，变量是没有类型的概念的，可以给变量赋值任何类型的值。特点：通过配置编译器，ts可以编译成任意版本的js。优点：可以确保兼容性，更好的适应不同的浏览器。ts中，声明一个变量a，同时
2024-03-12 13:29:09
1033
原创 TypeScript的类型系统
TypeScript 提供了 JavaScript 所有功能，以及在这些功能上的附加层：TypeScript 的类型系统。原始类型JavaScript 原始类型很好地体现在 TypeScript 类型系统中。即stringnumber和boolean数组TypeScript 为数组提供了专用的类型语法来使你更简单地注解和编档你的代码。语法是后置[]于任意有效的类型注解上（例如:boolean[]这允许你安全地做任何你通常会做的数组操作，以及从像是赋值一个成员以错误的类型的错误中保护你。接口。
2024-03-11 16:22:09
894
原创 TypeScript和Javascript的区别
TypeScript 提供了 JavaScript 的所有功能，以及在这些功能之上的附加层：TypeScript 的类型系统。
2024-03-11 15:10:00
389
原创 TypeScript下载安装
可以将 TypeScript 安装为 Visual Studio 扩展，允你在 Visual Studio 中的许多 MSBuild 项目中使用 TypeScript。可以将 TypeScript 作为 Nuget 中的一个包获取到 MSBuild 项目,使用 Nuget 时，可以使用。以Node.js作为运行包的环境，使用npm、yarn或pnpm将TypeScript下载到项目中。可以使用 npm 全局安装 TypeScript，可以在终端的任何位置使用。pnpm运行TS：pnpm tsc。
2024-03-11 13:56:08
1354
原创 前端面经整理
如果静态文件都放在主域名下，那静态文件请求的时候都带有的cookie的数据提交给server的，非常浪费流量，所以不如隔离开。因为cookie有域的限制，因此不能跨域提交请求，故使用非主要域名的时候，请求头中就不会带有cookie数据，这样可以降低请求头的大小，降低请求时间，从而达到降低整体请求延时的目的。同时这种方式不会将cookie传入server，也减少了server对cookie的处理分析环节，提高了server的http请求的解析速度。
2022-10-31 15:31:32
3368
4
原创 vue组件通信(组件传值)总结
孙组件D、E和F获取A组件传递过来的color值，并能实现数据响应式变化，即A组件的color变化后，组件D、E、F会跟着变。种方法通过一个空的Vue实例作为中央事件总线（事件中心），用它来触发事件和监听事件,巧妙而轻量地实现了任何组件间的通信。上面 A.vue 的 name 如果改变了，B.vue 的 this.name 是不会改变的，仍然是 浪里行舟。主要是子组件获取上级组件的状态，跨级组件间建立了一种主动提供与依赖注入的关系。通过子组件中的$emit，A组件中v-on的方式实现。
2022-09-27 00:29:11
627
原创 Json和Js之间转化及应用(实际开发常用)
起到了很重要的作用，他可以返回请求的数据，然后利用客户端的js进行解析，这一点体现出js的强大。通过for(let i in obj){}来获取，其中i为json对象obj的。Json中只要涉及到字符串就必须使用双引号，不支持undefined。数字number 字符串string 布尔boolean。，获取该键对应的值，可以通过obj[i].xxx获取。=>for in(常用！eval()函数详解。
2022-09-18 23:29:33
2783
原创 React(11)-全局共享通信Context
Context是什么?Context原理发布订阅Provider&&Consumer组件的使用1.创建方式(避免组件之间props传递)2.Provider组件作用(important!!)使用示例版本1：正常props传值版本2：context传值--双层嵌套Provider组件：Consumer组件：版本3：context传值--三层嵌套注意：版本4：context传值--抽离按钮行为注意：版本5：context传值--多个Provider场景(注
2022-09-03 22:47:59
744
原创 React(10)-组件通信(important)
React单项数据流1.组件数据源：state/props【面试】对state和props的理解？props：state：UI视图层：(模板+页面=UI视图层)2.单向数据流演示单向数据流React瀑布流组件通信( important! )10种React组件之间通信的方法https://zhuanlan.zhihu.com/p/326254966组件通信-检查Typechecking with PropTypes一个组件实现任务列表多个组件实现任务列表
2022-09-03 16:17:52
389
原创 Math对象常用的方法
atan2(y,x)： 返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）atan(x) ：以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。max(x,y)： 返回 x 和 y 中的最高值。min(x,y) ：返回 x 和 y 中的最低值。pow(x,y) ：返回 x 的 y 次幂。acos(x)： 返回数的反余弦值。asin(x) ：返回数的反正弦值。abs(x) ：返回数的绝对值。sqrt(x) ：返回数的平方根。
2022-09-02 15:58:24
903
原创 React(9)-组件引用传递(高级应用)
受控组件非受控组件组件应用传递需求：获取子组件中某个DOM实例1.类组件形式2.函数组件形式调用React.forwardRef()引用转发：引用地址的转发，自动传递ref的一种技术。
2022-09-02 11:18:47
588
原创 React(8)-组件ref引用
目录1.组件form受控组件及其特点非受控组件及其特点模拟：简单受控组件表单 input两个方向绑定数据：模拟：复杂(真实)受控组件表单(form里面有多种数据输入)注意：handleChange1~5 中代码重复率高。降低代码重复写法降低代码重复写法模拟：非受控组件受控组件形式自动时钟非受控组件形式自动时钟2.ref-函数类型实现3.createRef实现createRef实现自动化时钟2.业务场景(登录)=>ref模拟for....
2022-08-30 23:16:59
1744
原创 React(6)-类组件的setState异步问题
//异步解决方案 1.callback回调函数解决异步 2.Promise解决异步 //setState异步的解决方案 3.1 setState异步 不能直接获取结果 3.2 setState依赖问题+异步解决
2022-08-22 19:40:42
803
原创 React(5)-类组件的setState
//1.直接修改数据，强制刷新 //2.setState():修改数据，触发render //3.setState是异步的(条件1：在合成事件里面) //5.多次调用setState()
2022-08-22 15:44:50
626
原创 React(1)-jsx语法(element,vDOM)
构建用户界面(视图层)的JavaScript库，不是框架。(react全家桶是框架)核心思想:关注点分离发展:html/css/js=>vue:组件化开发template style script=>react:all in js
2022-08-20 15:33:37
566
原创 实习项目总结-Pandroid仿真数据管理平台
一. 主页(一).实现功能主页配置：我的数据：(二).实现效果1.主页配置1.1主页配置弹窗1.2拖拽排序1.3模块订阅1.4列数更改1.5重置订阅2.我的数据2.1主页数据展示2.2查看全部跳转2.3主页链接跳转2.4查看全部链接跳转2.5echarts展示数据(二). 实现代码1.主页+订阅弹窗页面2.订阅模块点击查看订阅模块实现代码3.订阅模块配置文件4.查看全部(组件复用)...
2022-08-12 13:40:26
150
原创 es6新增-async函数(异步编程的最终解决方案)
a. 内置执行器async函数的执行，与普通函数一样(用同步的方式编写异步代码，可读性强)async内置执行器,Genderator需要手动写co执行器函数b. 更好的语义async和await，比起*和yiled，语义更清楚async表示函数里面有异步操作，await表示紧跟在后面的表达式需要等待结果c. 更广的适用性co模块约定，yield命令后面只能是Promise对象而async函数的await命令后面，可以是Promise对象和原始类型的值(数值、字符串和布尔值，
2022-08-03 14:16:12
1603
原创 es6新增-Generator(异步编程的解决方案2)
形式上，Generator函数是一个普通函数，但是有两个特征：a.function关键字与函数名之间有一个星号*b.函数体内部使用yiled表达式，定义不同的内部状态(yiled的意思是“产出”)
2022-08-03 00:32:55
209
原创 es6新增-Promise详解(异步编程的解决方案1)
Promise实例的状态 (!important)1.每个Promise实例有三种状态，分别是pending(进行中)，fulfilled(已成功)，rejected(已失败)创建时候的默认状态是pending，只有异步操作的结果，可以决定当前是哪一种状态，任何操作都无法改变这个状态。这也是Promise名字的由来。2.一旦状态改变(确定)，就不会再变了，Promise对象的状态改变，只有两种可能：a.从pending变为fulfilled b.从penging变为rej......
2022-08-02 16:58:06
996
原创 水平居中元素
行内元素不能直接设置text-align:center,但如果一个行内元素设置position:absolute,就可以像块级元素一样设置居中margin:0 auto;给父元素添加text-align:center,其他不需要居中的元素设置text-align:left。ext-align:center不能直接用在行内元素span上,而是要在行内元素的父元素上添加。设置绝对定位,left:50%,margin-left:(已知宽度一半)span:行内元素 h1:块级元素 p:块级元素。
2022-07-20 11:41:10
247
原创 es6新增-Symbol数据类型
1.Symbol是新增的一种数据类型,表示一种独一无二的(任意两个Symbol类型都是不相等的),Symbol类型也是基本类型的一种,通过Symbol函2.Symbol函数可以接受一个字符串作为参数,表示对该Symbol实例的描述,比较容易区分3.如果描述信息一样,想得到两个一样的Symbol()值,可以使用Symbol.for()4.用途:作为对象的属性,好处是属性不会覆盖(每个从Symbol()返回的symbol值都是唯一的,symbol作为对象属性的标识符,这是该数据类型仅有的目的)..
2022-07-13 17:38:43
415
原创 es6新增-数组/对象的解构赋值
解构赋值1. 定义：2. 解构赋值概括：数组解构es5：1.es6,数组解构2.解构支持嵌套，左右结构对应即可3.部分解构4.赋默认值，解构出来的变量是undefined，默认值才会生效5. 注意事项：对象解构es51.es6，对象解构2.解构支持嵌套，左右结构对应即可，把握好结构的力度3.对解构的变量名重命名4.部分解构6.注意事项...
2022-07-06 17:39:56
825
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人