自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【示功图使用echarts实现过程】

echart实现示功图过程

2024-03-05 14:18:23 357

原创 浅谈javascript中this指向的问题

**在普通函数的中的this指向**function test() {var a = 1;console.log(this.a);console.log(window.a)}test()在严格模式下的this指向问题 var a = 1; function test (){ 'use strict'; console.log(this); console.log(this.a); }

2021-10-17 22:13:31 91

原创 link和@import引入样式文件的区别

1从属关系: link-html标签 RSS rel 关联属性设置 @import css 关键字 2.加载顺序不同 link 引入css时 同时加载 @import 页面加载完毕后被加载3.兼容性 link 不存在兼容性 @import css2.1 IE5+4. DOM操作 link 是可以通过DOM进行操作的 <script type="text/javas

2021-10-17 21:33:44 137

原创 浅谈parseInt

浅谈parseInt:Radix:parseInt(string, Radix)解析一个字符串(string)并返回指定基数(Radix)的十进制整数,Radix 2-36之间的整数,要解析成整数的字符串多少进制–>进制数------> 十进制整数/**'10' 被当作2进制数-> 10进制的整数->返回*/console.log(parseInt('10', 2))/** 参数* string - 如果不是字符串 ->toString(开头空白的

2021-08-31 09:02:33 113

原创 浅谈前端中的副作用

浅谈前端中的副作用副作用的函数副作用的函数不仅仅只返回了一个值,还做了其他的事情:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;全新的 KaTeX数学公式 语法;增加了支持甘特图的mermaid语法1 功能;增加了 多屏幕编辑 Markdown文章功能;增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能,功

2021-08-30 14:34:24 743

原创 HTML5技术之canvas绘图技术

基本用法、绘制图形、添加样式和颜色、变形<script > /** @type {HTMLCanvasElement} */ </script>拥有代码提示距形<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas</title&

2021-06-05 20:04:09 248

翻译 如何使用Node.js实现JWT原理

这里写自定义目录标题JWT1.为什么需要会话管理2.session和cookies3.JWT定义4.JWT原理5.JWT认证流程6.JWT数据结构7.JWT使用方式8.在koa2项目中的使用9.JWT原理简单实现10.JWT优势与弊端JWTjwt是json web token的简称,本文介绍它的原理,最后后端用nodejs自己实现如何为客户端生成令牌token和校验token1.为什么需要会话管理我们用nodejs为前端提供resful接口时,http协议他是一个无状态的协议,有时候我们需要根据这个

2021-06-05 16:10:02 683

原创 JavaScript函数之实参列表

只要有一个行参数赋值arguments都不跟踪 ,逐渐弱化arguments

2021-06-04 16:07:52 168

原创 TypeScript-----类的双重作用

// ts中类的双重作用// 1.进行实例化// 2.作为类型//父类 parent class 超类 super classclass Person{ scream():void { console.log('ahhh'); } sing():void{ console.log('lalala'); }}const person = new Person();//继承 inheritance//Men 作为一种person子类

2021-06-04 15:50:18 77

原创 TypeScript----类型注解之元组与无比重要的接口

TypeScript----类型注解之元组与无比重要的接口//元组tuple exmpleconst drink = { color:'brown', sprit :true, colo : 23,}//Type Alias 类型别名 //type Drink = [string , boolean , number]; //它并不会创建数组//const tea: Drink = ['brown', false, 0];//为什么用tuple csv文件 中使用

2021-06-04 15:47:39 118

原创 TypeScript----类型注解之数组与对象

TypeScript类型注解之数组// 初始化为空数组的时候需要添加类型注解let baskec: string[] = ['mike', 'james'];const dates = [new Date(), new Date()];// 二维数组const students = [['mike', 'nike'],['zhang'],['lise', 'san']];//提取值的时候帮助推断const player = baskec[0];const players = baske

2021-06-04 15:41:30 270

原创 TypeScript ---- 类型注解之函数

TypeScript ---- 初探之类型 // 参数 返回值//Ts只会检查类型 不会检查里面的逻辑// 参数要加类型注解 返回值会类型推断 但是建议添加const addNums = (a :number, b : number):number { return a - b; }function mutiply(a : number, b : number):number{ return a * b;}const divide = function(a:number,

2021-06-04 15:35:25 312

原创 TypeScript ---- 类型注解之变量

TypeScript ---- 类型注解之变量 1. 类型注解: 我们告诉typescript值的类型是什么 开发者告诉typescript类型的 手动型 2. 类型推断 typescript尝试去推断值的类型 typescript自己来猜测类型 自动型 any 类型也是一种类型 和字符串和布尔类型一样;意味着ts不知道正确的类型,这样就没法检查代码;尽 量避免变量的类型为any类型// 元类型let age : number =

2021-06-04 15:32:41 151

原创 TypeScript ---- 初探之类型

TypeScript ---- 初探之类型什么是类型 types一个方便我们我们去更简便地描述一个具有相应属性和方法的值的东西什么是值就是我们能赋值给变量(variable)的东西不同的值 -> 不同的类型一个方便我们我们去更简便地描述一个具有相应属性和方法的值的东西'red' 怎样去描述它1、它是一个值 具有 charAt()、concat() reduce()这类方法的值let color = 'red';更简便的说法 它是一个字符串 字符串 -> 类型int

2021-06-04 15:28:30 78

原创 TypeScript ---- 初探

TypeScript ---- 初探import axios from 'axios';const url = `http://jsonplaceholder.typicode.com/todos/1`;//定义接口interface Todo { id :number, title:string, completed: boolean,};axios.get(url).then(res =>{ let todo = res.data as Todo;

2021-06-04 15:26:16 62

原创 实现vue双向数据绑定

自定义vue双向数据绑定(基于类)Mue.html** 1. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-widt

2021-02-24 12:01:00 90 1

原创 手动实现loading

index.html** loading-1 ****loading.css**#loading-1 { position: relative; width: 300px; height: 80px; margin: 200px auto; border-bottom: 3px solid rgba(6

2021-01-14 17:41:01 132

原创 ant design pro v4

欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;增加了 图片

2021-01-07 16:53:36 204

原创 vue-element-admin 之面包屑导航

vue-element-admin 之面包屑导航项目适用场景: 项目在配置路由表/面包屑导航/侧边栏导航切换描述出现的问题: 在切换的过程中 在面包屑上点击子菜单的上级菜单时会进入404页面,顶级菜单会正常切换 出现问题的原因: 1.路由表地址配置错误 2.项目文件层级嵌套错误 3.path地址正则匹配出错(path-to-regexp)解决方案如下: 1.检查项目路由表配置是否和项目文件层级一致 2./src/components/Breadcrumb

2020-12-08 15:18:45 5865

空空如也

空空如也

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

TA关注的人

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