面向对象之继承
可知,子类可以使用父类定义的方法。People类 可以吃可以喝,Student类不仅可以吃 可以喝 还有学习的任务。继承的两个特点:1、父类是公共的,不仅仅服务于单个子类。2、继承可将公共方法抽离出来,提高复用,减少冗余。
CSS3 filter(滤镜) 网站整体变灰色调
通常很多网站的色系都会整体变成灰色调,那是怎么实现的?其实很简单,在body上整体加一段样式即可。CSS3 Filter(滤镜)属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。
理解 TypeScript 类型收窄
TypeScript 类型收窄就是从宽类型转换成窄类型的过程。类型收窄常用于处理联合类型变量的场景,一个常见的例子是非空检查:如果 el 为 null,则第一个分支中的代码将不会执行。因此,TypeScript 能够从此代码块内的联合类型中排除 null 类型
原生JavaScript手写Ajax
封装通用的xhr对象,兼容各个版本,判断浏览器是否将XMLHttpRequest作为本地对象实现,针对IE7,firefox, opera等,将所有可能出现的ActiveXObject版本放在一个数组中
使用 localStorage 实现多页面通信
两个页面 A、B,B 页面关闭时,通知 A 页面请求接口刷新列表页,使用 storage 事件实现页面通信,约定好通信的 key,这里我们假定 key 为 refresh_list
Js异常报错处理:Uncaught TypeError: xxx is not a function
页面报错bug是常有的事,我们可以根据错误bug提示关键性的去修复问题。依稀的记得之前有个小伙伴询问了一个js异常的错误bug:Uncaught TypeError: xxx is not a function。这个错误问题定位处理起来很快
react-native 实现页面之间的相互传值
原理: React Navigation 为页面的 props 上挂载了 navigation 对象, 可用来做路由跳转,在做页面跳转时可以携带参数/回调方法前往目标页面, 从而达到传参的目的。
前端高性能滚动 scroll 及页面渲染优化
主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 优化滚动。因为本文涉及了很多很多基础,是我自己学习记录的一个过程,如果上面列出的知识点都了然于胸了,就可以不必往下看了
不同语言在函数内部定义函数
在 LeetCode 刷题的时候,题解有的大佬给出的答案很优秀,是 python 的,想抄作业发现有的功能函数都定义在答案函数的内部,主要是闭包操作外部变量方便。不同语言在函数内部定义函数稍有不同