Vue.js
文章平均质量分 54
jeikerxiao
简单,
展开
-
Emmet 基本使用
Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具。原创 2017-04-08 11:05:41 · 518 阅读 · 0 评论 -
HTML DOM 简介
HTML DOM 简介HTML DOM 定义了访问和操作 HTML 文档的标准。什么是 DOM?DOM 是 W3C(万维网联盟)的标准。DOM (Document Object Model)文档对象模型的缩写。定义了访问 HTML 和 XML 文档的标准:“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为转载 2017-03-31 09:27:54 · 542 阅读 · 0 评论 -
浏览器工作原理1-介绍
浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型1.介绍本文将介绍浏览器的工作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么。将讨论的浏览器今天,有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。本文将基于一些开源浏览器的例子——Firefox、C转载 2017-03-30 20:01:04 · 651 阅读 · 0 评论 -
浏览器工作原理2-渲染引擎
浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型2. 渲染引擎(The rendering engine)渲染引擎的职责就是渲染,即在浏览器窗口中显示所请求的内容。默认情况下,渲染引擎可以显示html、xml文档及图片,它也可以借助插件(一种浏览器扩展)显示其他类型数据,例如使用PDF阅读器插件,可以显示PDF格式,将由专门一章转载 2017-03-30 19:59:59 · 646 阅读 · 0 评论 -
浏览器工作原理3-解析与DOM树构建
浏览器工作原理3介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型3. 解析与DOM树构建解析(Parsing-general)既然解析是渲染引擎中一个非常重要的过程,我们将稍微深入的研究它。首先简要介绍一下解析。解析一个文档即将其转换为具有一定意义的结构——编码可以理解和使用的东西。解析的结果通常是表达文档结构的节点树,称为解析树或语法树。例转载 2017-03-30 19:59:16 · 1828 阅读 · 0 评论 -
浏览器工作原理4-渲染树构建
浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型# 4. 渲染树构建(Render tree construction)当Dom树构建完成时,浏览器开始构建另一棵树——渲染树。渲染树由元素显示序列中的可见元素组成,它是文档的可视化表示,构建这棵树是为了以正确的顺序绘制文档内容。 Firefox将渲染树中的元素称为frames转载 2017-03-30 19:58:36 · 585 阅读 · 0 评论 -
浏览器工作原理5-布局
浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型5. 布局(Layout)当渲染对象被创建并添加到树中,它们并没有位置和大小,计算这些值的过程称为layout或reflow。Html使用基于流的布局模型,意味着大部分时间,可以以单一的途径进行几何计算。流中靠后的元素并不会影响前面元素的几何特性,所以布局可以在文档中从右向左、自上转载 2017-03-30 19:57:52 · 704 阅读 · 0 评论 -
浏览器工作原理6-绘制
浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型6. 绘制(Painting)绘制阶段,遍历渲染树并调用渲染对象的paint方法将它们的内容显示在屏幕上,绘制使用UI基础组件,这在UI的章节有更多的介绍。全局和增量和布局一样,绘制也可以是全局的——绘制完整的树——或增量的。在增量的绘制过程中,一些渲染对象以不影响整棵树的方式改变转载 2017-03-30 19:54:31 · 499 阅读 · 0 评论 -
浏览器工作原理7-动态变化
浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型7. 动态变化浏览器总是试着以最小的动作响应一个变化,所以一个元素颜色的变化将只导致该元素的重绘,元素位置的变化将大致元素的布局和重绘,添加一个Dom节点,也会大致这个元素的布局和重绘。一些主要的变化,比如增加html元素的字号,将会导致缓存失效,从而引起整数的布局和重绘。转载 2017-03-30 19:53:47 · 506 阅读 · 0 评论 -
浏览器工作原理8-渲染引擎的线程
浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型8. 渲染引擎的线程渲染引擎是单线程的,除了网络操作以外,几乎所有的事情都在单一的线程中处理,在Firefox和Safari中,这是浏览器的主线程,Chrome中这是tab的主线程。网络操作由几个并行线程执行,并行连接的个数是受限的(通常是2-6个)。事件循环浏览器主线程是一个事件转载 2017-03-30 19:53:04 · 1652 阅读 · 0 评论 -
浏览器工作原理9-CSS2可视模型
浏览器工作原理介绍渲染引擎解析与DOM树构建渲染树构建布局绘制动态变化渲染引擎的线程CSS2可视模型 9. CSS2可视模型(CSS2 visual module)画布The Canvas根据CSS2规范,术语canvas用来描述格式化的结构所渲染的空间——浏览器绘制内容的地方。画布对每个维度空间都是无限大的,但浏览器基于viewport的大小选择了一个初始宽度。根据http:/转载 2017-03-30 19:52:06 · 556 阅读 · 0 评论 -
Nginx 部署Vue前端项目
1.Vue前端构建➜ npm run build构建成功后基本会在配置的dist文件下生成静态html文件。2.生成的静态代码上传到服务器把生成目录dist里的文件打包上传至服务器(192.168.234.97)➜ scp ./dist.zip root@192.168.234.97:/opt/www/vue-base输入服务器登录密码。上传到服务器静态地址...原创 2018-07-02 16:11:39 · 7640 阅读 · 0 评论