摘要: 前段面试总会考察这么个知识点,就是BFC,我自己也经常懵逼,这是个啥呀,完全不知道,但是呢,其实这就是个简写的概念,名字比较唬人而已,今天,我们就来深入研究下,揭开它的伪装。 bfc=> block formating context 块级格式化上下文 这个名字让你很迷惑,是不是,其实用通俗的语言来 阅读全文
posted @ 2020-11-22 16:09 yang_nick 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 最近做的项目呢,图标比较多,之前没有使用精灵图,通过webpack设置,小于6k的打成base64,这样子,我的css会有一点点偏大(通过背景图引入的),后来想着试试精灵图了,然后一阵百度,其实大家用的工具都大同小异吧,贴一个我参考的博客(https://juejin.im/post/6844903 阅读全文
posted @ 2020-11-01 23:46 yang_nick 阅读(665) 评论(0) 推荐(0) 编辑
摘要: 作为一名前端,对于闭包肯定不会太陌生,特别是在面试中,肯定不会少。 说来惭愧,自己也当过几次面试官,也问过闭包的问题,但是扪心自问,其实自己也是模模糊糊,并不能很清楚没明白的讲出来。 今天,看到人家文章的启发,(要多输出,都是刚开始啥都写不出来到后面一写就收不住。。。。)于是决定自己也来尝试下,多写 阅读全文
posted @ 2020-08-07 00:13 yang_nick 阅读(374) 评论(0) 推荐(0) 编辑
摘要: 其实一直想学习一下svg,但是每次看到那些茫茫多的内容,自己又都望而却步,现在手上有个项目,设计稿如下所示,本来想直接搞个图片贴上去就完了,但是会有自己的脚印移动,并且是曲线,这种css就不太行了,这里需要根据自己的进度来显示脚步的位置,这就是一个不规则的进度条了,思来想去,只能考虑canvas和s 阅读全文
posted @ 2020-07-12 21:17 yang_nick 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 一直在断断续续的学习ES6,但是js确实发展的比较快,导致自己对于最近出来的一些新语法,ES7,8,9,10是有些糊涂的,内心是想说,连es6都没 学全呢,不过呢,用的多的就知道,什么let,const啦,解构赋值啦,箭头函数啦,.... 但是随着Vue3.0的脚步越来越近,proxy以及相关的东西 阅读全文
posted @ 2020-07-07 00:20 yang_nick 阅读(165) 评论(0) 推荐(0) 编辑
摘要: //情况1 let a={n:1} let b=a; a.x=a={n:2}; console.log('a',a); //{n:2} console.log('b',b); //{n:1,x:{n:2}} //情况2 let a={n:1} let b=a; a=a.x={n:2}; consol 阅读全文
posted @ 2020-06-15 00:06 yang_nick 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 防抖与节流是个老生常谈的问题了,实际工作中多多少少也会有应用的场景,并且也是面试中的高频考点,但是很多人对这两个概念是有点傻傻分不清楚,作出的答案很难让人满意。 很长一段时间里面我自己也是这样,当需要用到防抖和节流,都是直接到网上一搜,copy下来就用了,貌似也没出啥问题。 但是如果让你自己手写一个 阅读全文
posted @ 2020-06-14 15:50 yang_nick 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 标题说的很清楚了,就是要使用public中的图片 那么为什么要把图片放到public中呢,其实官网上面也说了,要么是需要动态引入非常多的图片,特别是小图标,如果放在assert中的话,会被webpack处理,很可能被打成base64混合到app.js里面 这样就导致这个js文件比较大, 因为动态引入 阅读全文
posted @ 2020-05-27 23:26 yang_nick 阅读(6629) 评论(0) 推荐(0) 编辑
摘要: vue cli2 引入固定cdn资源操作记录 vue引入cdn也不是什么神奇的操作,但是自己之前一直没有尝试过,这次正好项目优化需要,所以,实操一波,特此记录 本次cnd引入了如下资源 + vue + vue router + axios + vue lazyload 暂时就是上面四个,没有用到vu 阅读全文
posted @ 2019-12-17 23:22 yang_nick 阅读(2661) 评论(0) 推荐(0) 编辑
摘要: 事先声明,本文是参考了其他大神的博客之后自己尝试的记录,具体可以参考如下 "链接" 1. 先说说git 提交规范把,这里基本都是这个工具 cz customizable 1,安装 2,修改package.json 3,项目中添加.cz config.js,官方提供了一个示例,如下所示,本来要贴具体代 阅读全文
posted @ 2019-12-05 22:26 yang_nick 阅读(2728) 评论(0) 推荐(0) 编辑