- 博客(19)
- 收藏
- 关注
RSS订阅
1原创 说说你对闭包的理解？闭包使用场景
一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）
2022-07-26 10:03:05
301
原创 JavaScript Boolean( new Boolean(false) ) 其实是true
JavaScript Boolean( new Boolean(false) ) 其实是true
2022-07-24 23:50:50
845
原创 less导出css文件的方法
首先需要安装Easy less插件less导出css文件的方法：配置Easy less插件，实现所有Less有相同的导出路径1.vscode中点击设置2.输入Easy找到我们需要更改的配置，点击在settings.jion中编辑3.在"less.compile"中添加一行代码 "out":"../css/" 这样我们的Less文件保存之后，css文件就可以保存到和less文件夹同级别的css文件夹之中了。...
2022-04-18 10:41:59
2446
原创 移动适配，媒体查询
网页元素的宽高，都要随着设备的宽度等比缩放。设备宽度大，网页元素的宽度就增大，设备宽度小，网页元素的宽度就变小。面试题：HTML网页的根是谁？答：html标签1rem=1HTML字号大小（HTML字号又称为根字号）媒体查询 示例@media (width:375px) { html { font-size: 40px; } }@media (width:320px) {
2022-04-18 10:20:38
127
原创 JS数据类型
数据类型typeof null输出结果是object。相当于是一个bug，历史遗留问题。数据类型的转换var str ='123'var re = +str + +'1'console.log(re);//124var re = +str +'1'console.log(re);//1231var a = '123'var b = 1var c = " "var sum = a + b + +cconsole.log(sum);//12
2022-04-15 15:36:08
173
原创 视口标签与flex布局
视口标签的作用实现网页的宽度跟设备的宽度是一样的。规定html网页大小用的。没有视口标签，网页的宽度是980px。搜索某些奇数支持的浏览器版本caniuse.comflex布局 display: flex; flex-wrap: wrap;换行 flex-direction: column;垂直排列（以副轴方向垂直排列） /* 水平对齐 */ align-items: center; /* 垂直对齐 */ justify-conten
2022-04-15 11:12:21
350
原创 JS预解析
预解析 主要是用来变量提升 把带有关键字var 声明的变量提升到最上层去 但是不执行赋值操作 console.log(age); var age = 10;//undefined console.log(age);//10
2022-04-14 14:19:00
71
原创 css杂记
1.自定义过渡动画效果在线生成贝塞尔函数——cubic-bezier.com2.transform旋转3.透明度opacity 1-04.scale（）缩放5.animation-iteration-count: infinite 无线循环6.animation-directionreverse 动画反向播放。 alternate 动画在奇数次（1、3、5...）正向播放，在偶数次(2、4、6...)反向播放。 alternate-reverse 动画在奇数次（1、3、5...)
2022-04-04 18:41:17
217
原创 分别简述computed和watch的使用场景
computed1. computed擅长处理的场景：一个数据受多个数据影响 computed拥有缓存属性, 只有当依赖的数据发生变化时,关联的数据才会变化, 适用于计算或者格式化数据的场景. 例如：购物车计算价格 只要购买数量,购买价格,优惠券,折扣券等任意一个发生变化,总价都会自动跟踪变化. computed:计算属性 当一个属性受多个属性影响时就需要用到computed 例子：购物车商品结算...
2022-03-28 14:01:19
2838
原创 数组中some,every,reduce的用法
filterfilter方法可以过滤符合条件的数值，返回一个新数组，可以利用filter和indexOf进行数组去重操作（indexOf返回的是该数组内的值第一次出现的索引，若无该值返回-1） 1 2 vararr =[1,2,3,4,4,2] ; arr = arr.filter((item,index)=>{(item, index) => <br> arr.indexOf(item) === index<br>.
2022-03-26 22:15:34
313
原创 ES6箭头函数、箭头函数与普通函数的区别
一、基本语法ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子：// 箭头函数let fun = (name) => { // 函数体 return `Hello ${name} !`;};// 等同于let fun = function (name) { // 函数体 return `Hello ${name} !`;};可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
2022-03-26 12:35:51
690
原创 JavaScript中Map和ForEach的区别
定义MDN上对Map和ForEach的定义：forEach(): 针对每一个元素执行提供的函数。 map(): 创建一个新的数组，其中每一个元素由调用数组中的每一个元素执行提供的函数得来。到底有什么区别呢？forEach()方法不会返回执行结果，而是undefined。也就是说，forEach()会修改原来的数组。而map()方法会得到一个新的数组并返回。执行速度对比可以看到，在我到电脑上forEach()的执行速度比map()慢了70%。每个人的浏览器的执行结果会不一.
2022-03-26 01:01:51
115
原创 彻底理解js中this的指向，不必硬背
目录例子1例子2如果要彻底的搞懂this必须看接下来的几个例子构造函数版this一个小问题：当this碰到return时知识点补充其他文章推荐首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的...
2022-03-26 00:53:36
57
原创 阐述清楚浮动的几种方法
阐述清楚浮动的几种方式（常见问题）1.父级div定义 height原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。优点：简单、代码少、容易掌握缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题2，结尾处加空div标签 clear:both原理：添加一个空div，利用css提高的clear:both清除浮动，让父级div能自动获取到高度优点：简单、代码少、浏览器支持好、不容易出现怪问题缺点：不少初学者不理解原...
2022-03-25 18:48:53
154
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人