- 博客(28)
- 收藏
- 关注
RSS订阅原创 记录一个小功能：点击按钮复制到粘贴板上
功能：点击按钮复制到粘贴板上这里有一个小插件哦！1.安装 copy-to-clipboard2.引入应用这里有一个小插件哦！1.安装 copy-to-clipboardnpm i copy-to-clipboard --save2.引入应用import copy from 'copy-to-clipboard';function copied(str){ //传参也可以是URL copy(str); alert('复制成功');};function App(){
2022-03-15 11:51:48
195
原创 记录react-syntax-highlighter代码块儿
react-syntax-highlighter代码块儿安装引入应用安装// npmnpm install react-syntax-highlighter --save// yarnyarn add react-syntax-highlighter引入import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';import { dark } from 'react-syntax-highlighter/dis
2022-03-15 11:43:18
1758
原创 react项目中引入less
react项目中引入less你要先有一个react项目安装less你要先有一个react项目npm install -g create-react-appcreate-react-app my-react （创建文件名为my-react的项目）cd my-react （进入根目录）npm start （编译程序运行my-react这个项目）进入（http://localhost:3000/）安装lessnpm i less less-loader --save然后使用命令npm
2021-12-31 15:14:23
344
1
原创 echarts鼠标悬停轴线是虚线，改成实线
echarts鼠标悬停轴线是虚线，改成实线虚线：tooltip: { axisPointer: { type: 'line', lineStyle: { // type: 'solid', 打开就是实线类型 color: 'rgba(0, 0, 0, 0.
2021-06-01 14:56:25
4504
6
原创 echarts保留两位小数 ：.toFixed(2)
echarts保留两位小数.toFixed(1).toFixed(1).toFixed(1) ： 保留一位小数栗子：yAxis : [ { type : 'value', axisLabel: { formatter: function (value, index) { return v
2021-03-04 15:19:26
5039
1
原创 从node开始创建的react项目（日记）
从node开始创建的react项目一级目录：node的下载安装二级目录：react基本环境安装（安装快速构建工具脚手架）内容 --->三级目录：您可能遇到的问题？一级目录：node的下载安装node的下载和安装（下载链接:https://nodejs.org/zh-cn/download/.）（安装链接:https://www.html.cn/qa/node-js/10676.html.）打开命令提示符窗口，输入 node -v验证是否安装成功二级目录：r
2021-02-18 16:15:44
285
原创 这是个纯HTML + CSS的反转哦！
纯HTML + CSS的反转案例<label> <input type="checkbox" /> <div class="card"> <div class="front">点一点</div> <div class="back">恭喜恭喜：健康快乐哦！</div> </div> </label>
2021-01-27 14:58:59
95
原创 echarts 玩吧1
echarts 玩吧1基础案例配置项折线图柱状图饼图盒须图基础案例<script type="text/javascript"> // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { xAxis: {
2021-01-26 17:31:46
74
原创 JS笔记（数组属性）
数组属性lengthpush-popunshift-shiftjoinindexOf-lastIndexOfslicesplicereversesortmapfilterfind-findIndexsome、every、includes、concat多维数组冒泡排序length返回数组元素的长度。语法：arr.length数组的长度和最后一个下标有关；长度 = 最后一个下标 + 1push-pop使用数组来模拟栈这种结构。两个操作：压栈：push弹栈：pop操作数组的尾部的两个方法。
2020-08-04 22:25:02
165
原创 JS笔记（数组）
数组length数组的初始化方式：数组元素的操作：数组的传引用数组的遍历类数组对象数组的概念： array数组是一组【有序的】【变量】的【集合】。数组的简单定义形式：var 数组变量 = [数据1,数据2,…];特点：1：数组是我们接触到的第二种引用(reference)数据类型。数组的所有的数据在堆内存（heap）中。数据是连续的。2：数组中的数据是有顺序的。有序号。序号是连续的，从0开始的。依次递增。最大到32bits的最大值 - 2。序号一般称为：索引(index)、下标、角标。4:
2020-08-04 22:02:27
163
原创 JS笔记（函数）
函数函数函数的定义的语法：函数的分类：函数的参数说明：函数的定义：function 函数名(参数列表){函数体}函数调用的传参问题程序中的内存说明函数的返回值函数的使用js中不存在函数重载函数的定义的几种方式局部变量和全局变量let和var的区别方法的执行符传参示意图栈函数的执行符函数的属性和方法介绍函数的arguments对象递归函数函数好处：1：方便代码的复用。2：方便代码的维护。函数的定义的语法：function 函数名(参数列表){ 函数体 }解释：1：函数，也称为方法。2：fun
2020-08-04 21:34:11
415
原创 JS笔记（循环）
循环while 循环do-while循环for循环循环的选择：break：中断的意思。continue:继续的意思九九乘法表练习循环：loop当需要反复的，重复的执行某些代码的时候，就需要使用循环了。while、do-while、forwhile 循环语法： while(循环条件){ //循环体 }解释： while：关键字 循环条件：布尔表达式，返回一个布尔值。如果不能返回一个布尔值， 那么就需要隐式转换。 大括号中是需要反复执行的代码块。执
2020-08-04 21:03:41
178
原创 JS笔记（js中的流程控制语句介绍）
js中的流程控制语句介绍if单分支选择语句if-else双分支选择if-else if..else 多分支选择语句switch-case 多分支选择:流程控制：控制代码执行的过程。在任何的语言中，流程控制部分分为三类：1：顺序执行。 从上到下依次执行。2：分支选择：根据条件，有选择的执行某些代码，跳过某些代码。if：单分支if-else：双分支if-else if…else：多分支switch：多分支3：循环：反复执行某些代码。whiledo-whileforif单分支选择语句1
2020-08-04 20:53:02
195
原创 JS笔记（==和===的介绍）
= =和= = =介绍= = : 关系运算符 等于。用于比较两个操作数是否相等的。相等为true，否则为false。!=: 不等于。= = =：绝对等于。用于比较两个操作数是否相等的。相等为true，否则为false。!==：绝对不等于。===：绝对等于： 比较的规则：先比较两个操作数的类型，如果类型不同，直接返回false。 如果类型相同，然后再比较内容，内容不同，返回false。内容相同返回true。!==：绝对不等于比较的规则：类型或者是内容不同，结果就是tru
2020-08-04 20:26:14
109
原创 JS笔记（对于非数值型数据大小的比较介绍）
在js中，可以对任意类型使用关系运算符：> >= < <=进行大小的比较。对于非数值型的数据的大小的比较的规则：1：如果是字符串之间的比较。逐个比较对应位置上的字符的Uncode码值。 一旦一方的字符大于或者小于了另外一方，就作为整个比较的结果，不在继续比较后续的字符。2：如果，参与比较的数据中有非字符串型数据，那么就将所有的数据隐式转换为Number类型，再作比较。<script> console.log ("a" > "1");//
2020-08-04 20:21:38
345
原创 JS笔记（js中类型的转换）
js中类型的转换类型转换Number显式类型转换Boolean()类型转换String()进行类型转换隐式转换为Number类型隐式转换Boolean类型隐式转换String类型类型转换类型转换分为两种：1：显式类型转换 | 强制类型转换 （程序员通过js代码进行类型转换）2：隐式类型转换（对于程序员是透明，不需要参与）。Number显式类型转换将任意类型转换为字符串通过函数 String(数据)<script> console.log (String(true));//
2020-08-04 20:16:29
152
原创 JS笔记（js中支持的运算符）
JS中支持的运算符在js中可以使用哪些运算符对数据进行运算。= : 赋值运算符算数运算符复合赋值运算符关系运算符逻辑运算符在js中可以使用哪些运算符对数据进行运算。1：赋值运算符2：算数运算符1-1：复合赋值运算符3：关系运算符4：逻辑运算符5：位运算符6：条件运算符设计到的概念：1：运算符2：操作数 1+1：参与运算符运算的数据。+ ：运算符1 、1 操作数3：表达式：1+1 就是一个表达式：运算符和操作数的整体就称为表达式。常量表达式：所有的操作数都是常量。变量表达式
2020-07-26 17:26:38
653
原创 JS笔记（引用数据类型）
引用数据类型：数组：array对象：object函数：function1: typeof 数组：object 一种特殊的对象。<script> //定义数组 var arr = [1,2,4,6,7,true,undefined,null,false,{},function () {}]; console.log (typeof arr);//object //定义对象 var obj = { name:"阿琳",
2020-07-26 17:06:41
90
原创 JS笔记（Undefined）
Undefined类型：1：该类型只有一个值。undefined。js 的关键字。2：如果一个变量的值为 undefined。【代表了变量只声明未定义】。3: undefined 和任意的数值做运算，结果为NaN4：undefined 和 null 相等。<script> console.log (typeof undefined);//undefined var value = 10; console.log (typeof value);//number
2020-07-26 16:59:24
150
原创 JS笔记（Null）
Null类型：只有一个值。null。null 是js的关键字。是字面常量。null的类型：object代表了对象为空。作用：当不想再使用一个对象的时候，要丢弃该对象。可以将指向该对象的变量赋值为null即可。特点：1：当null需要转换为整数的时候，转换为0使用。2: null 和 0 不相等。3：null 和 undefined 相等。<script> console.log (typeof null);//object //obj 变量要表示一个对象，但是
2020-07-26 16:57:35
624
原创 JS笔记（Boolean）
Boolean 类型用来代表现实世界中的真和假，或者是对或错。该类型只有两个值。真：true。假：false。这两个值都是js的关键字。也是字面常量。true 该值对应了二进制的1。false对应了二进制的0.当true和false在需要转换为数值型的环境下使用的时候：true 可以转换为 1使用。false 转换为0 使用。<script> var isGirlInClass = true; var isGirlBeauty = true; var is
2020-07-26 16:55:08
98
原创 JS笔记（String）
String：字符串类型是若干个被一对 单引号 或者 一对双引号 包裹的字符序列。注意：1：不能使用一个单引号和一个双引号2: 可以在双引号的字符串中使用单引号，但是内部不能使用双引号。3: 可以在单引号的字符串内使用双引号，内部不能使用单引号。4: 单引号符号，双引号符号，本质上都是字符，但是在String类型中充当了一个特殊的角色。具有特殊的含义。作为字符序列的开始和结束的标识使用。了解一些字符集：字符集的本质：底层是整数表示的。每个字符都对应了唯一的一个整数。ASCII：美国使用的字
2020-07-26 16:52:06
71
原创 JS笔记（Number）
Number基本数据类型：支持四种进制的表示形式。1：包含的内容 正数、负数、0、NaN、Infinity、-Infinity2：NaN ： not a Number js的一个关键字。进行数值计算的时候，如果没有办法得到一个数值型的结果，那么就会得到一个NaN的结果。特点：1）：NaN和其他的数进行运算，结果还是NaN2）: NaN和自身不相等。3）：可以通过方法 isNaN(数据) 对数据进行判断是否是NaN。如果数据是NaN，那么方法返回 true，否则返回false。3: I
2020-07-26 16:49:04
99
原创 JS笔记（JS中支持的数据类型）
JS中支持的数据类型1：基本数据类型(简单数据类型：5种)Number：数值型 整数、小数、NaN、Infinity、-InfinityString：字符串类型。 单引号或者双引号内的字符序列。Boolean：布尔类型。真和假，对和错。 true false。Null：空，只有一个值 nullUndefined：未定义 只有一个值 undefined2：复合数据类型（复杂数据类型、引用数据类型）对象：Object数组：特殊的对象 Array方法：Function...
2020-07-26 16:45:40
348
原创 JS笔记（变量）
变量变量的意义和语法var 变量名 = 初始名（var:js的关键字，用来定义或生命变量的。全称：variable）（变量名：从第二个单词开始首字母大写。）eg:var num = 10Const：不可改变的变量【只读变量】const 变量名 = 初始名（const:只能赋一次值，只能被读取使用。）（变量名：只读变量的变量名字有自己单独的命名规范，所有字符都要大写。多个单词构成时，单词之间使用下划线分隔。）eg:const num = 10字面常量eg:1 2 1.3
2020-07-26 16:30:00
115
原创 JS笔记（介绍）
JS笔记js的三大组成部分：ECMAScript ,DOM,BOJavaScript 语言的特点：脚本语言：直接由底层的引擎解释源代码执行。非脚本的语言：一般会产生中间的产物。先将源代码编译为某种中间的文件。然后再执行中间的文件。动态的语言：在解释执行的过程中动态的判断数据的类型。弱类型的语言：所有的数据都是一种类型。数据的实际类型都是在解释执行的时候动态判断的。基于原型的语言：涉及到了继承的内容。JavaScript 语言由三部分构造： 1：核心部分 ECMAScript ：规定了js
2020-07-26 16:13:14
57
原创 CSS笔记
CSS这里是{css}@import和link的区别：①加载顺序不同，@import先加载完HTML文件，再加载css文件；link会同时加载②@import只能引入css文件，link还可以引入其他内容③@import有兼容性，link没有兼容性④@import会增加页面的http请求⑤JavaScript操作DOM时，只能操作link引入的css1、引入方式1）行内样式 内联样式——只对当前元素生效<div style=""></div>2）内部样式——
2020-07-26 15:57:22
112
原创 HTML笔记
HTML这里是{html}1、DOCTYPE文档类型声明告诉浏览器按当前标准解析代码2、标签双标记 封闭类型标记div,p,a,spantable,tr,td,thul,libody,html,style单标记 非封闭类型标记linkimginputbrmetahr3、元素块级元素和行内元素的区别：1)块级元素独占一行，行内元素同一行显示2）块级元素默认宽高为100%，行内元素是有内容撑开3）块级元素可以设置宽高，行内元素设置宽高不生效4）块级元素用magin
2020-07-26 15:46:08
55
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人