03 2020 档案

把字符串大小写切换的方法
摘要：``` javascript var str = '$a1a2a_B3B4B$'; function transformCode(code) { return code.replace(/([A-Z])|([a-z])/g, function(match, $1, $2) { if ($1) { return $1.toLowerCase(); } else if ($2) { return $2 阅读全文
posted @ 2020-03-23 15:04 月半流云 阅读(346) 评论(0) 推荐(0)
在页面上隐藏元素的方法有哪些
摘要：|方法|是否占据空间|是否响应事件|补充说明| |: |: |: |: | | |否|否|会引起回流和重绘| | |是|否| | | |是|是|会引起重绘| | 将元素移除可见区域|是| | | | 将元素缩放为 0 尺寸|是|否| | | 层级调低的同时在同样的位置上用其他元素覆盖|是|否| | 阅读全文
posted @ 2020-03-23 14:28 月半流云 阅读(361) 评论(0) 推荐(0)
写一个方法去掉字符串中的空格
摘要：``` javascript var str = ' a b c d e f g '; function removeSpace(value, type) { var headPattern = /^\s+/g; var tailPattern = /\s+$/g; var headAndTailPattern = /^\s+|\s+$/g; var middlePattern = /(\S)\s 阅读全文
posted @ 2020-03-23 13:51 月半流云 阅读(394) 评论(0) 推荐(0)
用递归算法实现，数组长度为 5 且元素的随机数在 2-32 间不重复的值
摘要：拆分问题： 1. 数组长度为 5； 2. 生成 2 32 之间的随机数； 3. 向数组中插入数值时，如果已存在则重新生成； 4. 采用递归的方式，而非循环语句实现。 阅读全文
posted @ 2020-03-23 11:59 月半流云 阅读(338) 评论(0) 推荐(0)
圣杯布局与双飞翼布局
摘要：圣杯布局跟双飞翼布局的实现，目的都是左右两栏固定宽度，中间部分自适应。 圣杯布局 整体布局，main 为外部容器，容器内 middle，left，right 依次排列（注意排列顺序）。 1. 设置外部容器 ； 2. 左中右部分，均设置 ； 3. middle 部分 占满； 4. 设置 使其占住 mi 阅读全文
posted @ 2020-03-23 10:46 月半流云 阅读(186) 评论(0) 推荐(0)
ECharts 设置背景图片
摘要：实现的思路： 1. 设置 echarts 实例的背景为透明； 2. 外层容器设置背景图片。 阅读全文
posted @ 2020-03-20 14:28 月半流云 阅读(12473) 评论(0) 推荐(0)
CSS 实现叉号
摘要：``` html ``` ``` css .close { position: relative; width: 40px; height: 40px; } .close::before, .close::after { position: absolute; content: ' '; background-color: red; left: 20px; width: 1px; height: 阅读全文
posted @ 2020-03-19 20:45 月半流云 阅读(5868) 评论(0) 推荐(1)
利用 localStorage 实现标签页之间的通信
摘要：A 页面 B 页面 阅读全文
posted @ 2020-03-19 13:38 月半流云 阅读(141) 评论(0) 推荐(0)
解决 sticky 粘性布局顶部空白
摘要：粘性布局，在移动端浏览器上顶部会有一条空隙。 用一个不对盒模型尺寸、位置产生任何影响的 1 像素高的阴影来覆盖掉这个缝隙。 阅读全文
posted @ 2020-03-19 11:12 月半流云 阅读(1363) 评论(0) 推荐(0)
img 标签与外层容器底部存在距离
摘要：首先是以下代码： 在浏览器中预览会发现，图片并没有填充满外层的``，底部存在一定的距离。 具体原因在网上查找后有这么一段话： 图片文字等inline元素默认是和父级元素的baseline对齐的，而baseline又和父级底边有一定距离（这个距离和 font size，font family 相关，不 阅读全文
posted @ 2020-03-18 23:11 月半流云 阅读(365) 评论(0) 推荐(0)
写一个方法去掉字符串中的空格
摘要：写一个方法去掉字符串中的空格，要求传入不同的类型分别能去掉前、后、前后、中间的空格。 阅读全文
posted @ 2020-03-17 17:12 月半流云 阅读(470) 评论(0) 推荐(0)
link 与 @import 区别
摘要：规范 @import 是 CSS 提供的语法规则，只能用于导入样式表。 link 是 HTML 标签，不仅可以加载 CSS 资源，还可以用于引入网站图标等。 加载顺序 加载页面时，link 标签引入的 CSS 被同时加载；@import 引入的 CSS 将在页面加载完成后下载。 关于这一点，只在 C 阅读全文
posted @ 2020-03-17 15:21 月半流云 阅读(160) 评论(0) 推荐(0)