
学习笔记
Joey0428
这个作者很懒,什么都没留下…
展开
-
面试题汇总
Null和Undefined1.null和undefined的区别console.log(null==undefined) // trueconsole.log(null===undefined) // falsenull:Null类型代表“空值”,代表一个空对象指针,使用typeof运算得到object,所以可以认为它是一个特殊的对象值。undefined: Undefined类型,当一个变量声明但是未初始化时,得到的就是undefined实际上,undefined值是派生自nul原创 2020-08-13 15:56:22 · 185 阅读 · 0 评论 -
css利用伪元素实现发票样式的边框
效果:代码如下:.invoice-content { position: relative; width: 622px; height: 148px; background-color: $itemSelectedBgColor; border: 2px dotted $mainGreenColor; li { height: 74px; line...原创 2019-07-19 15:04:47 · 1103 阅读 · 1 评论 -
Mutable和Immutable
Immutable:简化复杂的功能不可变性是的复杂的特性容易实现,比如进行游戏中的时间回溯,日常业务中的撤销和恢复功能。不直接在数据上修改可以让我们追溯并复用游戏的历史记录跟踪数据的改变如果直接修改数据,那么就很难追踪到数据的改变。跟踪数据的改变需要可变对象可以与之改变之前的版本进行对比,这样整个对象树都需要被遍历一次。跟踪不可变数据的变化相对来说就容易多了。如果发现对象变成了...原创 2019-07-01 13:50:32 · 1104 阅读 · 0 评论 -
React学习纪实
为什么定义class组件,需要在构造函数上面加上super()super关键字,它指代父类的实例(即父类的this对象)。子类必须在constructor方法中调用super方法,否则新建实例时会报错。这是因为子类没有自己的this对象,而是继承父类的this对象,然后对其进行加工。如果不调用super方法,子类就得不到this对象。React的官方例子中都是加了props作为参数,为毛呢...原创 2019-07-02 11:27:17 · 178 阅读 · 0 评论 -
Vue+TypeScript学习纪实
1. 公司项目目前是vue-cli3.x版本,支持ts,以下是在项目开发过程中学到的注意要点2. 起手式主要是参照vue+ts的起手式3. 在使用的时候,@Component一定要写上,从'vue-class-component'库中引入4. 使用weui时,需要进行引入,并且在使用的文件中进行全局变量的定义$weui,然后进行使用5. vue需要监听data中的对象数据变化时,发...原创 2019-06-21 10:47:25 · 397 阅读 · 0 评论 -
1px问题
为了适配各种屏幕,我们在写代码时一般使用设备独立像素来对页面进行布局。而在设备像素比大于1的屏幕上,我们写的1px实际上是被多个物理像素渲染,这就会出现1px在有些屏幕上看起来很粗的现象。下面是本人收集到的5个处理方法:1.border-image基于media查询判断不同的设备像素比给定不同的border-image:.border-1px{ border-bottom...原创 2019-06-11 14:08:24 · 519 阅读 · 0 评论 -
部分透明的遮罩层处理
效果:思路:把白色区域看成一个div,阴影部分看成border进行处理// css部分代码 // 透明部分的大小即为该div的大小,利用border的宽度加上opacity实现遮罩层 .visible-shouru{ position: absolute; top: 400rpx; left: 576rpx; z-index: 100; ...原创 2019-04-23 14:23:21 · 1946 阅读 · 0 评论 -
js的防抖与节流
应用场景:开发中多会出现监听页面滚动事件的函数,比如监听页面滚动高度来判断是否显示“回到顶部”的按钮以及keyup事件等函数防抖:定义:多次触发事件,事件函数只处理一次,并且是在触发操作结束的时候触发原理:对处理函数进行延时操作,如果在设定的延时到来之前,函数被再次触发,则清除上一次的延时操作定时器,重新定时。原理图:// window.onScroll的触发实例let...原创 2019-04-02 15:04:20 · 199 阅读 · 0 评论 -
TypeScript学习纪实
1.在构造函访问this之前,我们一定要调用super(),这个是TypeScript强制执行的一条重要规则。2.for…of和for…in均可迭代一个列表;但是用于迭代的值却不同,for…in迭代的对象是“键”的列表,而for…of则迭代对象的键对应的值。区别如下:let list = [4, 5, 6];for(let i in list) { console.log(i...原创 2019-07-04 11:08:04 · 314 阅读 · 0 评论