随笔分类 -  JavaScript

分享一些前端的面试题、重要知识点等干货~~~
摘要：分享一些前端的面试题、重要知识点等干货~~~ Github仓库地址： "关于前端学习的笔记" "前端面试相关" "JavaScript 代码规范 (完结)" 持续更新中......多多分享，互相学习~ 阅读全文
posted @ 2019-06-12 00:19 我们家的小常客 阅读(218) 评论(0) 推荐(0)
收藏一款轻量级、简单易用、结构清晰的 Vue CLI3 + TypeScript + ElementUI 开发的企业级后台模板。
摘要："Vue typescript element template" Git仓库地址： https://github.com/forijk/vue typescript element template.git Vue typescript element template 一款轻量级、简单易用、结构 阅读全文
posted @ 2019-06-04 19:02 我们家的小常客 阅读(838) 评论(0) 推荐(0)
用 js 实现博客园的 “回到顶部” 功能——简易实用~~~
摘要：当加载页面时，“回到顶部” 默认不显示，当拖滚动条后动态显示；当点击 “回到顶部” 时，匀减速回到顶部。 布局效果如下： 1、首先在设置中的“页面定制CSS代码”中，添加如下css代码（也可以修改成自己喜欢的样式噢~）： 2、然后在“博客侧边栏公告（支持HTML代码）（支持JS代码）”中，添加如下j 阅读全文
posted @ 2018-07-12 19:41 我们家的小常客 阅读(444) 评论(0) 推荐(1)
原生js实现一个DIV的碰撞反弹运动，并且添加重力效果
摘要：继上一篇。。。 原生js实现一个DIV的碰撞反弹运动，并且添加重力效果 关键在于边界检测，以及乘以的系数问题，实现代码并不难，如下： 阅读全文
posted @ 2018-06-28 20:32 我们家的小常客 阅读(1168) 评论(0) 推荐(0)
原生js实现一个DIV的碰撞反弹运动
摘要：原生js实现一个DIV的碰撞反弹运动： 关键在于DIV的边界检测，进而改变运动方向，即可实现碰撞反弹效果。 阅读全文
posted @ 2018-06-28 20:23 我们家的小常客 阅读(2217) 评论(2) 推荐(0)
原生JS和jQuery分别使用jsonp来获取“当前天气信息”
摘要：需掌握的技能点： jsonp、跨域相关等。 以下两种代码，均可直接运行。 1、使用原生JS： 2、使用jquery： 阅读全文
posted @ 2018-06-24 23:38 我们家的小常客 阅读(1342) 评论(0) 推荐(0)
JavaScript Error对象详解
摘要：JavaScript Error对象详解 一、概念 error，指程序中的非正常运行状态，在其他编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并抛出一个Error对象，其中包含错误的描述信息。 ECMAScript定义了六种类型的错误。除此之外，还可以使用Error构造方法创建自定义的 阅读全文
posted @ 2018-06-24 06:42 我们家的小常客 阅读(644) 评论(0) 推荐(0)
WebStorm中常用的快捷键及使用技巧
摘要：近期整理了如下个人觉得比较常用的快捷键，也请前辈给予补充、多多指教。 alt+F2 可以选择打开的浏览器 上下键移动选择 Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/*…*/ ） ctrl+shift+A 快速查找并使用编辑器所有功能（必记） ctrl+alt+s 打开配置窗口 s 阅读全文
posted @ 2018-06-21 22:33 我们家的小常客 阅读(2373) 评论(0) 推荐(1)
原生JS实现轮播图的效果
摘要：原生JS实现轮播图的效果： 只要缕清了全局变量index的作用，这个轮播图也就比较容易实现了；另外，为了实现轮这个效果，有几处clearInterval()必须写上。废话不多说，直接上代码，修复了几个比较诡异的bug： 阅读全文
posted @ 2018-06-13 21:40 我们家的小常客 阅读(541) 评论(2) 推荐(0)
JS实现快速排序算法
摘要：以下贴出两种实现方式，结果一样，但有些许的差别： 第一种： 第二种： 阅读全文
posted @ 2018-06-13 06:14 我们家的小常客 阅读(492) 评论(0) 推荐(0)
JS实现图片的淡入和淡出的两种方法，如有不足，还请前辈多多指导^-^~
摘要：今天下午练习了下这个图片的淡入淡出小demo，如有不足，还请前辈多多指导^-^~ 总结如下： 第一种方法： 个人觉得第一种方法比较好，同时兼容IE8以下浏览器，但是如下代码中，不知可不可以将timer和alpha也作为参数封装到函数内，感觉貌似也没必要 - -!...... 第二种方法： 直接利用o 阅读全文
posted @ 2018-06-11 21:53 我们家的小常客 阅读(578) 评论(0) 推荐(0)
JavaScript --- Set 集合结构详解
摘要：Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。 语法 参数 返回值 一个新的Set对象。 简述 Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。 值的相等 因为 Set 中的值总是唯一的，所以需要判断两个值是否 阅读全文
posted @ 2018-06-10 00:38 我们家的小常客 阅读(1405) 评论(0) 推荐(1)
JavaScript --- Map集合结构详解
摘要：Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。 语法 参数 描述 一个Map对象以插入顺序迭代其元素 — 一个 for...of 循环为每次迭代返回一个[key，value]数组。 键的相等(Key equality) 键的比较是基于 "SameValueZero" 算 阅读全文
posted @ 2018-06-10 00:27 我们家的小常客 阅读(3806) 评论(0) 推荐(0)
JS如何去掉一个数组的重复元素 (数组去重)
摘要：一、思路如下： 定义一个新数组，将老数组遍历一遍，再进行判断，如果新数组里面没有老数组的元素就添加，否则就不添加，最终输出整个新数组。 二、代码如下： var arr = ["a","a","b","b","c","c","d","e"]; var newArr = []; //遍历老数组； arr 阅读全文
posted @ 2018-06-09 12:56 我们家的小常客 阅读(5528) 评论(3) 推荐(0)
原生JS写了一个小demo，根据输入的数字生成不同背景颜色的小方块儿~
摘要：昨天练习写了这个小demo，个人觉得通过设置定位元素left和top的值，来实现换行的功能，这种方法很巧妙~ 另外，如下代码中的随机颜色的获取，还请各位前辈多多指教：需要改进的地方；或者有没有更好的方法。 阅读全文
posted @ 2018-06-08 06:11 我们家的小常客 阅读(2556) 评论(0) 推荐(0)
请教前辈：关于JS的一个奇怪的错误，不知是解析顺序造成的，还是什么原因。。
摘要：各位前辈好，如题，不知道是HTML解析顺序造成的，还是JS预编译的结果（见注释）。 烦请各位前辈进行指导。 阅读全文
posted @ 2018-06-04 21:52 我们家的小常客 阅读(419) 评论(4) 推荐(0)
JS中的offsetWidth、offsetHeight、clientWidth、clientHeight等等的详细介绍
摘要：javascript中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX 原文：https://www.cnblogs.com/ifworld/p/7605954.html offsetWidth //返回元 阅读全文
posted @ 2018-06-03 23:05 我们家的小常客 阅读(57817) 评论(0) 推荐(7)