随笔分类 -  H5/CSS/JS

5种主流浏览器的内核
摘要：真正意义上的浏览器诞生于1990年， 浏览器内核简要说明 一个完整的浏览器包含浏览器内核和浏览器的外壳（shell）。浏览器内核又可以分为两部分：渲染引擎（Layout Engine或Rendering Engine）和JS引擎。由于JS引擎越来越独立，内核就倾向于只指渲染引擎。 浏览器构成 浏览器 阅读全文
posted @ 2020-08-31 15:31 Daeeman 阅读(2524) 评论(0) 推荐(0)
盒子模型
摘要：标准盒模型（W3C 盒子模型） W3C 盒子模型的范围包括 margin、border、padding、content，并且 content 部分不包含其他部分。 IE 盒子模型的范围也包括 margin、border、padding、content，但content 部分包含了 border 和 阅读全文
posted @ 2020-08-31 14:55 Daeeman 阅读(147) 评论(0) 推荐(0)
瀑布流布局
摘要：CSS columns分栏布局教程 # ### CSS columns分栏布局教程 <!DOCTYPE html> <html lang="zh" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="widt 阅读全文
posted @ 2020-08-23 11:06 Daeeman 阅读(164) 评论(0) 推荐(0)
JS中this指向问题
摘要：-this四种绑定方式 # 1.默认绑定规则 2.隐式绑定规则 3.显示绑定规则bind、call、apply 4.new 绑定 优先级：4 > 3 > 2 > 1 1、默认绑定规则 默认绑定规则this指向window 1.1 全局环境 <script type="text/javascript" 阅读全文
posted @ 2020-08-14 23:19 Daeeman 阅读(308) 评论(0) 推荐(0)
箭头函数与普通函数的区别(ES6)
摘要：####目录 ### ### 相比普通函数更简洁的语法 没有this 使用call()和apply()调用 捕获其所在上下文的 this 值，作为自己的 this 值 不能使用new 不绑定arguments，用rest参数...解决 箭头函数没有原型属性 不能简单返回对象字面量 箭头函数不能当做G 阅读全文
posted @ 2020-08-14 12:15 Daeeman 阅读(471) 评论(0) 推荐(0)
cookie、localstorage、sessionstorage、session、token
摘要：#发展史 ### 阅读全文
posted @ 2020-08-11 12:06 Daeeman 阅读(136) 评论(0) 推荐(0)
call,apply,bind
摘要：call,apply,bind三者的区别？ ## 都是用来改变this指向的 call和apply都是function原型上的方法，每一个函数作为function的实例都可以调用这两个方法，而这两个方法都是用来改变this指向的 一般情况下this指向其调用者（） call fun.call(thi 阅读全文
posted @ 2020-08-10 10:55 Daeeman 阅读(136) 评论(0) 推荐(0)
null和undefined区别
摘要：1. null和undefined的区别： 1.1995 null, c语言 2.null Java中是对象 null 是一个表示"无"的 对象的初始值，空对象的引用 ; 转为数值时为 0 null 用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象 undefined 是一个表示"无" 阅读全文
posted @ 2020-08-06 11:22 Daeeman 阅读(243) 评论(0) 推荐(0)
JS判断一个变量是否为数组
摘要：在我们平时的工作中经常会用到如何判断一个变量是否为数组。常用的方法很多，有用常用框架里面的，isArray。但是关于这个isArray的实现，各有不同。 常用的方法有如下几种 # 1、instanceof 这个操作符和JavaScript中面向对象有点关系，了解这个就先得了解JavaScript中的 阅读全文
posted @ 2020-08-04 09:30 Daeeman 阅读(1719) 评论(0) 推荐(0)
JS闭包
摘要：一. 基本数据类型和引用数据类型# <script> let a = 0, b = 0; function A(a){ A = function(b){ console.log(a+b++); //1 }; console.log(a++); //4 } A(1); A(2); </script> 阅读全文
posted @ 2020-08-03 21:05 Daeeman 阅读(114) 评论(0) 推荐(0)
JS原型和原型链
摘要：# 一、前言 在js中，原型和原型链是一个很重要的知识点，只有理解了它，我们才能更深刻的理解js，在这里，我们将分成几个部分来逐步讲解。 当谈到继承时，JavaScript 只有一种结构：对象。每个对象（object）都有一个私有属性指向另一个名为**原型**（prototype）的对象。原型对象也 阅读全文
posted @ 2020-08-03 16:34 Daeeman 阅读(132) 评论(0) 推荐(0)
JS深拷贝和浅拷贝
摘要：1. 浅拷贝 for in Object.assign <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> var obj={ id:1, name:"andy", 阅读全文
posted @ 2020-08-03 15:25 Daeeman 阅读(121) 评论(0) 推荐(0)
前端什么是BFC？
摘要：块格式化上下文（Block Formatting Context，BFC） BFC是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 ##MDN 常用BFC触发条件： 【1】根元素，即HTML元素 【2】float的值不为none 【3】overf 阅读全文
posted @ 2020-08-02 23:31 Daeeman 阅读(860) 评论(0) 推荐(0)
JS防抖和节流
摘要：JS防抖和节流 防抖 (debounce 弟棒死)：指触发事件后在n秒内函数只执行一次，若在n秒内再次触发则重新计算 常见应用：搜索、下拉触底加载下一页 节流 (throttle 死rua头)：连续发生的事件在n秒内只执行一次 防抖 <!DOCTYPE html> <html> <head> <me 阅读全文
posted @ 2020-08-02 11:15 Daeeman 阅读(146) 评论(0) 推荐(0)
回流和重绘
摘要：回流和重绘 https://segmentfault.com/a/1190000017329980 阅读全文
posted @ 2020-08-01 19:40 Daeeman 阅读(115) 评论(0) 推荐(0)
overflow之文字单行显示/三行显示
摘要：overflow: 内容溢出处理 overflow: 值如下 visible（默认）/ 溢出部分 可见 hidden（超出部分隐藏）/ scroll（出现滚动条）/ auto（浏览器自动处理） text-overflow：clip（不显示省略标记，简单裁切） | ellipsis（文本溢出显示省略标 阅读全文
posted @ 2020-08-01 19:15 Daeeman 阅读(582) 评论(0) 推荐(0)
css经典布局
摘要：经典布局方案 圣杯布局 双飞翼布局 （左右固定，中间自适应） 圣杯布局： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, 阅读全文
posted @ 2020-08-01 19:02 Daeeman 阅读(189) 评论(0) 推荐(0)
css 盒居中五大方案
摘要：#盒子水平居中五大方案 定位：3种 display：flex JS-dom position 定位 display：table-cell(扩展) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> 阅读全文
posted @ 2020-08-01 18:56 Daeeman 阅读(224) 评论(0) 推荐(0)