JavaScript
JIseven
这个作者很懒,什么都没留下…
展开
-
前端常用算法【持续更新】
算法原创 2021-12-03 13:56:40 · 200 阅读 · 0 评论 -
让我们了解了解【闭包】
闭包的应用场景:应用场景一: 典型应用是模块封装,在各模块规范出现之前,都是用这样的方式防止变量污染全局。var Yideng = (function () {// 这样声明为模块私有变量,外界无法直接访问 var foo = 0; function Yideng() {} Yideng.prototype.bar = function bar() { return foo; }; return Yideng;}());应用场景二: "在循环原创 2021-11-22 11:27:29 · 395 阅读 · 0 评论 -
常用的正则校验集合
1: 8-20位字母数字特殊字符组合: '^(?![a-zA-z]+$)(?!\\d+$)(?![!@#$%^&*]+$)[a-zA-Z\\d!@#$%^&*]{8,20}$'2: 常见 input 正则english /^[a-zA-Z]$/ 英文 num /^[0-9]*$/ 数字 phone /^(((13[0-9]{1})|(15[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/ ...原创 2021-11-12 10:10:01 · 286 阅读 · 0 评论 -
不能错过的web前端性能优化总结
https://juejin.cn/post/6844903593989029902原创 2021-08-19 14:55:24 · 319 阅读 · 0 评论 -
image图片懒加载
1:图片属性loading="lazy"延迟请求加载资源// loading可选值: lazy(图片延迟加载) / eager(默认值,立即执行)<img src="deathghost.jpg" loading="lazy" alt="新码笔记" />// MORE ...2: 图片延迟加载jquery插件【imgLazyLoading】 此案例源码撮这里????<!DOCTYPE html><html lang="en"><head&原创 2021-10-25 11:33:26 · 764 阅读 · 0 评论 -
JS 基础公共方法封装
1: 深拷贝// 函数库const _ = {}// 1: 判断数据类型_.type = function (obj) { return Object.prototype.toString.call(obj).replace(/\[object\s|\]/g, '')}// 2: 深拷贝_.deepCopy = function (obj) { let buf let type = _.type(obj) switch (type) { case 'Array':原创 2021-10-21 15:42:53 · 864 阅读 · 0 评论 -
JavaScript-判断数据类型4种方式
https://segmentfault.com/a/1190000037747875原创 2021-08-22 10:04:34 · 119 阅读 · 0 评论 -
清除浮动方式 + css属性继承 + 3栏布局方式+ (::after区别:after)
1:清除浮动父元素加 overflow:hidden空元素设置 在浮动的盒子之下,放一个标签,在这个标签中使用 clear: both:after伪元素添加了clear:both2: css属性继承 font类: font-size,font-weight, font-family text类: text-align ,text-indent color: color3: 三栏布局方式 1: 自身浮动法:左边左浮动, 右边右浮动,中间放最...原创 2021-10-21 11:21:29 · 194 阅读 · 0 评论 -
z-index的层级关系 和css的层叠上下文
z-index属性: 指定了元素与元素之间的z轴上的顺序,而z轴决定元素之间发生覆盖的层叠关系默认值: auto,可以是正负值参考资料:https://www.jianshu.com/p/5cbbd0638449原创 2021-10-21 11:07:29 · 87 阅读 · 0 评论 -
apply 和 call 的区别
apply 和call 都是重新定义this的指向的apply():有2个参数,第一个参数时上下文,第二个参数:参数组成的数组,如果上下文是 null,则用全局对象代替 如:apply(this, [1,2, 3, 4])call(): 第一个参数是上下文,后续是实例传入的参数序列如:function call(this, 1, 2, 3)...原创 2021-10-15 18:17:23 · 89 阅读 · 0 评论 -
link 和 @import的区别
link: 1: link属于XHTML 标签,可以引入css文件 和 定义RSS定义rel<link rel="stylesheet" type="text/css" href="theme.css" /> 2: 页面被加载时,link会同时被加载 3:<link> 没有兼容性@import: 1: 只可以用于加载 CSS 2: @import引入的 CSS 会等页面加载完之后才会加载, ...原创 2021-10-15 18:09:50 · 66 阅读 · 0 评论 -
奇葩console.log
原创 2021-10-15 17:57:32 · 71 阅读 · 0 评论 -
null 和 undefined 的区别?
首先Undefined和Null都是基本数据类型,这两个基本数据类型分别都只有一个值,就是undefined和null。undefined代表的含义是未定义,null代表的含义是空对象。 一般变量声明了但还没有定义的时候会返回undefined, null主要用于赋值给一些可能会返回对象的变量,作为初始化。undefined在 js 中不是一个保留字,这意味着我们可以使用undefined来作为一个变量名,这样的做法是非常危险的,它会影响我们对un...原创 2021-10-13 18:06:28 · 323 阅读 · 0 评论 -
JavaScript 中 call()、apply()、bind() 的用法
call()、apply()、bind() 都是用来重定义 this 这个对象的!JavaScript 中 call()、apply()、bind() 的用法 | 菜鸟教程原创 2021-09-23 13:59:56 · 69 阅读 · 0 评论