随笔分类 - html+css
html+css
摘要：CSS 入门学习 目录 CSS 简介 CSS 内容 CSS 编写 CSS 应用 CSS 简介 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰
阅读全文
摘要：bootstrap 分类 函数，变量 reset 布局，组件 帮助类 总结 @mixin / @include 定义样式及在其他地方引入 @function 定义函数 scss 内置函数 scss 变量 $a 开头 scss 变量默认: !default 如果分配给变量的值后面添加了!default
阅读全文
摘要：IFC w3c规范 如果一个line box里没有文字、保留的空格、非0的margin或padding或border的inline元素、或其他in-flow内容（比如图片、inline-block或inline-table元素），且不以保留的换行符结束的话，就会被视作高度为0的line box。 f
阅读全文
摘要：CSS BFC 元素 block-level box: display 属性为 block, list-item, table 的元素，会生成 block-level box。 inline-level box: display 属性为 inline, inline-block, inline-ta
阅读全文
摘要：settimeout 使用 语法 setTimeout(code,millisec) 参数 描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。 millisec 必需。在执行代码前需等待的毫秒数。最低延时是 4ms this 超时调用的代码都是在全局作用域中执行的，因此函数
阅读全文
摘要：页面中的一些优化 js/css 阻塞 dom JavaScript 引擎在解析 JavaScript 之前，是不知道 JavaScript 是否操纵了 CSSOM 的，所以渲染引擎在遇到 JavaScript 脚本时，不管该脚本是否操纵了 CSSOM，都会执行 CSS 文件下载，解析操作，再执行 J
阅读全文
摘要：事件循环 event loop 当javascript代码执行的时候会将不同的变量存于内存中的不同位置：堆（heap）和栈（stack）中来加以区分，heap中一般存储我们的变量，stack一般存储函数或者方法。stack叫做执行栈，我们的方法依次会在这里执行。执行栈事件先进后出，任务队列先进先出。
阅读全文
摘要：V8 弱类型动态语言 JavaScript是一种弱类型动态语言 弱类型: 这说明在定义变量的时候不需要事先定义变量的类型，JavaScript在引擎在运行代码的时候会自己计算 动态：说明不同类型的变量可以相互赋值 栈空间和堆空间 在JavaScript的执行过程中，主要有三种内存空间：代码空间、栈空
阅读全文
摘要：js 基础 变量提升 先通过下面这段代码，来看看什么是 JavaScript 中的声明和赋值。 var myname = '极客时间' 这段代码你可以把它看成是两行代码组成的： var myname //声明部分 myname = '极客时间' //赋值部分 所谓的变量提升，是指在 JavaScri
阅读全文
摘要：页面渲染流程 html/js/css 介绍 浏览器渲染的基本流程 各个浏览器流程 webkit渲染步骤 结合上图，一个完整的渲染流程大致可总结为如下： 渲染进程将 HTML 内容转换为能够读懂的 DOM 树结构。 渲染引擎将 CSS 样式表转化为浏览器可以理解的 styleSheets，计算出 DO
阅读全文
摘要：导航流程 流程 从图中可以看出，整个过程需要各个进程之间的配合，所以在开始正式流程之前，我们还是先来快速回顾下浏览器进程、渲染进程和网络进程的主要职责。 1.浏览器进程主要负责用户交互、子进程管理和文件储存等功能。 2.网络进程是面向渲染进程和浏览器进程等提供网络下载功能。 3.渲染进程的主要职责是
阅读全文
摘要：第二次打开浏览器快 浏览器流程 浏览器中的 HTTP 请求从发起到结束一共经历了如下八个阶段：构建请求、查找缓存、准备 IP 和端口、等待 TCP 队列、建立 TCP 连接、发起 HTTP 请求、服务器处理请求、服务器返回请求和断开连接。 快的原因 dns缓存，在浏览器本地把对应的 IP 和域名关联
阅读全文
摘要：TCP/IP 协议 TCP 互联网由一整套协议构成。TCP 只是其中的一层，有着自己的分工。 简化的协议层次 最底层的以太网协议（Ethernet）规定了电子信号如何组成数据包（packet），解决了子网内部的点对点通信。 IP 协议定义了一套自己的地址规则，称为 IP 地址。它实现了路由功能，允许
阅读全文
摘要：Chrome架构 线程 进程 进程是资源分配的最小单位，线程是CPU调度的最小单位 单进程浏览器 单进程浏览器是指浏览器的所有功能模块都是运行在同一个进程里，这些模块包含了网络、插件、JavaScript运行环境、渲染引擎和页面等。 其实早在2007年之前，市面上浏览器都是单进程的。 问题 不流畅
阅读全文
摘要：简述 三个大的进化路线 第一个是应用程序 Web 化。随着云计算的普及和 HTML5 技术的快速发展，越来越多的应用转向了浏览器 / 服务器（B/S）架构，这种改变让浏览器的重要性与日俱增，视频、音频、游戏几大核心场景也都在往 Web 的使用场景切换。 第二个是 Web 应用移动化。对于移动设备应用
阅读全文
摘要：CSS Reset why 只要您的客户存在使用不同浏览器（ie,firefox,chrome等）的可能，那你就不得不从完美的理想状态回到现实，因为不同核心的浏览器对CSS的解析效果呈现各异，导致您所期望的效果跟浏览器的“理解”效果有偏差，今天提到的css reset就是用来重置（复位）元素在不同核
阅读全文
摘要：影响文档流的属性（比如：display, position, float, clear, visibility, table-layout等） 自身盒模型的属性（比如：width, height, margin, padding, border等） 排版相关属性（比如：font, line-heig
阅读全文
摘要：CSS 世界 学习笔记 流、元素与基本尺寸 html 元素 分为 块状元素 和 内联元素 块状元素 块状元素指的是在水平流上面一行展示的元素，常用的有 div, li 和 table 内联元素 内联元素的显示，为了帮助理解，可以形象的称为“文本模式”，即一个挨着一个，都在同一行按从左至右的顺序显示，
阅读全文
摘要：注释介绍作用合作分享：方便他人阅读，便于分享沉淀总结：容易忘记代码，自己总结沉淀形式1.// 双斜杠2．/**/斜杠星号常用标签标签描述@module标明当前文件模块，在这个文件中的所有成员将被默认为属于此模块，除非另外标明@submodule针对模块的划分，处于@module之下@class标示一...
阅读全文
摘要：1. 引用类型1.1 Object类型创建Object类型有两种方式：使用new操作符后跟Object构造函数var person =new Object();字符量表示法var person = { name:’chuck’}1.2 Array类型1.2.1 创建方式使用Array构造函数var ...
阅读全文
