摘要: 前端性能优化 1、HTTP请求过程讲解 域名解析 开启TCP链接【耗时长】 发送请求 等待(网络延迟、服务器处理时间)【耗时长】 下载资源 2、减少HTTP请求 合并JS 合并CSS 工具YUI Compressor 雪碧图 静态资源加缓存头 Expires Cache-Control:max-ag 阅读全文
posted @ 2020-06-29 12:00 神V化身 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 说明:rem是基于html元素的字体大小来决定,而em则根据使用它的元素的大小决定。 一、页面自适应 1、允许网页宽度自动调整 代码: <meta name="viewport" content="width=device-width, initial-scale=1" /> 说明:网页宽度默认等于 阅读全文
posted @ 2020-06-29 11:59 神V化身 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 一、 元素溢出处理 属性值【说明】 overflow visible 【默认值 不裁剪内容】 hidden 【裁剪内容 裁剪的那部分不可见】 scroll 【无论内容是否超越范围,都将显示滚动条。】 scroll="no" 【无论内容是否超越范围,都将不显示滚动条。】 auto 【当内容超出范围时, 阅读全文
posted @ 2020-06-29 11:56 神V化身 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 一、样式表的应用 默认样式 行内样式 <p style="color: red; margin-left: 20px"> This is a paragraph </p> 嵌入样式 <head> <style type="text/css"> body {background-color: red} 阅读全文
posted @ 2020-06-29 11:35 神V化身 阅读(261) 评论(0) 推荐(0) 编辑
摘要: 一、Canvas(绘画) 1.1、创建canvas元素 <canvas id="canvas" width="800" height="600">不支持Canvas(当浏览器不支持时会显示出来)</canvas> 1.2、获取、配置canvas元素 (1)、获取创建的canvas元素: docume 阅读全文
posted @ 2020-06-29 11:21 神V化身 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 1、contextmenu:的作用是指定右键菜单 <div id="div1" style="height:900px; background: lightgreen;" contextmenu="menuShare"></div> <menu id="menuShare" type="contex 阅读全文
posted @ 2020-06-29 11:18 神V化身 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 一、字体样式标签 标签描述 <strong> 加粗 <em> 斜体 <span> 突出 <mark> 高亮显示 <s> 删除线 二、特殊符号 符号描述 &nbsp 空格 &gt 大于号 > &It 小于号 < &quot 引号 “” &copy 版权符号 @ 详细见:https://www.cnbl 阅读全文
posted @ 2020-06-29 11:11 神V化身 阅读(265) 评论(0) 推荐(0) 编辑