自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 input 获取焦点后样式的修改

1.没有获取焦点时样子。

2023-12-13 13:51:09 431

原创 问题:数组对象去重

【代码】问题:数组对象去重。

2023-12-08 16:25:51 179

原创 Warning: Please use require(“dva“).routerinstead ofrequire(“dva/router“). Support for the latter wil

使用import {Route,Switch,Redirect} from 'dva/router’跳转路由时,报错:Warning: Please use require("dva").routerinstead ofrequire("dva/router"). Support for the latter will be removed in the next major release.解决方法:import { routerRedux, router } from 'dva';const

2020-12-23 21:31:26 1578

原创 合并两个有序链表(https://leetcode-cn.com/problems/merge-two-sorted-lists/)

将两个升序链表合并为一个新的 升序 链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。示例:输入:1->2->4, 1->3->4输出:1->1->2->3->4->4题解:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi

2020-10-28 11:43:42 208

原创 CSS篇:给一个容器设置一层白色背景和一道半透明白色边框,body的背景会从它的半透明边框透上来。

例如:给一个容器设置一层白色背景和一道半透明白色边框,body的背景会从它的半透明边框透上来。效果如图:第一步,将网页背景颜色设置为红色,绘制一个矩形,并设置边框的颜色为半透明白色边框。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=<div class="board"> &.

2020-07-04 17:20:51 1859

原创 3.HTTP的几种请求方法用途

HTTP的几种请求方法用途GET:GET请求会显示请求指定的资源。一般来说GET方法应该只用于数据的读取。HEAD:类似于 GET 请求,只不过返回的响应中没有具体的内容,用于获取报头POST:向指定资源提交数据进行处理请求(例如提交表单或者上传文件)。数据被包含在请求体中。POST 请求可能会导致新的资源的建立和/或已有资源的修改。PUT:从客户端向服务器传送的数据取代指定的文档的内容。DELETE:请求服务器删除指定的页面。CON.

2020-06-21 18:10:39 353

原创 2.全局属性

HTML 全局属性accesskeyaccesskey 属性规定激活(使元素获得焦点)元素的快捷键。注意: 在不同操作系统中不同的浏览器中访问快捷键的方式不同:提示: 各种浏览器下accesskey快捷键的使用方法:IE浏览器按住Alt键,点击accesskey定义的快捷键(焦点将移动到链接),再按回车.FireFox浏览器按住Alt+Shift键,点击accesskey定义的快捷键.Chrome浏览器按住Alt键,点击accesskey定义的快捷键.O.

2020-06-21 17:42:26 450

原创 1.img的title和alt的区别

<img>标签定义及使用说明:<img> 标签定义 HTML 页面中的图像。<img> 标签有两个必需的属性:src 和 alt。注释:从技术上讲,图像并不会插入 HTML 页面中,而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。属性align:属性规定了图像相对于周围元素的对齐方式。 元素是内联元素(不会在页面上插入新行),这意味着文本和其他元素可以围绕在其周围。所以,align 属性可以帮助我

2020-06-21 16:25:02 487

原创 学习纯CSS打造银色MacBook Air(二)笔记部分——length值

长度 <length>用于表示距离尺寸的 CSS 数据类型。语法:<length> 数据类型由一个 <number> 和一个长度单位构成。单位:相对长度单位相对长度代表着以其它距离为单位的一种尺寸。这个单位可以是指定字符的大小,行高,或者是 视口(viewport)(详见学习纯CSS打造银色MacBook Air(二)笔记部分——视口(viewport))的大小。字体相对长度cap:表示元素字体 font 的“上限高度”(cap height,大

2020-06-21 13:45:29 209

原创 学习纯CSS打造银色MacBook Air(二)笔记部分——margin

margin 属性margin属性为给定元素设置所有四个(上下左右)方向的外边距属性。这是四个外边距属性设置的简写。四个外边距属性设置分别是:margin-top - margin-top 属性用来设置元素的顶部外边距,你也可以使用负值。 - 这个属性对于不可替换的inline元素没有效果,比如 `<tt> 或者 <span>.` - 语法: - `margin-top:<length> | <percentage> | a

2020-06-19 14:35:50 252

转载 学习纯CSS打造银色MacBook Air(一)代码部分

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=<div class="board"> <title>Document</title></head><body> <div class="board">

2020-06-19 12:59:28 240

原创 JavaScript中数据类型的转换

强制转换强制转换主要是指Number()、String()和Boolean()三个函数,手动将各种类型的值,分别转换成数字、字符串或者布尔值。Number()Number函数,可以将任意类型的值转化成数值。分两种情况讨论,一种是参数是原始类型的值,另一种是参数是对象。(1)原始类型值原始类型值的转换规则如下:// 数值:转换后还是原来的值Number(324) // 324// 字符串:如果可以被解析为数值,则转换为相应的数值Number('324') // 324// 字符串:

2020-06-01 17:32:07 115

原创 JavaScript中判断某个字符串是否包含另一个字符串的方法

方法一: indexOf()const a='line_1'console.log(a.indexOf('line_')!==-1) //trueindexOf()返回某个指定的字符串值在字符串中首次出现的位置,如果要检索的字符串值没有出现,则该方法返回 -1。方法二:match()const a='line_1'const c='11'const reg=RegExp(/line_/);console.log(a.match(reg)) //[ 'line_', index: 0, in

2020-06-01 11:36:15 565

原创 JavaScript中提取字符串中数字部分

const a='line_1'const b=a.replace(`line_`, '')console.log(b)//'1'

2020-06-01 11:19:24 1601 1

原创 JavaScript针对数组元素是对象key值的去重

1.使用findIndex()方法const a=[ { key:1, name:'张三', }, { key:2, name:'李四' }]const b={ key:1, name:'张三',}let cc=a.concat(b)let newArr=[]c.map(item=>{ console.log('111',item) newArr.findIndex(({key})=>{key===item.key

2020-05-25 18:05:35 274

原创 JavaScript删除数组对象中指定key对应的对象

例如:删除数组对象a中key值为3的对象,并返回新的数组。let a=[ { key:1, name:'张三', }, { key:2, name:'李四', }, { key:3, name:'王五', },]解决方法:let newArr = a.filter(item => item.key!== 3);console.log(newArr) //[{key: 1, name: "张三"},{key: 2, name: "李四"}]filter

2020-05-25 14:42:25 8153

原创 JavaScript(九)Boolean 对象

Boolean 对象方法toString():把布尔值转换为字符串,并返回结果。valueOf():返回 Boolean 对象的原始值。toString()toString() 方法可把一个逻辑值转换为字符串,并返回结果。语法:boolean.toString()valueOf()valueOf() 方法可返回 Boolean 对象的原始值。语法:boolean.valueOf()...

2020-05-20 10:46:27 109

原创 学习typescript(二)typescript开发工具Vscode自动编译.ts文件

typescript开发工具Vscode自动编译.ts文件1.切换到当前文件夹2.在命令行中输入:tsc --init3.在文件夹中自动生成了一个名为tsconfig.json文件,打开文件,在文件内找到 “outDir”,将其取消注释,并修改保存目录为“./js”,如下图:4.在Vscode文件中,在菜单栏中选择终端——运行任务——typescript——tsc:监视-tsconfig.json。...

2020-05-19 17:32:29 315

原创 学习typescript(一)安装及编译

1.安装及编译npm安装npm install -g typescript // 不推荐cnpm安装cnpm install -g typescriptyarn 安装yarn global add typescript2.如果没有安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org3.如果没有安装yarnnpm install -g yarn 或 cnpm install -

2020-05-19 17:21:07 101

转载 TypeScript学习笔记(六)数组的类型

1.「类型 + 方括号」表示法最简单的方法是使用「类型 + 方括号」来表示数组:let fibonacci: number[] = [1, 1, 2, 3, 5];不允许出现其他的类型:let fibonacci: number[] = [1, '1', 2, 3, 5];数组的一些方法的参数也会根据数组在定义时约定的类型进行限制:let fibonacci: number[] = [1, 1, 2, 3, 5];fibonacci.push('8');// Argument of t

2020-05-10 15:44:28 379

转载 TypeScript学习笔记(五)对象的类型——接口

1.什么是接口在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型。TypeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分行为进行抽象以外,也常用于对「对象的形状(Shape)」进行描述。例如:interface Person { name: string; age: number;}let tom: Pers...

2020-05-10 15:29:52 254

原创 TypeScript学习笔记(四)联合类型

1.什么是联合类型联合类型(Union Types)表示取值可以为多种类型中的一种。联合类型使用 | 分隔每个类型。let myFavoriteNumber: string | number;myFavoriteNumber = 'seven';myFavoriteNumber = 7;2.访问联合类型的属性或方法当 TypeScript 不确定一个联合类型的变量到底是哪个类型...

2020-05-04 23:04:29 117

原创 TypeScript学习笔记(三)类型推论

1.什么是类型推论如果没有明确的指定类型,TypeScript 会依照类型推论(Type Inference)的规则推断出一个类型let myFavoriteNumber = 'seven';myFavoriteNumber = 7;// index.ts(2,1): error TS2322: Type 'number' is not assignable to type 'str...

2020-05-04 19:53:38 204

原创 TypeScript学习笔记(二)基础类型

一.布尔值布尔值只有两个值:true和false。let isDone: boolean = false;二.数字和JavaScript一样,TypeScript里的所有数字都是浮点数。 这些浮点数的类型是number。let decLiteral: number = 6;let hexLiteral: number = 0xf00d;let binaryLiteral: numb...

2020-05-02 23:55:08 152

原创 JavaScript(八)Array 对象方法

1.检测数组使用 instanceof 操作符可以检测数组:value instanceof Array使用Array.isArray()检测数组Array.isArray(value)2.转换方法所有对象都具有 toLocaleString()、toString()和 valueOf()方法toString()方法会返回由数组中每个值的字符串形式拼接而成的一个以逗号分...

2020-05-01 23:33:34 233

原创 TypeScript学习笔记(一)安装TypeScript

安装TypeScript主要有两种安装方式:通过npm(Node.js包管理器) npm install -g typescript安装Visual Studio的TypeScript插件

2020-04-29 18:25:02 85

原创 JavaScript(九)基本类型和引用类型的值

1.变量包含两种不同数据类型的值:基本类型值和引用类型值。基本类型值指的是简单的数据段,基本类型值是按值访问的,因此可以操作保存在变量中实际的值。引用类型值指由多个值构成的对象,在操作对象时,实际上是在操作对象的引用而不是实际的对象,因此,引用类型的值是按引用访问的。2.动态的属性定义基本类型值和引用类型值的方式类似:创建一个变量并为该变量赋值。对于引用类型的值,可以为其添加属...

2020-04-23 15:08:43 98

转载 JavaScript(八)数组

1.定义数组(Array)是按次序排列的一组值。每个值的位置都有编号(从0开始),整个数组用方括号表示。var arr = ['a', 'b', 'c'];2.数组的本质数组属于一种特殊的对象。3.length属性数组的length属性,返回数组的成员数量['a', 'b', 'c'].length // 3length属性是可写的。如果人为设置一个小于当前成员个数的值,该数...

2020-04-22 23:28:34 87

转载 JavaScript(七)函数

1.概念函数是一段可以反复调用的代码块,可以接受参数,不同的参数会返回不同的值。2.函数的声明函数有三种声明方法:function命令、函数表达式、Function构造函数function命令:function命令后跟函数名,函数名后面是一对圆括号,里面传入函数的参数。函数体放在大括号里面。function print(s) { console.log(s);}函数表达式...

2020-04-22 23:18:25 123

原创 JavaScript(六)Object类型

1.概述对象是一组数据和功能的集合,就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。2.生成方法var obj = { foo: 'Hello', bar: 'World'};foo、bar 是键名(成员的名称),字符串Hello、World是键值(成员的值)。3.键名对象所有键名都是字符串,所以加不加引号都可以,如果键名是数值,会自动转为字符串。...

2020-04-22 01:50:43 158

原创 JavaScript(五)String类型

1.含义String 类型用于表示由零或多个 16 位 Unicode 字符组成的字符序列,即字符串。字符串可以由双引号(")或单引号(’)表示2.转义反斜杠(\)在字符串内有特殊含义,用来表示一些特殊字符,所以又称为转义符。需要用反斜杠转义的特殊字符,主要有下面这些:\0 :null(\u0000)\b :后退键(\u0008)\f :换页符(\u000C)\n :换行符(\...

2020-04-20 23:32:19 126

转载 JavaScript(四)与数值相关的全局方法

1.parseInt()parseInt方法用于将字符串转为整数。如果字符串头部有空格,空格会被自动去除。如果parseInt的参数不是字符串,则会先转为字符串再转换。字符串转为整数的时候,是一个个字符依次转换,如果遇到不能转为数字的字符,就不再进行下去,返回已经转好的部分。parseInt('8a') // 8parseInt('12**') // 12parseInt('12.3...

2020-04-20 23:17:46 85

原创 JavaScript(四)Number类型(1)

1.整数和浮点数JavaScript内部,所有数字都是以64位浮点数形式储存的,整数也是如此。JavaScript 语言的底层根本没有整数,所有数字都是小数(64位浮点数)2.数值精度根据国际标准 IEEE 754,JavaScript浮点数的64个二进制位,从最左边开始,是这样组成的第1位:符号位,0表示正数,1表示负数第2位到第12位(共11位):指数部分第13位到第64位(共5...

2020-04-20 23:06:23 249

原创 JavaScript(三)布尔值(Boolean类型)

该类型只有两个字面值:true和false。代表“真”和“假”。下列运算符会返回布尔值:前置逻辑运算符: ! (Not)相等运算符:=,!,==,!=比较运算符:>,>=,<,<=如果 JavaScript 预期某个位置应该是布尔值,会将该位置上现有的值自动转为布尔值。转换规则是除了下面六个值被转为false,其他值都视为true。undefinednu...

2020-04-20 21:56:06 465

原创 JavaScript(二)undefined类型、null类型

1.概述1.undefined类型undefined在声明变量但未对其加以初始化时,这个变量的值就是undefined。 字面量undefined的主要目的是用于比较。包含undefined值的变量与尚未定义的变量还是不一样。例如:var message; alert(message) //"undefined" alert(age) // 产生错误运行以上代码,第一个警告框会显...

2020-04-19 23:50:41 405

原创 BizCharts学习(二)图表构成

1.组件构成图表是由各个组件组合而成的。 组件有两种类型 : 实体组件:在图表上有对应的图形、文本显示 抽象组件:没有显示,是一种概念抽象组件2.常用图表组件: 实体组件,图表父组件,所有的其他组件都必须由包裹 抽象组件,坐标系组件。, 用来描述 组件的坐标系,比如笛卡尔坐标系、极坐标系等。 实体组件,坐标轴组件, 。 实体组件,几何标记组件, 。即我们所说...

2020-04-18 21:53:04 468

原创 BizCharts学习(一)快速入门

特性基于G2封装的React图标库,具有G2、React的全部优点,可以让用户以组件的形式组合出无数种图表。集成了大量的统计工具,支持多种坐标系绘制,交互定制,动画定制以及图形定制等 性能稳定且具有强大的扩展能力和高度自定义能力。获取BizCharts在 BizCharts 的 GitHub 上下载最新的 release 版本 https://github.com/ali...

2020-04-18 21:43:52 1075

原创 JavaScript(一)数据类型

JavaScript高级程序设计(第3版)数据类型(一)概述:分为5种简单数据类型(也称基本数据类型、原始数据类型)和1种复杂数据类型(也称合成类型)。1.什么是原始数据类型? 原始数据类型就是指最基本的数据类型,不能再细分了。2.什么是合成类型 合成类型就是由多个原始类型的值的合成,是一个存放各种值的容器 原始数据类型包括:Number(数值)、String(字符串)、Bo...

2020-04-17 11:02:48 80

空空如也

空空如也

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

TA关注的人

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