09 2019 档案

ES6中对象新增方法
摘要：1.object.is()判断两个值是否相等 <script type="text/javascript"> var flag1 = Object.is('foo', 'foo'); console.log(flag1);//true var flag2 = Object.is('', ''); c 阅读全文
posted @ 2019-09-29 14:23 氧化成风 阅读(915) 评论(0) 推荐(0)
ES6中字符串新增方法
摘要：1、重复输出字符串 string.repeat() <script type="text/javascript"> var str = "by"; console.log(str.repeat(3));//bybyby console.log(str.repeat(2.7));//byby cons 阅读全文
posted @ 2019-09-28 11:41 氧化成风 阅读(267) 评论(0) 推荐(0)
判断字符串中是否含有某一个字符或字符串
摘要： 阅读全文
posted @ 2019-09-28 08:45 氧化成风 阅读(2195) 评论(0) 推荐(0)
ES6中的扩展运算符 Generator
摘要：扩展运算符（...）将一个数组转化为参数序列，通常与函数一起使用，show(...['judy','girl'])。 数组合并：[...arr1,...arr2,...arr3] 字符串转字符数组：[..."hello"] ["h","e","l","l","o"] 将实现Iterator接口的对象 阅读全文
posted @ 2019-09-27 18:05 氧化成风 阅读(202) 评论(0) 推荐(0)
选择下拉菜单显示和隐藏的实现
摘要：<html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .menu:hover .menucontent{ display: block; } .menucontent{ width: 120px; display: none; text-align: center; border: 1px soli 阅读全文
posted @ 2019-09-27 17:34 氧化成风 阅读(702) 评论(0) 推荐(0)
单页面和多页面的 区别
摘要：参考自：https://www.cnblogs.com/nangezi/p/9201226.html https://blog.csdn.net/It_sharp/article/details/89512561 单页面的优点：1，用户体验好，快，内容的改变不需要重新加载整个页面，基于这一点spa对 阅读全文
posted @ 2019-09-27 16:20 氧化成风 阅读(280) 评论(0) 推荐(0)
当鼠标移入时切换背景图时闪烁的问题
摘要：当页面第一次加载完成时，鼠标移入时需要切换的背景图还未被加载过，本地没有这张图片，所以切换的时候回出现闪烁的情况，我们可以在一个地方先把这张图放下，但是不让它显示出来，这样当我们第一次加载完页面时需要切换的背景图也就加载完了，我们再将鼠标移入时切换背景图也就不会再闪烁了，但是这种方式并不适合所有的情 阅读全文
posted @ 2019-09-27 09:13 氧化成风 阅读(580) 评论(0) 推荐(0)
vscode 编辑器快捷键
摘要：代码段同时缩进： 选中代码段，按下tab键可以同时时代码缩进。 先按下shift+tab键可以取消缩进，向前移动。 阅读全文
posted @ 2019-09-20 11:08 氧化成风 阅读(168) 评论(0) 推荐(0)
js中的Map对象
摘要：map.forEach(function (value, key) { console.log(value, key); }) ES6中的Map结构 Map 也可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。 Map 结构转为数组结构，比较快速的方法是使用扩展运算符（...） 数组结 阅读全文
posted @ 2019-09-19 12:00 氧化成风 阅读(4249) 评论(0) 推荐(0)
js中的鼠标右键点击事件
摘要：https://www.cnblogs.com/sea-stream/p/9638870.html 阅读全文
posted @ 2019-09-18 18:20 氧化成风 阅读(16471) 评论(0) 推荐(0)
JS动态添加、删除classl类
摘要：添加：document.getElementById("id").classList.add("className")； 删除：document.getElementById("id").classList.remove("className")； jQuery版的添加和删除class类 $(" " 阅读全文
posted @ 2019-09-10 17:37 氧化成风 阅读(33792) 评论(0) 推荐(3)
滚动条插件nicescroll的使用
摘要：https://www.hangge.com/blog/cache/detail_1931.html 使用： 需要引入jQuery插件和 jquery.nicescroll.js插件 修改滚动条： $("#thecondMenu_container").niceScroll({ cursorcolo 阅读全文
posted @ 2019-09-10 17:35 氧化成风 阅读(579) 评论(0) 推荐(0)
修改滚动条的样式
摘要：<style> .innerbox{ overflow-y: auto; background-color: #f8f8f8; height: 200px; padding: 10px; } .innerbox::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; scrollbar-arrow-co 阅读全文
posted @ 2019-09-09 17:50 氧化成风 阅读(193) 评论(0) 推荐(0)
js中动态引入css样式文件
摘要：使用： loadStyles("framework/css/blue.css"); 实例： 点击换肤按钮可以变换三套皮肤 代码实现： 阅读全文
posted @ 2019-09-09 10:31 氧化成风 阅读(5004) 评论(0) 推荐(0)