2020年02月_高先生的猫

原创全面理解Javascript的正则表达式

Javascrip中的正则表达式使用方法简单介绍下，在Javascript中使用正则表达式有两种方式：构造函数：使用内置的RegExp构造函数；字面量：使用双斜杠(//)；使用构造函数：varregexConst =newRegExp('abc');使用双斜杠：varregexLiteral =/abc/;匹配方法Javascript中的正则表达式对...

2020-02-25 11:23:34 220

原创 CSS万能清除浮动法

/* 给浮动元素的父级元素加上class='clearfix' */.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block;}.clearfix { zoom: 1;}

2020-02-24 15:02:56 2374 1

原创 CSS文字居中显示的几种方式

1、利用line-height和vertical-alignhtml<div class="box"> <span>测试文字</span></div>css.box{ width: 200px; height: 200px; overflow: hidden; background: #c...

2020-02-21 16:50:27 13164 1

原创 package.json 从入门到精通

前端在入门的时候，第一个了解的东西，就是package.json文件，这个文件伴随着所有的前端开发，生生不息。那么问题来了，我们是否有仔细的深入了解过这个文件，看透外表，深入里层呢？1. 字段详解1.1 name定义: name在一个非分发(上传至npm库)项目中，仅仅作为项目名称使用。而如果作为一个模块、插件、类库分发的项目，name不仅是一个项目名称，还定义了你在包管理网站上的...

2020-02-21 16:45:04 369

原创 npm模块 qs.stringify()、qs.parse()的使用

npm install qsimport qs from'qs'qs.stringify()作用是将对象或者数组序列化成URL的格式对象序列化let obj = { methods: 'query_stu' id: 1, name: 'chenchen'}qs.stringify(obj)// methods=query_stu&id=1&name=...

2020-02-21 16:39:20 4246

转载 var、let、const的区别

var和let/const的区别块级作用域不存在变量提升暂时性死区不可重复声明 let、const声明的全局变量不会挂在顶层对象下面 const命令两个注意点: const 声明之后必须马上赋值，否则会报错 const 简单类型一旦声明就不能再更改，复杂类型(数组、对象等)指针指向的地址不能更改，内部数据可以更改。为什...

2020-02-21 16:29:04 372

原创 ES6展开运算符用法（扩展运算符）

随着 ES6 的出现，编写 JavaScript 变得越来越灵活。新的语法让代码更简洁，可读性更高。ES6 新增了很多特性，扩展运算符就是其中一个。简单的三个点号，让原本繁琐的代码瞬间变得简洁、优雅。那么，就让我们看看它有哪些常见用法吧。让函数的 Apply 调用方式成为过去有时候我们需要通过Function.prototype.apply来调用函数，参数就放在一个数组里。fun...

2020-02-21 16:25:15 704

原创 ES6解构赋值详解

对象和数组时 Javascript 中最常用的两种数据结构，由于 JSON 数据格式的普及，二者已经成为 Javascript 语言中特别重要的一部分。在编码过程中，我们经常定义许多对象和数组，然后有组织地从中提取相关的信息片段。ES6 中添加了可以简化这种任务的新特性：解构。解构是一种打破数据结构，将其拆分为更小部分的过程。解构赋值可以赋值给已经定义过的变量:let node = ...

2020-02-21 16:23:24 404

原创 dayjs 入门及常用方法

dayjs是一个轻量的处理时间和日期的 JavaScript 库官方githubhttps://github.com/iamkun/dayjs中文使用文档https://github.com/iamkun/dayjs/blob/master/docs/zh-cn/API-reference.mddayjs好处???? 和Moment.js有着相同的API和模式 ???? 不可变、持久...

2020-02-21 14:12:51 9757 2

原创 svg标签兼容IE8的写法

2020-02-21 13:43:58 933

原创 JS如何判断一个对象是否为空、是否有某个属性

一、 js判断一个对象是否为空方法一：let obj1 = {}let obj2 = { a: 1}function empty(obj) { for (let key in obj) { return false; //非空 } return true; //为空}console.log(empty(obj1)) //true为空console.log(empty(...

2020-02-21 13:40:51 347

原创 js获取页面url中的某个参数值

// 以此网址为例// https://www.xxxxx.com.cn?id=123455&name=lily// 获取指定值let id = getParameter('id') // 123456let password = getParameter('password ') // null// 获取H5参数函数function getParameter(nam...

2020-02-21 13:36:35 968 1

高先生的猫