![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
敲出真谛
这个作者很懒,什么都没留下…
展开
-
JS中判断对象为空的方法
在项目开发中,像字符串、数组为空的判断我们一般都能信手拈来,对于对象为空的判断是不是一时会有点脑子发懵的状态,接下来咱们捋一捋1.利用Object.keys()const obj = {};const user = {name: 'zhangsan'};/** * 判断对象是否为空 * @param {*} obj 传入的对象 * @returns true 空 fase 非空 * */const isEmptyObject = obj => { return原创 2021-11-25 11:35:26 · 772 阅读 · 0 评论 -
TypeScript 装饰器
普通装饰器 function logClass(params: any) { console.log(params) // 当前类 [Function: HttpClient] params.prototype.apiUrl = 'xxx'}// 普通装饰器 @logClassclass HttpClient { constructor() { } getData() { }}const http: any = new HttpClient(原创 2021-07-03 16:17:49 · 123 阅读 · 0 评论 -
reduce常见使用场景(真香。。。)
1.利用reduce求数组项之和let arr = [1,3,4,5,6,7,9]let sum = arr.reduce((prev,curr)=>{ return prev + curr},0)console.log(sum)// 352. 求数组项最大值let arr = [1,3,4,5,6,7,9]let max = arr.reduce((prev...原创 2020-04-05 20:41:28 · 514 阅读 · 0 评论 -
专题一 Javascript判断数组方法总结
很不幸我也没有躲过互联网的寒冬,在整体行业经济下滑的大背景下我也加入了投简历面试的大军。在前后面试的一个多月里我感觉自己真的是焦虑和恐慌,每天都茶饭不思。一连几天都是早晨只简单的吃点饭,然后一整天也不觉的饿。眼看着一份份的简历石沉大海,自己每天晚上都焦虑的睡不着,几乎天天失眠。我每到凌晨4点惊醒时,都深深的问自己,我真的是一个一无是处的人吗?为了防止此类悲剧的重演,我深深惊醒,自己平时工作一定...原创 2019-11-27 18:25:24 · 164 阅读 · 0 评论 -
事件冒泡
所谓事件冒泡是指当子元素触发一个事件之后会触发父级元素发生同类型的事件。举个栗子:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Aui车养护</title> <style> * { ...原创 2019-03-29 18:17:26 · 238 阅读 · 0 评论 -
前端面试杂记 -- 攻克前端面试(javascript)
1.switch语句部分和case语句部分都可以使用表达式swith(1+3){ case 2+2 : console.log("表达式执行了..."); break; default: console.log("表达式没有执行...");}// 结果 表达式执行了...2.switch语句和case语句部分进行结果比较时采...原创 2019-03-19 09:53:02 · 9861 阅读 · 0 评论 -
js字符串操作进阶篇
在前一段时间写过js中出境频次较高的字符串操作方法这篇博客,在博客中所涉及的知识点都是一个前端工作人员必须掌握的。今天对上篇博客进行升华。1.String对象是javascript原生提供的三个包装对象之一,用来生成字符串对象。let s1 = 'abc';let s2 = new String('abc');//获取s1 s2的类型typeof s1;//"string"typ...原创 2019-03-12 18:20:29 · 279 阅读 · 0 评论 -
js中频次较高的数组方法
总结一波数组操作的相关方法数据声明如下 let arr = [1, 2, 3, '天元', { name: 'ydj', age: 18 }, 4, 89], len = 0, item = '', newArr = [];1.push()修改原数组 往数组最后面添加数组项 返回新数组的长度 可以一次添加多个...原创 2019-01-29 15:50:52 · 272 阅读 · 0 评论 -
js中出镜率较高的字符串操作的方法
总结一下字符串中使用频率较高的字符串方法,便于今后使用时查询1.获取字符串的长度 let str = "asdfghjkloitesdasaweadsdaaeqa", newStr = '', len = 0; len = str.length; console.log(len);//292.获取指定索引位置的字符...原创 2019-01-29 14:23:04 · 269 阅读 · 0 评论 -
教你一招数组去重的方法,终身受益
利用hash原理实现数组去重。大致思路是 循环判断预先声明的对象中是否包含元素的属性,如果包含则跳过;如果不包含就为对象增加属性并且赋值,然后将元素push到预先声明的数组中并返回。说的可能有点啰嗦了,直接上代码var arr = [2,3,3,3,3,4,4,4,5,5,2,2,2,4]; Array.prototype.unique = function(){ var te...原创 2018-10-23 20:22:35 · 171 阅读 · 0 评论 -
js继承的7种方式
突然发现自己好久没有更新博客,今天刚好研究js的继承,感觉挺有意思的,特拿来给大家分享一下。第一阶段 通过原型和原型链实现继承<script type="text/javascript"> Grand.prototype.lastName = 'lin'; function Grand(){ } var grand = new Grand(); Father...原创 2018-10-19 23:04:54 · 357 阅读 · 0 评论 -
js方式实现下拉列表框
原型思想实现函数的调用<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; p原创 2018-08-18 13:38:59 · 14370 阅读 · 1 评论 -
js实现点击空白处隐藏
技术栈涉及阻止冒泡的方法和怎样判断点击的是当前对象,都是一些工作中比较常用的知识点。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style&am原创 2018-08-12 21:26:22 · 5116 阅读 · 1 评论 -
js实现垂直滚动条
滚动条长度的计算公式 = 容器的高度/内容的高度*容器的高度图例如下滚动条滚动一次,内容移动的距离 = (内容的高度 - 容器的高度)/(容器的高度 - 滚动条高度)*滚动条移动的距离代码如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title...原创 2018-08-12 17:35:12 · 6531 阅读 · 1 评论 -
js实现筋斗云效果
理解缓动动画的原理<!DOCTYPE html><!--create by ydj on 2018-08-12--><html> <head> <meta charset="UTF-8"> <title>筋斗云</title> <style>原创 2018-08-12 15:59:31 · 2329 阅读 · 4 评论 -
js实现放大镜效果
本片博客的技术栈涉及布局中的offsetxx相关的操作和子绝父相的小技巧使用,以及要想使用top/left必须使用定位等思想。代码如下:<!DOCTYPE html><!--create by ydj on 2018-08-12--><html> <head> <meta charset="UTF-8"> <..原创 2018-08-12 13:29:49 · 3630 阅读 · 0 评论