Mirror颜瑟-CSDN博客

原创栈内存 & 堆内存 (数据类型间的存储区别)

内存的概念栈内存 Stack（可以理解为运行内存，如内存条）：所谓栈内存，其实就是在计算机内存中分配出来的一块空间。用于提供浏览器执行代码的执行环境，以及存储基本类型值。堆内存 Heap （可以理解为存储空间，如硬盘）：用于存储引用类型值。基本数据类型基本数据类型有哪些？JS 的基本数据类型有：数字、字符串、布尔值、null、undefined、symbol（ES6新增）。也就是除了对象（引用数据类型）外都是基本数据类型。基本数据类型执行过程：（明确步骤，顺序不可颠倒）创建一个值

2021-05-11 13:47:57 901

原创 CSS选择器 & 优先级及计算 & 性能优化

CSS 选择器什么是 CSS 选择器？CSS 选择器是选取需设置样式的元素的模式。CSS有哪些选择器？基本选择器：通配符选择器*：选择所有元素或某个元素下的所有元素。元素选择器：以文档的元素作为选择器（如 span）。ID 选择器#id-name。Class 选择器.class-name。后代选择器E F：用空格，在 E 的后代中选择所有和 F 匹配的元素，也比较常用。相邻兄弟选择器E + F：选择紧接在 E 元素后且和 F 匹配的元素。通用兄弟选择器E ~ F：在 E 后的

2021-03-22 14:40:08 626

原创 JS 箭头函数与普通函数的区别

ES6 新增加了箭头函数的语法，如果你还不知道什么叫箭头函数表达式，请戳这里查看关于箭头函数的描述概括来说借用MDN的话：箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this，arguments，super或new.target等，也不能用作构造函数。箭头函数表达式更适用于那些本来需要匿名函数的地方。深究地看1. this（执行上下文）的指向区别普通函数中的this：在简单调用中，非严格模式下指向window对象；严格模式下为undefined。function nor

2021-03-05 14:25:38 216 1

原创 JS 转换格林尼治时间

1. toUTCString()toUTCString()方法可根据世界时（UTC）把Date转换为字符串，并返回结果。2. toGMTString()toGMTString()方法根据格林尼治时间（GMT）将 Date 对象转换为字符串，并返回结果。现在把0时区的时间称之为世界时间，toGTMString()和toUTCString()的作用是一样的，由于语义上的原因，以后可能toGTMString()方法会被弃用，所以建议使用toUTCString()。3. getTimezoneOffset

2020-11-23 15:12:31 3866

原创 CSS 内容溢出省略显示

内容溢出省略显示的功能都需要满足一个条件：容器有宽度限制。1. 单行文本溢出省略单行溢出省略的实现比较简单，CSS自身支持，且几乎所有浏览器都能支持。涉及到的CSS属性：overflow：规定当内容溢出元素框时发生的事情。visible：默认。溢出内容可视，不被修剪。hidden：溢出内容被隐藏。scroll：始终显示滚动条，溢出部分滚动显示。auto：内容溢出时自动出现滚动条，溢出部分滚动显示。text-overflow：规定当文本溢出包含元素时发生的事情。clip：直接修

2020-09-09 16:32:19 393

原创关于如何在Vue中使用scss

1. 在 Vue 中使用 Sass下面示例的环境是用vue-cli搭建，因此目录结构会与其他方式搭建的项目目录结构有所区别。使用 npm 进行包管理。安装相关依赖Vue 的 webpack 项目中需要安装上 node-sass、sass-loader、style-loader，所以需要先通过命令行安装。# 一次性安装全部npm - node-sass sass-loader style-loader -D在 webpack 中配置 loader在项目中的/build/webpa

2020-07-06 16:03:37 823

原创 Swiper的种种踩坑与解决方案

由于项目关系，需要实现各种轮播，使用了强大的Swiper插件，由于功能太多，使用的时候踩了很多坑，下面记录踩的各种坑及其解决方案。1. 翻页按钮在框外默认情况下 Swiper 翻页按钮在轮播内容框区域内，想实现翻页按钮在其区域外，其实并不难。...

2020-06-19 13:38:54 2632 3

原创 CSS 清除浮动

清除浮动的方法：给浮动元素的父元素设置高度：<div class="container"> <div class="float"></div></div>.container { height: 200px; /* 设置明确高度 */}.float { float: left;}给最后一个浮动元素后添加额外标签来清理浮动。（建议不要为了清除浮动专门添加元素，会产生冗余元素）<div class="contain

2020-06-01 16:31:36 124

原创解决IOS微信小程序字符串转Date值不支持问题

前段时间使用在微信小程序将字符串转Date值时踩了个坑。对于YYYY-MM-DD格式的字符串，微信小程序开发工具及其真机调试和 Android 真机都是支持的，唯独 IOS 真机不支持。const dateStr = '2020-02-02';const date = new Date(dateStr);console.log(date); // IOS => Date(null...

2020-04-02 21:47:16 563

原创关于vertical-align的种种

有些时候 vertical-align 的渲染结果并不同我们想象的一样。虽然现在已经有很多 CSS 属性可以完美替代 vertical-align 的渲染效果，但有些时候碰到还是很头疼，所以最好还是搞清楚它。☆作用对象：inline、inline-block子元素。如果作用对象是块级元素，这个属性会失效。1. 属性值值描述baseline(default) 元素...

2019-11-25 14:41:07 202

原创 Transform 对元素渲染的影响

