记录下js中比较常用的设计模式
单例模式
单例模式的定义是:保证一个类仅有一个实例,并提供一个访问它的全局访问点。
|
|
发布订阅模式
发布—订阅模式又叫观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状
态发生改变时,所有依赖于它的对象都将得到通知。
|
|
记录下js中比较常用的设计模式
单例模式的定义是:保证一个类仅有一个实例,并提供一个访问它的全局访问点。
|
|
发布—订阅模式又叫观察者模式,它定义对象间的一种一对多的依赖关系,当一个对象的状
态发生改变时,所有依赖于它的对象都将得到通知。
|
|
Puppeteer是一个用户界面自动化工具。它通过使用Chrome无界面模式和DevTools协议的组合来实现这一点。正如上面的引用所言,它使用一个更上层的API来封装其功能,让用户界面测试自动化变得轻而易举。
它能做什么?
API 地址 https://github.com/GoogleChrome/puppeteer/blob/v1.4.0/docs/api.md
首先实现一个简单的百度首页截图功能:
|
|
以我的博客首页https://aromameng.github.io/为例,爬取每篇博客的标题。
这个功能可以用于爬取api数据
|
|
更多功能还在学习中。。。
因为retina屏的分辨率始终是普通屏幕的2倍,1px的边框在devicePixelRatio=2的retina屏下会显示成2px,所以在高清屏下看着1px总是感觉变大了
主要有以下几种解决方式:
利用伪元素和scale缩放
使用背景渐变
这种方式缺点蛮明显的,不能更改边框颜色
|
|
常用的几种两列等高布局,任何一边高度自适应,另一边同时自适应相同高度。
在后台管理系统中这种布局比较常见
html布局相同
主要有以下几种方式:
优点不用说了,简单快速
缺点的话就是兼容性不好,flex属于css3的属性
优点同上,简单,兼容性比flex好,支持ie8及以上
缺点:ie6/7不支持
|
|
常用的几种3列布局,即左右两边宽度固定,中间自适应,这也是css面试中大概率会问的问题。
主要有以下几种方式:
|
|
|
|
最近在学习react-native,在做项目过程中发现可用的样式真的少的可怜呀,很多想法不能通过css来实现,开发体验也是蛮痛苦的。
react-native 布局的核心是flex,这块还是蛮愉快的,不需要考虑兼容性,但跟web的flex还是有些区别。
下面记录会用到的react-native会用到的flex属性。
该属性可以指定主轴的方向
可用值:
row、column
!!! 注意和 Web 不同,React Native 默认的是 column
该属性用来定义伸缩项目沿主轴线的对齐方式
可用值:
flex-start、flex-end、center、space-between、space-around
该属性用来定义伸缩项目在伸缩容器的交叉轴上的对齐方式
可用值:
flex-start、flex-end、center、stretch
该属性主要用来指定伸缩容器的主轴线方向空间不足的情况下,是否换行以及如何换行
可用值:
nowrap、wrap
该属性定义伸缩项目的放大比例,默认值是 0。
该属性用来设置单独的伸缩项目在交叉轴上的对齐方式,会覆盖默认的对齐方式
可用值:
auto、flex-start、flex-end、center、stretch
记录下在使用linux过程中遇到的问题,记录下来,方便以后查阅
启动不了VMware,报错说必须关闭Hyper-V,有几项检查:
关于BFC,应用很广泛,经常使用它来清除浮动,但都没有好好的研究过它的原理,为什么这样做能清除浮动。
关于BFC的定义,MDN上的解释:(https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Block_formatting_context)
块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是布局过程中生成块级盒子的区域,也是浮动元素与其他元素的交互限定区域。
简单来说,BFC 就是一个独立容器,决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。
MDN上列举了很多条形成BFC的条件,下面列举比较常用的几条:
整理下linux的一些常用命令,方便随时取用
创建目录 mkdir
|
|
删除目录 rm
|
|
|
|
|
|