- 博客(9)
- 收藏
- 关注
RSS订阅原创 JS-原型和闭包学习笔记
原型和闭包学习随笔一切（引用类型）都是“对象”，对象是属性的集合复习js中的数据类型判断类型的方法函数和对象的关系**函数是对象的一种****对象都是通过函数创建的**prototype每个对象的隐藏属性——\_proto\_属性instanceof执行上下文this作用域闭包原文地址：原型和闭包一切（引用类型）都是“对象”，对象是属性的集合复习js中的数据类型基本类型有（值类型）：Boolean,String,Number,Null,Undefined,Symbol(es6)复杂类型（引用类型）
2020-09-13 18:52:37
120
原创 页面渲染过程涉及的一系列问题
页面渲染过程-相关面试问题一：从输入URL到页面显示中间发生了什么？二、浏览器缓存问题浏览器和服务器的应答模式根据是否需要向服务器重新发起请求进行划分强缓存协商缓存三、DNS解析DNS为什么要进行域名解析DNS解析过程DNS优化一个面试问题——为什么利用多个域名放置资源（如图片）四、建立TCP连接五、发起HTTP请求及请求报文六、服务器返回响应及响应报文七、浏览器解析渲染页面浏览器解析的内容构建DOM构建CSSOM构建渲染树关于回流和重绘一：从输入URL到页面显示中间发生了什么？（涉及缓存问题）浏览器
2020-09-13 15:26:36
587
原创 面试整理之HTML
梳理面试中遇到的关于HTML的知识点HTML语义化语义化标签优势：关于meta标签属性关于view-portHTML5新特性本地存储特性localStorage sessionStorage连接特性 WebSocket网页多媒体特性canvas画布SVG比较Canvas和SVG设置拖放videoHTML语义化语义化标签 <header></header> /*头部*/ <nav></nav> /*导航*/ <aside>&
2020-09-09 22:38:02
180
原创 数据类型
JavaScript数据类型数据类型typeof操作符Null类型Boolean类型Number类型String类型Object类型数据类型ECMAScript有5种简单数据类型（基本数据类型）：Undefined、Null、Boolean、String、Number；1种复杂数据类型：Object（本质上是一组无序的名值对组成的）typeof操作符typeof 1 // 'number'数值typeof '1' // 'string'字符串typeof undefined // 'unde
2020-07-27 16:16:11
106
原创 左上三角标和导航文字右上方图标定位
具有相对特性的无依赖absolute绝对定位——各类图标定位1.左上角小三角标2.导航文字右上方1.左上角小三角标1.1 实现效果图:1.2 完整代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-07-21 16:17:14
270
原创 overflow与锚点定位--选项卡切换效果（高度固定）
利用overflow与锚点定位实现选项卡切换效果补充知识锚点定位行为的触发条件锚点定位作用的本质实现选型卡切换效果补充知识锚点定位行为的触发条件URL地址中的锚链与锚点元素对应并有交互行为可focus的锚点元素处于focus状态focus锚点定位是类似链接或按钮、输入框等可以被focus的元素在被focus时发生的页面重定位现象。例：一个可读写的input，执行类似下面的js代码时：document.querySelector('input').focus();两种定位方式的行为表现差
2020-07-20 21:43:02
486
原创 文字溢出用省略号效果
文字溢出用省略号显示实现方法单行文字多行文字单行文字核心的3个声明：.ell{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}多行文字.ellM{ height: 40px; width: 200px; overflow: hidden; /*超出文本隐藏*/ text-overflow:ellipsis; /*超出部
2020-07-20 18:31:38
131
原创 基于vertical-align属性的水平垂直居中弹框
基于vertical-align属性的水平垂直居中弹框关于使用css方法的优点：实现效果图：CSS核心代码：关于使用css方法的优点：1. 节省了许多无谓的定位JS代码，不需要浏览器resize事件之类的处理，当弹框内容动态变化的时候，也无须重新定位2. 性能更改、渲染速度更快3. 可以非常灵活的控制垂直居中的比例4. 容器设置overflow:auto可以实现弹框高度超过一屏时依然可以看见屏幕外内容实现效果图：CSS核心代码：.container{ positi
2020-07-19 16:19:57
110
原创 CSS绘制常用小图形
CSS 常用图形总结（不定时，边学边更新）2020/7/17总结三道杠（移动端常见）双层圆点绘制三角形和梯形的绘制2020/7/17总结三道杠（移动端常见）利用padding和background-clip实现.icon-menu{ display: inline-block; width: 140px; height: 10px; padding: 35px 0; borde
2020-07-17 16:21:49
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人