H5+ API 设置手机状态栏颜色以及沉浸式状态栏
通过方法判断是否支持沉浸式,如果支持,拿到高度后,在页面中通过设置样式,为状态栏留出相应的位置,顺便说一下,沉浸式是应用级的,不能动态设置
Vue2.x 中注册自定义组件的3种方式
通过 cmd 执行如下示例命令来初始化我们的 Vue 项目,命令执行完成后,项目结构如下图所示:
JavaScript中强大的操作符&运算符总汇
JS 里的操作符大家每天都在使用,还有一些 ES2020、ES2021 新加的实用操作符,这些共同构成了 JS 灵活的语法生态
JS 中使用扩展运算符的10种方法
我们可以使用展开操作符复制数组,不过要注意的是这是一个浅拷贝。这样我们就可以复制一个基本的数组,注意,它不适用于多级数组或带有日期或函数的数组。
jquery的checkbox,radio,select等方法总结
jquery的checkbox,radio,和select是jquery操作的一个难点和重点,很多前端新手对其了解不是很透彻。时间久了不用,我在写的时候有时也难免对某些操作支支吾吾
object-fit和object-position_定义图片和视频元素在容器内如何显示的css属性
如果我们需要让该元素占据固定的宽高大小,而又不希望图片被拉伸变形,可以在img标签外套一个div(或其他父级元素),然后将固定的宽高加在父级元素上,这样img标签本身就可以只设定宽或高,让另一边自适应
React 组件通信之发布订阅模式
react的数据流是单向的, react 通信有以下几种方式:父向子通信: 传入props,子向父通信:父组件向子组件传一个函数,然后通过这个函数的回调,拿到子组件传过来的值,父向孙通信:利用context传值。React.createContext()
一文看懂React Hooks
React Hooks是从React 16.8版本推出的新特性,目的是解决React的状态共享以及组件生命周期管理混乱的问题。React Hooks的出现标志着,React不会再存在无状态组件的情况,React将只有类组件和函数组件的概念
一行CSS实现全站中文简繁转换
而在Windows系统中的几个默认字体都没有包含繁体变体,而OS X,也就是iMac或者 Mac Pro,以及iOS系统,也就是苹果手机,iPad等设备的默认中文字体是包含繁体变体的。