qjie - 个人主页动态 - 牛客网

发布(6) 刷题

2020-09-13 16:05

已编辑

前端工程师

继承那些事

原型和继承那些事 更新时间：2020.3.30 主要知识点： 原型 继承 API 原型 原型 每个实例对象都有__proto__属性，指向其构造函数的原型对象 每个原型对象都是一个对象，由Object创建。 每个函数都由Function实现，Object也是一个构造函数。 Object.prototype.__proto__ = null，为顶层天花板 原型检测方式 a instanceof b：a 的长辈是否是 b构造函数的原型对象 a.isPrototypeOf(b)：a 的长辈是否是 b 其他 in 与 hasOwnProperty的区别 in会检测本身和原型链...

0 点赞评论收藏

转发

2020-09-13 16:01

前端工程师

函数那些事

函数那些事 更新时间：2020.4.1 主要知识点 函数定义方式 this call apply bind new 函数定义方式 定义方式 new Function(name, '函数体') 函数声明：function name() { // 函数体} 函数表达式：let hhh = function() { // 函数体 },这种要注意声明顺序 this 指向相关 永远指向最后的调用者。 示例 // 浏览器环境下 var name = "windowsName"; var a = { name: "Cherry", ...

0 点赞评论收藏

转发

2020-08-30 22:36

前端工程师

ServiceWorker初探

Service Worker 初探 目录 前言 特点 生命周期以及如何工作 拦截网络请求 缓存 总结 参考文献 前言 Service Worker 是一个独立的worker线程，独立于当前网页进程,它能够拦截网络请求、缓存以及推送其他消息等。目前该技术主要应用于Progressive Web App（简称 PWA）等。 特点 独立的 worker 线程 用到的时候可以直接唤醒，不用的时候自动睡眠 拦截代理请求和返回、缓存文件 能向客户端推送消息 必须在 HTTPS 环境下才能工作 异步实现，内部大都是通过 Promise 实现 生命周期以及如何工作 如何工作 页面主线程通过 navi...

0 点赞评论收藏

转发

2020-08-30 22:33

前端工程师

浏览器tab页面之间的通讯

浏览器多标签页之间通讯的方法 前提 业务场景：A 标签页打开B 标签页后，A 需要根据 B 执行某些操作后的信息进行其他操作（比如重新获取信息） 重要概念 同源：两个页面的协议、端口和主机都相同 通讯方法 window.localstorage 用法 A 标签页： 监听storage事件 B 标签页： 调用localStorage.setItem方法 示例 // A 页面中 window.addEventListener("storage", function(event) { // 执行其他操作 }) // B 页面中 loc...

0 点赞评论收藏

转发

2020-08-30 22:26

前端工程师

瀑布流布局实现个人总结

瀑布流布局 本文主要讲解的点包括以下： 什么是瀑布流布局，它的排列又是怎样的。 瀑布流布局的几种实现方案及其实现原理。 基本概念 什么是瀑布流呢？排列方式？ 答： 瀑布流又称瀑布流式布局，视觉表现为参差不齐的多栏布局; 排列方式表现为页面容器内的多个高度不固定元素之间按照一定的间隔参差不齐的无序浮动。 实现方案 方案1：采用 absolute + js 实现 实现原理 定布局：容器定位设置为position: relative，元素定位设置为position: absolute。 定列数：根据元素宽度以及浏览器页面宽度来得出要展示的列数n（这里暂记为n）。 定初值：先初始化...

0 点赞评论收藏

转发

2020-08-30 22:26

已编辑

前端工程师

css-垂直水平居中

垂直、水平居中 本文主要记录内容： 行内元素的水平垂直居中方式 块级元素的水平垂直居中方式 行内元素 方式一： text-align + line-height 水平居中：父容器设置text-align: center 垂直居中：父容器设置行高，并且行高高度等于盒子高度，即可让文本垂直居中。.parent { height: 20px; line-height: 20px; } 方式二： text-align + 伪元素 <!DOCTYPE html> <html lang="en"> <head> <meta...

0 点赞评论收藏

转发

工具箱

TA的圈子

TA的笔记

牛客网
牛客企业服务