- 博客(41)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 获取当前时间（年-月-日 时：分：秒）
//获取当天时间 todayTime(){ var date = new Date(); var year = date.getFullYear(); var month = (date.getMonth()+1).toString().padStart(2,'0'); var day = date.getDate().toString().padStar.
2022-05-01 10:43:56
447
22
原创 vue2项目兼容ie11报错 此页上的代码禁用了反向和正向缓存
看了一下午大佬门写的文章 也试了那些步骤 还是不行 所以ie真的烦死这个该怎么解决呀
2022-03-10 17:57:48
1627
2
原创 echarts 图表 px匹配rem适配
function fontSize(res){ let docEl = document.documentElement,clientWidth = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth; if (!clientWidth) return; let fontSize = 100 * (clientWidth / 1920); return res*fontSize.
2022-02-25 16:01:44
662
原创 比较全的pc端媒体查询的尺寸
@media screen and (min-width: 600px){ .current-num>div{ margin-top: 0.3rem; }}@media screen and (min-width: 800px) and (max-width: 959px){ .current-num>div{ margin-top: 0.7rem; }}@media screen and (min-width: 960p.
2022-02-25 15:55:04
818
原创 npm报错（在下载地图插件的时候，会报cb.apply is not a function的错误）
在做项目的时候，要做地图的功能，需要下载插件 ，npm的时候，一直报cb.apply is not a function的错误，百度了很久，是版本问题，然后就什么清理缓存，清理npm catch,用cnpm等等都试过了，还是不行，最后卸载了node，装了最新版本 ，，好家伙，特多冲突，后来没办法，卸载最新版本，装了13.13.0版本，npn也升成6.14.1版本，再下载就好了...
2022-01-12 09:04:55
537
原创 ES6（基础）
ES6的概念 新版本：ECMAScript5.1 ，ECMAScript6.0(ES6) 新的语法标签 解决了ES5的一些问题，增加了一些新的功能，新的方法 var a = 10; var a = 20; ES版本 1995年js诞生 -- 1997：ECMAScript1.0 ES5:2009 ES6:2015 ECMAScript与JavaScript的关系？ ECMAScript是JavaScript的语法标准 JavaSc
2021-12-15 09:40:47
156
原创 利用canvas画一个钟表（直接复制到编辑器运行即可）
let ctx = document.getElementById('canvas') if(ctx.getContext){ let ctx = canvas.getContext('2d') //8 动起来 setInterval(()=>{ time() },1000) function time(){ //1 画一个圆 ctx.beginPath() ctx.arc(250,250,200,0,Ma.
2021-12-09 15:11:39
473
原创 用canvas画一个太极八卦图
首先是一个静态的八卦图：这是状态图主要代码如下：左半圆 ctx.beginPath() ctx.arc(250,250,200,Math.PI*1.5,Math.PI*0.5,true) ctx.fill() //右半圆 ctx.beginPath() ctx.arc(250,250,200,Math.PI*1.5,Math.PI*0.5) ctx.fillStyle = 'white' ctx.fill() //.
2021-12-08 16:56:08
579
原创 XSS和CSRF
XSS：跨站脚本攻击Cross site script，因叫css容易让人误会所以改成了xss。比如一个JSON数据：在不该出现script代码的地方出现了，引发一些潜在的危险。 XSS漏洞，能让人们在网页里面插入一段有功能的语句。 XSS 全称“跨站脚本”，是注入攻击的一种。其特点是不对服务器端造成任何伤害， 而是通过一些正常的站内交互途径，例如发布评论，提交含有 JavaScript 的内容文本。这时服务器端如果没有过滤或转义掉这些脚本，作为内容发布到了页面上，其他用户访问这个 页面的时候就会运行这些脚
2021-12-06 14:57:49
508
原创 原生Ajax(get与post)
1 定义【重点】Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)，在客户端使用XMLHTTPRequest对象发异步请求与服务器进行交互。2 传统请求的问题【了解】客户端(浏览器)在没有收到服务器返回的响应之前，客户端一直处于在线等待状态，用户体验不好，导致客户没有收到服务端返回响应的原因有：1)、网络慢；2)、服务器太忙了；3 Ajax优势和作用ajax的作用：在客户端使用XMLHTTPRequest对象发异步请..
2021-12-01 22:47:59
611
原创 Git（代码托管工具）
1.git介绍1.1 git能做什么 作用：团队开发中使用，不是写代码的软件，是一个管理代码的工具 好处：优雅，快速，高效管理版本代码 1.2 主要作用（代码管理工具，管理代码版本） 版本的概念 (1)初指一种书籍经过多次传抄、刻印或以其他方式而形成的各种不同本子。随着时代的发展，版本也开始应用于影视、软件等事物上，形容事物相同但介绍方法等不同的两个事物。 (2)软件版本编号制定是指为软件设置版本号码的方式。通常，版本号码会以数字订定。 (3)软件名称后面经常有一些
2021-11-30 23:26:14
516
原创 深浅拷贝（总结了一下深拷贝和浅拷贝）
1 浅拷贝浅拷贝没有真正的拷贝到值，而是拷贝的是地址，一改全改2数组的浅拷贝//1.数组的浅拷贝var arr1 = ["a","b","c",[1,2]];//a.先声明一个空数组var arr2 = []; //b.循环数组，将原有数组中的值一个一个复制到目标数组中for(var key in arr1){ console.log(key + "--------" +arr1[key]); //下标 arr2[key] = arr1[key];}cons...
2021-11-30 00:18:23
632
原创 JQuery （进阶）
jQuery循环1 each ：没有返回值 语法1：$.each(循环对象，function(index,value){}) 语法2：$(循环对象).each(function(index,value){}) 循环数组 //1.循环数组var arr = ["a","b","c"];$.each(arr,function(index,value){ console.log(index +"--------------"+value);});
2021-11-25 10:42:38
124
原创 JQuary（从原生js到jq，就发现jq好简单）
1.jQuery介绍jQuery是一个优秀的JavaScript库，以最少的代码实现更多的功能 特点： 1.强大的选择器的功能 $("selector")2.语法简介 $("selector").action()3.隐式迭代 $("div").click(); //5个div会自动循环添加点击事件4.链式操作 $("").操作1().操作2().操作3()5.兼容性好 2.使用2.1 引入下载： https://jquery.com/ 官网 h...
2021-11-22 20:38:26
607
原创 less（特别方便）
less less概念：css预处理语言(样式），融入编程思想 /sass，浏览器不能直接识别less文件， 插件：Easy LESS(将less文件，同步编程成css文件) 注释 /* 多行注释：编译成css时会保留注释 *///单行注释：编译成css时不会保留注释 引入 行间内部:style标签中外链：link href/*2.引入 */@import "./reset.css"; /*引入css文件，记得加后缀 */@impor.
2021-11-21 19:04:07
259
原创 JS 面向对象（要复习复习复习）
1 概念 编程模式 面向过程：c,c++，注重实现过程(蛋炒饭：准备材料，起锅烧油，放鸡蛋，放米饭，放调料，出锅装盘) 面向对象：java，注重的是结果（蛋炒饭：点外卖） 面向对象的特征 封装 继承 多态 类（对象）：一种大范围的抽象的对象 实例对象：具体的对象 对象的组成： 属性：静态的，名词性 ------ var 方法：动态的，行为，作用----f..
2021-11-20 23:03:49
117
原创 JS 函数高级（包括闭包的一些笔试题，防抖，节流）
1.回调函数 callback 异步：做一个操作的时候，可以去做其他的事情 定时器 同步：做一个操作的时候，其他的都只能等待 alert for //- 异步：做一个操作的时候，可以去做其他的事情 定时器console.log(1);setTimeout(function () { console.log("定时器"); }, 2000);console.log(2);// - 同步：做一个操作的时候，其他的都只能等待 alert foralert(1);...
2021-11-19 20:12:49
559
原创 JS 事件高级（包括DOM事件流，阻止事件冒泡，阻止事件默认行为，，，以及对我来说，很好用的 事件代理）
事件对象概念 事件处理函数：事件发生时调用的函数 事件对象：window.event，内置的对象，事件发生的时候会将所有和事件相关的信息都存储在事件对象中，鼠标位置，事件类型，事件目标。。。 //事件对象：事件发生的时候，会将所有和事件相关的信息，存储在事件对象中window.event //标准、ie ： window.event / event//ff： event必须加window，不然会报错，加window不会报错，但是获取到的是undefind// 火狐...
2021-11-18 23:22:35
82
原创 JS BOM（也是超级长的单词哦）
BOM：Browser Object Model 浏览器对象模型 window和document window：js中最顶层的一个对象，窗口 document：文档 window提供的方法系统对话框（是查错改错的好办法！！！！！） alert(message) : 警告框 confirm("message"): 带确认的对话框 prompt(message,default) : 带输入的对话框 //1. ale...
2021-11-17 22:33:02
95
原创 JS DOM表单操作（补充）
1.DOM表单操作1.1 快速获取表单元素 快速获取表单元素 form.标签name属性 //1.获取元素var oForm = document.getElementsByTagName("form")[0];//2.快速获取表单元素 form.标签name属性console.log(oForm.user);console.log(oForm.password);console.log(oForm.sex); //RadioNodeList(2)[input, input.
2021-11-17 22:26:59
184
原创 JS DOM（dom很多长单词）
DOM DOM：Document Object Model 文档对象模型 浏览器渲染： DOM树：浏览器会html标签解析成树型结构，由节点组成 CSS树 查找节点 DOM获取节点 通过id获取 ： document.getElementById("id名") 通过类名获取 ： document/父元素.getElementsByClassName("类名") 通过标签名获取 ： document/父元素.g
2021-11-14 20:54:33
114
原创 react报错index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instan
今天遇到了一个警告报错这是个警告错误，其实代码可以正常运行，但对于一个严格的例子或者正常的项目，不应该有红色的句子，管他是警告还是报错所以，简单的查了查，有的人说是版本问题，我没这样修改，因为怕改回去又出现别的版本问题，因为刚刚发现event事件改成了Event所以我修改了index.js文件，把严谨模式去掉了就是上图<React.StrictMode>中的StrictMode，去掉不知道对别的有没有影响，但确实没有警告了，如果是 自己写着玩的或者练习的项目，..
2021-11-13 12:02:13
1901
原创 JS 正则（~_~）
正则对象 正则对象：RegExp 概念：提前定义的，用于检测字符串的逻辑公式 （正则表达式） /^1[3-9]\d{9}$/ 作用：验证字符串是否满足条件 登录注册 创建正则 关键字new创建 //1.new关键字创建 new RegExp(检索的表达式，修饰符) igvar reg1 = new RegExp("[0-9]","ig"); //转义 console.log(reg1); // /[0-9]/gi 字面量创建 ..
2021-11-12 19:47:36
231
原创 JS 字符串和数组对象方法（包括数组去重，比较存储，数组排序以及数组的迭代方法）
字符串对象 charAt 语法：str.charAt(下标) 作用：获取字符串中对应下标的字符 charCodeAt 语法：str.charCodeAt(下标) 作用：获取字符串中对应下标字符的编码 判断是不是纯数字 indexOf 语法：str.indexOf(searchStr,start) 作用：查找一个字符串在另一个字符串中首次出现的位置，出现返回对应的下标，没有返回-
2021-11-11 23:38:06
207
原创 JS Date,Math,String（要背很多方法）
对象的方法 对象： 在JS中万物皆对象，可以将对象分为“内部对象”、“宿主对象”和“自定义对象”三种。 本地对象「内部对象」：JS中的内部对象包括Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、String，Error对象， 其中Global和Math这两个对象又被称为“内置对象”，这两个对象在脚本程序初始化时被创建，不必实例化这两个对象。 宿主对象（全局对象）：宿主对象就是执行JS脚本的环境提供的对象
2021-11-10 23:17:48
88
原创 JS 定时器（hhhhhh）
1.定时器1.1 定时器的基本概念 定时器的分类 延迟定时器： 语法： ms 延迟一段时间执行函数一次 作用：等待一定的时间后执行一次 使用场景：广告弹窗 间歇定时器： 语法：setInterval(函数,时间) 隔一段时间执行函数一次 作用： 隔一段时间执行函数一次 使用场景：轮播图，倒计时，抽奖 1.2 setTimeout
2021-11-09 20:35:58
1232
原创 JS 函数封装（今天代码超多bug 要慢慢改了，所以只更新一点点吧）
只能获取行间样式 ： 标签.style.样式名获取非行间样式标准浏览器：getComputedStyle(标签).样式名IE浏览器：标签.currentStyle.样式名//2.标准浏览器：getComputedStyle(标签).样式名var width = getComputedStyle(oDiv).width;alert(width);//3. IE浏览器：标签.currentStyle.样式名var width = oDiv.currentStyle.width;alert(wid
2021-11-08 22:43:47
109
原创 插个队---今天遇到一个小问题，Redirected when going from “/role“ to “/menu“ via a navigation guard.
Redirected when going from "/role" to "/menu" via a navigation guard.这个问题一直存在，但我一直没有管他，因为不怎么影响功能，但刚刚又跳出来，忍不了了，就查了一下，有说版本问题的，有说是路由拦截问题的，版本问题： "vue-router"已经更新到"vue-router": "^3.2.0",该版本的话，需要卸载这个当前版本，然后下载3.0.7版本，卸载命令是npm unstall vue-rou...
2021-11-07 19:15:11
521
1
原创 JS 函数（今天是函数）
函数 函数：函数就是将具有独立功能的代码块，整合到一起并命名，需要的时候调用即可（当它被调用时可重复使用代码块） 作用：提高效率，提高代码重用率 1 函数的使用场景 作为事件处理函数 函数封装（代码复用） 对象的方法 //1.使用场景1：作为事件的处理函数document.onclick = function(){ console.log("处理函数");}//2.使用场景2：封装（代码复用）function change(){ ...
2021-11-07 15:01:51
129
1
原创 JS 流程控制语句（ps:今天北京初雪）
分类 顺序结构（按代码顺序，从上往下执行） 选择结构(分支语句) ： if if-else if-else if switch 循环结构：for while do-while for-in 选择结构(分支语句)单分支： if 语法：if(条件){ 条件成立时执行的代码 } /* 单分支 语法：if(条件){ 条件成立时执行的代码 } 特殊： 1.if后面的大括号可以省略，省略就只能控制紧跟在后面的一条语句 ...
2021-11-06 22:40:24
88
1
原创 JS 基础交互（交互三部曲）
交互三步曲：找到对应的标签，添加事件，事件发生时的反馈获取标签 通过id获取 语法：document.getElementById("id名")：获取到的是一个唯一标签 //1.通过id获取元素var oSs = document.getElementById("ss");//2.添加事件 标签.onclick = function(){ 事件发生时要执行的操作 }oSs.onclick = function(){ alert("easy");} 通..
2021-11-06 22:29:27
1107
原创 JS 运算符（多复习一点）
运算符 概念 运算符：用于执行程序代码的运算，针对于一个以上的操作数进行运算 1 + 1 ： 1---操作数 +：运算符 表达式：由一个或多个操作数通过运算符组成是式子 1 + 1，a = 10, a++ 运算符：算术运算符、赋值运算符、逻辑运算符、比较运算符，三目运算符 算术运算符种类：+ - * / %（取余，求模），++(自增，自加)， -- 基本操作 //1.算术运算符 + - * / %（取余，求模），++(.
2021-11-02 23:10:36
195
原创 JS 数据类型转换 （很小的知识点但是是基础）
有些时候，需要将数据转换为其他类型进行操作，转换方式：强制转换、隐式转换强制转换通过方法，将数据必须转换为某种数据类型强制转换为number Number(要转换的数据) ： 强制转换为number类型，不能转换的结果为NaN parseInt(要转换的数据) : 从左往右开始转换，遇到不能转换的或者是末尾就停止,如果一开始就不能转换结果为NaN，取整 parseFloat(要转换的数据):从左往右开始转换，遇到不能转换的或者是末尾就停止,如果一开始就不能转换结果...
2021-11-02 22:59:54
102
原创 JS 变量与数据类型（慢慢的就开始啦）
变量 变量（标识符）：变量存储数据的容器，变量名中存放数据 语法： 声明变量： var 变量名 = 值 命名规则： 1.只能以字母、数字、下划线，$组成，并且不能以数字开头 2.不能使用关键字和保留字 3.见明知意，遵循驼峰标识 tagName TagName 4.不要重名,后面的会覆盖前面 //1.声明变量var a;console.log(a); //undefined ,未定义，声明变量，但是没有赋值a = 100000;console.l
2021-10-29 23:36:45
81
原创 Hi，JS（初识）
什么是JavaScript？ 作用：网页交互 概念：基于对象和事件驱动的解释性脚本语言 基于对象：JavaScript 是一种基于对象的语言，这意味着它能运用自己已经创建的对象，因此，许多功能可以来自脚本环境中对象的方法与脚本的相互作用。 事件驱动：JavaScript 可以直接对用户或者客户输入做出响应，无须经过 web 服务器，它对用户的响应，以事件驱动的方式进行。 解释性： 编译性：高级语言，计算机无法直接识别，先进行编译，再执行
2021-10-28 22:40:22
575
空空如也
小程序开发，调用api接口的时候出现了可调用次数或数量为0，没有可用资源包
2021-11-30
react 在封装路由的时候，，出现了这种情况，没有报错，就是卡死，卡的死死的
2021-11-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人