自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 资源 (2)
  • 收藏
  • 关注

原创 vue2停止维护,vue3成为新时代宠儿

Vue2.7正式为了解决此问题而出的过渡版本,既增加了很多新特性,有保留了所有2.x的特性,小伙伴们可以慢慢一点点迭代升级,等项目全部更新成改造新的api之后,再直接换成Vue3.0就不会一堆报错,可以做到无痛升级了。在此之后,Vue 2 在已有的分发渠道 (各类 CDN 和包管理器) 中仍然可用,但不再进行更新,包括对安全问题和浏览器兼容性问题的修复等。Vue 3 是当前 Vue 的最高主版本。Vue 2.7 也是在终止支持之前保持维护的版本,所以如果你打算留在 Vue 2,应该至少升级至 2.7。

2023-03-21 09:48:59 2661

原创 Javascript数据类型检测的方式有哪些

其中数组、对象、null 都会被判断为 object,其他判断都正确。instanceof 可以正确判断对象的类型,其内部运行机制是判断在其原型链中能否找到该类型的原型。可以看到,instanceof 只能正确判断引用数据类型,而不能判断基本数据类型。instanceof 运算符可以用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。constructor 有两个作用,一是判断数据的类型,二是对象实例通过constrcutor 对象访问它的构造函数。

2022-10-14 16:30:50 497

原创 JavaScript 有哪些数据类型,它们的区别?

其中 Symbol 和 BigInt 是 ES6 中新增的数据类型:这些数据可以分为原始数据类型和引用数据类型:两种类型的区别在于存储位置的不同:堆和栈的概念存在于数据结构和操作系统内存中,在数据结构中:在操作系统中,内存被分为栈区和堆区:

2022-10-14 16:23:05 316

原创 VUE使用AES进行加密

AES加密的使用近日发现在使用vue+java进行登陆时会对其进行加密处理,所以衍生到一个东西叫做AES.js第一步:在vue中安装crypto-js依赖npm install crypto-js --save-dev第二步:在static目录下新建一个AES.js文件,例如:第三步:在AES.js中填写如下代码import CryptoJS from "crypto-js";// npm install crypto-js --save-dev//随机生成指定数量的32进制key

2021-04-20 16:42:58 637

转载 学习笔记(1):React基础入门+综合案例-React环境搭建

React是目前前端开发领域里应用最广泛的框架之一,也是目前很多大厂在用的框架,学好React可以增加找工作的砝码。本套课程是从学生的角度出发,将复杂的概念以通俗易懂的话术讲授出来,方便学生理解。可以帮助你快速的上手React框架开发。...

2021-01-09 10:56:46 128

原创 ES6箭头函数---(箭头函数和普通函数的区别)

箭头函数一个参数// 只有一个参数// f : 函数名称// v : 函数参数// v+v : 函数内容 let f=v=> v+v console.log(f(10)) //20两个参数// 两个参数需加小括号 let ff=(v1,v2)=> v1+v2 console.log(ff(10,20))多个语句// 有多个语句的时候需要加大括号// 有多个语句的时候return不能省略let fff=(a,b,c)=>{ console.l

2020-12-31 14:11:07 1234

原创 ES6 let和const命令

