摘要:
二、进阶 1.类型别名 类型别名用来给一个类型起个新名字。 type name=string; type nameFn=()=>string; function test(n:name|nameFn):name{ if(typeof n=='string'){ return n; }else{ re 阅读全文
摘要:
一、基础 1. 原始数据类型:boolean,number,string,undefined,null,Symbol let isDone:boolean=true; let num:number=6; let str:string='asd'; let u:undefined=undefined; 阅读全文
摘要:
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> viewport-fit,它有三个可选值: contain: 可视窗口完全包含网页内容 cover: 网页内容完全覆盖 阅读全文
摘要:
一、概念 1.优化地方:首屏时间,资源加载,交互响应,渲染,滚动,图片,动画 2.页面速度因素:网络宽带速度 设备性能(CPU,GPU,浏览器) 页面本身(js,css等) 3.法则:减少请求,合并,压缩,样式,css雪碧图,外联内联,DNS,图片压缩,渲染优化等 4.RTT:(Round-Trip 阅读全文
摘要:
一、requestAnimationFrame() 方法告诉浏览器您希望执行动画并请求浏览器在下一次重绘之前调用指定的函数来更新动画。该方法使用一个回调函数作为参数,这个回调函数会在浏览器重绘之前调用。 由系统来决定回调函数的执行时机 如果屏幕刷新率是60Hz,那么回调函数就每16.7ms被执行一次 阅读全文
摘要:
推荐在循环对象属性的时候,使用for...in,在遍历数组的时候的时候使用for...of。 1.for in 遍历对象的key 一般不推荐遍历数组,因为for in遍历后的不能保证顺序,而且原型链上的属性也会被遍历到, 因此一般常用来遍历非数组的对象并且使用hasOwnProperty()方法去过 阅读全文
摘要:
代码如下:利用transform:scale(0.5) 效果图: 阅读全文
摘要:
1.html结构 2.默认分享文案:发现一个好玩的歌房,快来一起玩吧~ , 获取鼠标时,默认文案消失 2.最多输入140个汉字,支持输入表情 屏蔽回车,粘贴处理,表情处理 4.分享操作 分享内容:对表情,特殊字符处理 点击分享:防止频繁点击操作,判断有无网 阅读全文
摘要:
1.默认分享文案:发现一个好玩的歌房,快来一起玩吧~ ,获取鼠标时,默认文案消失 利用 empty,focus,before 伪元素解决,模拟placeholder 2.最多输入140个汉字 ,已输入文字数量随输入实时变化。超出140汉字时,不能输入进去 问题: 1.输入框粘贴,去掉格式,截取字数 阅读全文
摘要:
在flex多行布局中,justify-content: space-between; 这个属性如果最后一行元素没有填满,会导致最后一行元素两端对齐 解决方案: 1.添加空的元素(缺少几个添加几个) 运行结果: 阅读全文