CSS 的 transfrom 属性真的让人又爱又恨，虽然功能挺不错，但有些情况下，还是常常对页面产生莫名其妙的影响。来看下 HTML 结构：<div class="container"> <div class="child"></div></div>当容器设置了溢出隐藏，其子元素溢出容器的部分自然会被隐藏，但是当子元素设置了绝对定...

2019-09-24 15:32:38 656

原创实现页面跳转的方法

在 HTML 中实现页面跳转按钮式（JS 实现原理）：<input name="##" type="button" value="##" οnclick="location.href='链接'">链接式 —— 返回上一步：<a href="javascript:history.go(-1)">返回上一步</a><a href="<...

2019-09-16 17:06:22 464

原创构造函数 & 原型 & 类

Remenber：JS 中，万物皆对象！1. 构造函数构造函数：用于初始化一个对象的函数（理论上，任何函数都可以作为构造函数）。JS 语言核心中的原始类型都包含内置的构造函数。var o = new Object(); // c初始化一个空对象var r = new RegExp('js'); // 初始化一个可以进行模式匹配的RegExp对象function Range...

2019-07-02 15:35:32 274

原创 CSS 选择器

CSS 中有很多选择器，功能齐全，但往往会被我们忽视。一、基本选择器通配符选择器*：选择所有元素，也可以选择某个元素下的所有元素。元素选择器元素选择器是 CSS 中最基本且最常见的选择器，就是通过 HTML 元素名进行选择，这里就不罗列和赘述。ID 选择器#idName：常用，不赘述。类选择器.className：常用，不赘述。后代选择器E F：用空格，...

2019-06-18 13:24:45 146

原创安装 Webpack

webpack安装由于 webpack 执行打包压缩时依赖 nodeJS，所以在安装 webpack 之前先安装一下 nodeJS。因为 npm 是 nodeJS 平台默认的包管理工具，这里用 npm 安装 webpack。本文默认已安装好 nodeJS 和 npm。首先，用 npm 在项目的根目录创建一个package.json文件：# 从当前目录中提取的信息生成默认的pack...

2019-05-29 14:49:23 1926

原创 Ubuntu v18.04安装网易云音乐

用 Ubuntu 系统安装软件总有些各种问题，习惯听听音乐写写代码，可是安装的时候就出各种问题，可算解决了，给各位一个借鉴。1. 到网易云音乐官网下载安装包官网下载链接：https://music.163.com/#/download下载成功得到 netease-cloud-music_1.2.1_amd64_ubuntu_20190428.deb 安装包。2.安装在存放下载安装包的文...

2019-05-06 13:55:24 346 3

原创 JS 闭包

JS 会实现词法作用域，函数对象的内部状态不仅包含函数的代码逻辑，还必须引用当前的作用域链。概念：函数对象通过作用域链相互关联，函数体内部的变量都可以保存在函数作用域内，具有这种特性的函数叫做“闭包”。从技术角度讲，所有的JS函数都是闭包：它们都是对象、都关联到作用域链。定义大多数函数时的作用域链在调用函数时依然有效，但这不影响闭包。理解闭包首先要了解嵌套函数的词法作用域规则。var sc...

2019-04-07 11:49:05 133

原创 JS 声明提升

JS 的声明提升指 JS 运行机制会将变量的声明语句提升到它所在作用域顶端，导致变量在代码的声明语句之前就可以使用。定义常量或变量的声明命令：var、let、const中，只有var命令存在声明提升，值为undefined。console.log(a); // => undefinedvar a = 123;// 相当于var a;console.log(a); // a =...

2019-04-01 19:56:12 275

原创当flex布局遇上min-width

这几天遇到一个及其神奇的事情：flex布局遇上white-space:nowrap，这个布局就崩了！！！在项目的某个页面中要做一个Menu（这个Menu不是项目的主Menu，而是某个页面中的内容），预想是做成这个样子的：因为Menu必须要和旁边一样高，而rightContent的内容是动态的，不确定究竟有多高，想到用绝对布局，但这种绝对布局，还是能不用就不用吧。然后我就用flex布局了，写了...

2018-11-16 10:17:36 1942 1

原创 React虚拟DOM

首先理解什么是DOM？DOM(Document Object Model)，即文档对象模型。DOM元素是网页的基本元素，大量的DOM元素构成了一个完整的页面。但DOM是很慢的，其元素非常庞大。一般页面的性能问题很少是由JS引起的，大部分都是由DOM操作引起的。为什么说DOM操作很慢？因为在访问与修改DOM时开销很大，特别是修改元素时，会导致浏览器再次计算，重新渲染页面。实际上，DOM对象本...

2018-10-31 10:14:47 246

原创解决Antd自定义表单验证问题

最近项目中遇到一个表单校验的问题，看官方文档、网上搜索找了好久，终于找到了解决方案。先阐述一下问题：项目中的表单需要多图片上传，这个使用Upload组件就OK了，但是表单验证就出现问题了： 1、首先，上传图片项是必须项，不能无图片提交； 2、已上传的图片可以删除； 3、后端要求提交的图片为md5格式，通过上传接口获取图片的md5值，这样就不能直接使用表单提交时获取的 value值，...

2018-10-25 10:51:30 21583

原创解决layui表单中按钮自动提交的问题

layui表单中的按钮会自动提交，这是一个很麻烦的事情。这几天项目中多次用到表单按钮，仔细研究了下，找到了解决办法：1、如果不需要放在表单中的按钮，最好不要放在表单中，不在layui的form中的按钮就不会进行自动提交了；2、放在表单中的按钮可以通过js中的回调函数里添加 return false制止。filter中的参数指的是按钮中的lay-filter属性中的值，这个可以自己随便设...

2018-07-09 13:39:26 16603 13

Mirror_r的博客