ES6 let和const命令let命名let 声明的变量只在 let 命令所在的代码块内有效{ let a=0 console.log(a) //0}console.log(a) //报错 a is not definelet命令和var命令的区别let在代码块内有效,var全局有效//var演示{ var a=10 console.log(a) // 10}console.log(a) // 10//let演示{ let b=10 con

2020-12-31 14:04:28 87

原创 ES6和JavaScript的关系以及ES6兼容性解决方案

ES6ES6和JavaScript的关系ECMA是“European Computer Manufacturers Association” 的缩写,中文称欧洲计算机制造联合会。这个组织的目标是评估,开发和认可电信和计算机标准EAMA是标准,JavaScript是实现类似HTML5是标准,IE10,Chrome等都是实现目的是让所有前端脚本都实现ECMA目前只有JavaScript实现EAMA标准,ECMAScript 约等于 JSECMAScript简称EAMA或者ES(ES6)

2020-12-31 13:59:28 784

转载 css的公共属性及原因

在我们写多个网页的时候,会发现总会遇到很多相同的css样式,若是每次都要在网页代码中写,会浪费时间,同时也会消耗浏览器和计算机的性能。因此,我个人将我敲代码过程中的经常用到的css样式总结了一下。再用的时候通过link标签引用就可以了。常用的公用css一、PC端1.页面margin(外边距)、padding(内边距)清零。*{margin:0;padding:0;}原因:1、默认的块元素有些会自带margin或者padding。2、body默认就会有8个像素margin,这样设定后可以清

2020-12-16 18:04:03 755

原创 数组常用的方法(17个)

**数组常用方法**isArrary()判断参数是不是数组,返回布尔值-----Array.isArrary()var arrs = [1, 2, 3, 13, 1] if (Array.isArray(arrs)) { //该方法返回一个布尔类型函数---true/false console.log(`arrs该参数是一个数组`) //返回该结果 } else { console.log(`该参数不是一个数...

2020-11-06 09:46:51 12424 6

原创 数组对象(定义以及输出)

数组对象数组是一组有序的数据的集合定义数组//定义数组并赋值var 数组名 = [值1,...,值n]var 数组名 = new Array(值1,...,值n)//定义空数组的两种方式var 数组名 = new Array()var 数组名 = []输出数组内容for in//for in:输出数组元素的下标for(var x in 数组名){ console.log(x)}x:自定义的名称 代表:下标例子:var arrs=[10,20,30,45,2]//

2020-11-05 11:50:12 880

原创 js对象--(单个对象以及构造函数对象)

单个对象var p={ 属性名1 :'值1', 属性名n :'值n', 函数名1 :function(){ }, 函数名n :function(){ }//最后不用跟逗号}//定义单个对象var yangfei={ name:'杨飞', age:20, sex:'男', hobby:'看书', jieshao:function(){ console.log("我叫:${yangfei.name},我

2020-11-05 11:46:52 231

原创 变量提升(实例)

变量提升(先使用变量,后声明变量)console.log(d) //报错:is not definded//变量提升console.log(d) //undefined 此时执行的该行代码的时候d还未赋值, 所以结果是undefinedvar d = 5变量提升的进阶案例var a = 10,b = 20,c//定义函数并直接调用;(function(){ //由于变量提升的原因,导致此时的不再是全局的a,此时的a是一个局部变量,而在当前行的a未赋值,所以a的值是undefi

2020-11-02 17:15:12 480

原创 字符串的常用方法(截取,分割,查找,计算)

字符串的常用方法substr(开始位置,长度)截取字符串长度可以省略,省略之后从开始位置到末尾var str = 'www.baidu.com'//截取wwwconsole.log(str.substr(0,3))substring(开始位置,结束位置)截取字符串不包含结束位置结束位置可以省略,省略之后从开始位置到末尾var str = 'www.baidu.com'//截取wwwconsole.log(str.substr(0,3))split() :分割字符串,返回数组

2020-11-02 17:14:08 806

原创 JS基本数据类型用法及区别

基本数据类型Number可为任意数//当a为正整数时var a = 1console.log(a, typeof a, typeof a === "number")//1 "number" true//当a为小数时a = 6.8console.log(a, typeof a, typeof a === "number")//6.8 "number" true//当a为负数时a = -1console.log(a, typeof a, typeof a === "number")

2020-10-29 18:09:20 88

原创 javascript中== 以及===的区别

== 、===的区别==的用法var a = 1var b = "1"if(a==b){//等值 console log("a==b")//a==b ==:先转换变量的数据类型,再进行比较}else{ cosnole.log("a!=b")} ===的用法var a = 1var b = "1"if(a===b){//全等于 数据类型和值都相等 console log("a==b")}else{ cosnole.log("a!=b")//a!=b ===:不会转换

2020-10-29 10:30:56 57

原创 非空判断新旧方法的区别

非空判断javascript判断为空的旧方法var a= doucument querySeletor('#mydiv')//获取id为mydiv的标签对象if(a == "null"||){//判断a为空 console log("null")}else{ console 1og("not null")}javascript判断为空的新方法var a= doucument querySeletor('#mydiv')//获取id为mydiv的标签对象if(a){//判断a不为空 c

2020-10-29 10:23:27 78

原创 querySelector()和querySelectorAll()的区别

js复习(第一天)querySelector()获取标签名/class名/id名的标签对象语法:document.querySelector("标签名/class名/id名)注意1:同时存在多个名称相同的时候取第一个2:querySelector()可代替getElementById()、getElementsByClassName(、getElementsByTagName()getElementsByName()3:querySelector()根据某个标签名/class名/id名去

2020-10-28 18:47:06 364

【Imageglass】支持70多种格式的开源无边框图片查看器

官网:https://imageglass.org/ 支持中文(简/繁),也可自己在官网下载语言包 可调整为无边框,如下(新版8.0比起旧版有个美中不足的地方,就是在无边框的情况下不能自由缩放窗口,必须退出无边框才行) 可以更换软件和图标皮肤(20来款),我这边加载奇慢,下载这些倒都是没问题的,有加速器的朋友可以试试会不会快一点?

2023-03-02

normalize.css

公共属性--几乎去除所有html的默认样式文件

2021-09-23

Typora笔记软件

typora是一款强大的笔记软件,同时可以保存为md文件模式,以#/##/###/####/#####为标题做记录

2020-10-29

空空如也

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

TA关注的人

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