浏览器工作大流程 来看个图： 从上面这个图中，我们可以看到那么几个事： 1）浏览器会解析三个东西： 一个是HTML/SVG/XHTML，事实上，Webkit有三个C++的类对应这三类文档。解析这三种文件会产生一个DOM Tree。 CSS，解析CSS会产生CSS规则树。 Javascript，脚本，主要是...

2018-06-24 01:47:38

CSS根据屏幕分辨率宽度自动适应的办法 第一种办法是js选择CSS SCRIPT language=JavaScript !-- Begin if (screen.width == 640) { document.write('link href="/Css/Style.css" rel="stylesheet" type="text/css" /'); } if (screen.width == 800) { document.write('l...

2018-06-24 01:47:37

1. 页面减肥 a. 页面的肥瘦是影响加载速度最重要的因素。 b. 删除不必要的空格、注释。 c. 将inline的script和css移到外部文件。 d. 可以使用HTML Tidy来给HTML减肥，还可以使用一些压缩工具来给JavaScript减肥。 2. 减少文件数量 a. 减少页面上引用的文件数量可以减少...

2018-06-24 01:47:32

一、meta标签的定义和用法 meta 元素可提供有关页面的 元信息 （meta-information），位于文档的 头部head和/head之间 ，不包含任何内容。meta 标签的属性定义了与文档相关联的名称/值对。 二、meta标签的属性 1.必要属性 属性 值 描述 content some_text 定义与 http-...

2018-06-24 01:47:31

CSS3 选择器分类 动态伪类选择器 锚点伪类的设置顺序必须遵守一个LoVe/HAte原则，也就是说正确的设置顺序为：a:link、a:visited、a:hover、a:active 目标伪类选择器 UI元素状态选择器 结构伪类选择器 否定伪类选择器 选择器例子 选择非第一个元素 1 #hot-body div:not(...

2018-06-24 01:47:28

这篇博文有关css的权重问题，我个人认为这是css知识中很重要的一个知识点。因为在开发的过程能中我们会经常遇到这种问题，特别是如果你使用框架的时候，有些框架的某些标签有一些默认的样式。所以我们可以通过增加权重的方式来使我们所写的样式有效。既然说到权重那就...

2018-06-24 01:47:28

昨天写样式遇到个问题，如何让鼠标悬浮DIV后，显示DIV外的按钮，可以点击到按钮。 效果如下： 问题： 在DIV hover时候将按钮设为display: block，这是很直接的想法，但是这有个问题，就是在悬浮出现按钮后，鼠标要移到按钮上过程中，离开了DIV经过间距时，按钮就会消失...

2018-06-24 01:47:27

1.DRY——（Don't repeat yourself）尽量减少改动时要编辑的地方是代码可维护的最大要素之一。 2.实例： 1 .content button { 2 padding : 6px 16px ; 3 border : 1px solid #446d88 ; 4 background : #58a linear-gradient(#77a0bb,#58a) ; 5 border-radius : 4px ; 6...

2018-06-24 01:47:25

!DOCTYPE html html lang= "en" head meta charset= "UTF-8" title Title / title style * { padding : 0 ; margin : 0 ; } #hd { width : 700 px ; height : 700 px ; background : url ( "zhong2.jpg" ) no-repeat ; -webkit-background-size : 100 % 100 % ; backgr...

2018-06-24 01:47:24

HTML转PDF： 1.页面底层实现——Vue：最低兼容ie10 2.实现思路： 1 使用html2canvas.js将网页转换为图片 2 使用jsPdf.debug.js将canvas生成的图片转换为pdf文件 具体实现： 要这样实现首先要引入两个插件： html2canvas.js jsPdf.debug.js 注： 因为ie10在canvas截图时...

2018-06-24 01:47:23