![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 53
前端基础
一杯清泉
坚持初心,不负梦想!!!
展开
-
JavaScript实现继承的几种方式
核心在于改造原型链,利用原型链的方法,实现了方法的继承。原型链+构造函数组合的方式,发挥二者之长。原创 2023-04-17 16:36:42 · 782 阅读 · 1 评论 -
iframe和跨域
如上服务端配置 header 中 Web端的域名,*表示全部通过,也可以指定固定域名。这样,Web 端访问时候就可正常打开指定的域名了,否则会出现跨域问题。服务器中转跨域,script 标签没有跨域限制,可以使用script 标签加载不同的 src,解决跨域问题。在生产环境 nginx 代理,项目 config.js配置。5、postMessage+iframe:不常用,漏洞大,xss 攻击,兼容性差。同源是指:协议+域名+端口完全一致。2、获取嵌套的iframe的上次层window。原创 2023-03-24 10:34:47 · 1872 阅读 · 0 评论 -
webpack 配置介绍
development(开发环境) 和 production(生产环境) 这两个环境下的构建目标存在着巨大差异,通过 webpack-merge 可以将基础的配置抽象到 webpack.base.js 中,开发环境和线上环境分别使用 webpack.dev.js 和 webpack.prod.js,然后 merge(webpack.base.js)即可。该功能在打包模式为production时,默认开启,在打包时候回检测是否有标识,有副作用,没有副作用在打包时候不会参与打包。当超过150KB 建议使用。原创 2023-03-28 11:09:41 · 1056 阅读 · 0 评论 -
dom 小知识总结
6、window.getComputedStyle(element,null).props:获取css的style对象,后面可以跟具体值属性。是有第二个参数的,第二个参数是修改this 的指向的,如果传递的不是对象,会强制转为包装类对象,如果不传,指向 window。5、nodeType:节点编号,可以使用该编号过滤node节点生成有效的元素节点。包含所以的节点,包含:注释节点,换行的文本节点等无效的内容。1、nodeName:获取节点的名称,只读。2、nodeValue:获取节点的值,可写。原创 2023-01-17 14:50:08 · 503 阅读 · 0 评论 -
in、hasOwnProperty、instanceof 使用
对象是否是某个子类。原创 2023-01-02 13:24:43 · 111 阅读 · 0 评论 -
js函数之call和apply
可以看出改变了this 的指向,和apply的区别是后面是一个数组,其他没啥区别,均可以改变this 指向Car.apply(newCar, ['兰博基尼', 'red'])。结果一致,调用test()默认会调用call,二者效果一致,call省略掉了。call还有一个很重要的功能是改变this的指向。Car.call(newCar, '兰博基尼', 'red')//参数1:对象,参数2,3,4……"brand": "兰博基尼",原创 2023-01-01 14:06:44 · 459 阅读 · 0 评论 -
作用域、闭包、立即执行函数
一个执行期上下文定义了一个函数执行时的环境,函数每次执行时对应的执行上下文都是独一无二的,所以多次调用一个函数会导致创建多个执行上下文,当函数执行完毕,执行上下文被销毁。如上,函数test是全局作用域,函数内部的 a,b 则是局部作用域,当在外界调用时候内部时候,a 或者 b 执行结束直接被释放掉。在函数内部定义的函数、变量等,被叫做局部作用域,局部作用域的数据的生命周期在该函数执行完以后就被释放。如上,函数test,变量 a 就是全局作用域,在全局生效,不会被销毁,除非程序结束。原创 2022-12-28 17:49:01 · 146 阅读 · 0 评论 -
CSS实现图片实现正方形的效果
设置css属性高度等于宽度、或者宽度等于高度。 postcss-aspect-ratio-polyfill - npmCSS属性之aspect-ratio - 掘金原创 2022-07-03 15:27:23 · 1041 阅读 · 0 评论 -
TypeScript语法学习
一、基本数据类型let b: boolean;b = true;//b = 3 //报错console.log(b);let num: number;num = 10;//num = false; //报错console.log(num);let st: string;st = '555'st = "yyy"console.log(st);二、数组//数组let arr: number[] = [1, 2, 3, 4]let arr2: string[] =原创 2022-03-20 10:33:08 · 943 阅读 · 0 评论 -
ES6语法总结
1、对象简化写法简化前: var obj = { name: name, age: age, getName: function () { return this.name; }, getAge: function () { return this.age; } }简化后: let obj = { //变量名称原创 2022-02-03 21:24:38 · 555 阅读 · 0 评论 -
JavaScript语法
1、变量修饰符(1)var作用域:全局嵌套定义,会覆盖原有的变量,并且在函数中定义函数外的变量,会导致函数中声明前的所有同名变量undefined(2)let作用域:声明所在的块,及子块,不可提升(3)const:常量作用域:声明所在的块,及子块,不可提升2、if判断var w = '阴天';if (w === "晴天") { console.log('心情好')} else { console.log("888")}== 表示相等 (值...原创 2020-10-24 11:54:52 · 249 阅读 · 0 评论