TEW's blog

vue常用高级特性、自定义v-model、slot插槽、mixin抽离公共代码、keep-alive缓存组件、$nextTick、动态组件、异步组件、vuex、vue-router等。vue中的响应式原理、组件渲染过程、模板渲染、虚拟DOMvdom、diff算法等。

在前端日常开发中，Sticky footers设计是最常见的效果之一，大多数人都遇到过这样的需求,如果页面内容content内容比较少时的时候，页脚块不挨着内容区域而是始终显示在视窗底部；如果内容足够长时，页脚块会随着文档流撑开始终挨着内容区域显示在页面最下方.

ES2017标准引入了诸多更实用的语法，如引入了async/await函数、幂运算符、Null传导运算符?.、装饰器等。

1. 去掉数组中非数字字符， 并给每个数字+11234567891011// 删除数组从后往前删 避免数组塌陷var arr = [1, 2, 3, 'a', 4, 'b']for(var i = arr.length - 1; i >= 0; i--){ console.log(typeof arr[i]) if(typeof arr[i] === 'number') ...

第1题 作用域1234567891011121314151617//// (1) 变量提升 var num1， num2， function f1(){}var num1 = 55var num2 = 66function f1(num, num1){ // 有参数先声明形参的临时作用域 var num， num1 形参赋值 num=55， num1=66 num ...

记录一些常见的面试题, 加深巩固下基础知识, 及时扫盲.

最近在一个页面嵌套使用了iframe之后,发现iframe嵌套的页面样式乱了,但是页面样式都应用上了,查看元素之后发现,嵌套的iframe里面的html并没有动态的设置上font-size,它也没有应用外面的html的font-size大小，还是iframe自身默认rem值即1rem=16px,所以解决办法是给iframe里面的html也动态设置上font-size,但前提是必须在页面加载完成才有效即window.onload里面.

webp是谷歌推出的一种图片格式，它的优点就是同等画面质量下，体积比jpg、png这些少了25%以上。并能节省大量的服务器带宽资源和数据空间。Facebook 淘宝等知名网站已经开始测试并使用WebP格式。但WebP是一种有损压缩。相较编码JPEG文件，编码同样质量的WebP文件需要占用更多的计算资源。

uni-app是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。uni-app在跨平台的过程中，不牺牲平台特色，可优雅的调用平台专有能力。

requestAnimationFrame是html5提供的一个专门用于请求动画的API，顾名思义就是请求动画帧。requestAnimationFrame采用系统时间间隔，保持最佳绘制效率，不会因为间隔时间过短，造成过度绘制，增加开销；也不会因为间隔时间太长，使用动画卡顿不流畅，让各种网页动画效果能够有一个统一的刷新机制，从而节省系统资源，提高系统性能，改善视觉效果。