摘要: (接上一篇文档) 6、预加载交互资源 实施条件oneapm bi指标 网页加载完成, 资源加载完成. 网页加载完成后,伴随这用户的操作,可能需要加载更多的样式,脚本,模板等,一般由这么几种策略各有利弊 1 在网页加载的过程中就加载这些资源,例如把css,js等文件写在一个文件里面,[优点:简单方便操 阅读全文
posted @ 2016-10-13 14:48 mmmaolj 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 针对web前端的性能,一时间不知道入手的同学,可以看看:前端性能测试对象:HTML、CSS、JS、AJAX等前端技术开发的Web页面影响用户浏览网页速度的因素:服务端数据返回、网络传输、页面渲染,页面资源结构等前端性能测试目的:计算出包含页面资源结构、页面渲染、网络传输以及服务器端解析等综合因素在内 阅读全文
posted @ 2016-10-13 12:26 mmmaolj 阅读(680) 评论(0) 推荐(0) 编辑
摘要: 1. 减少HTTP请求次数 合并图片、CSS、JS,改进首次访问用户等待时间。 2. 使用CDN 就近缓存==>智能路由==>负载均衡==>WSA全站动态加速 3. 避免空的src和href 当link标签的href属性为空、script标签的src属性为空的时候,浏览器渲染的时候会把当前页面的UR 阅读全文
posted @ 2016-10-13 12:12 mmmaolj 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 1 . 校验密码强度 密码的强度必须是包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间。 /^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$/ 2. 校验中文 字符串仅能是中文。 /^[\\u4e00-\\u9fa5]{0,}$/ 3. 由数字、26个 阅读全文
posted @ 2016-10-06 11:35 mmmaolj 阅读(1241) 评论(0) 推荐(0) 编辑
摘要: 1. 匹配空行 /^\s*$/ 2.验证由两位数字、一个连字符再加 5 位数字组成的 ID 号。 /\d{2}-\d{5}/ 3.一个单词连续出现的位置 /\b([a-z]+)\1\b\gi 4. 匹配HTML标签 /<\s*(\S+)(\s[^>]*)?>[\s\S]*<\s*\/\1\s*>/ 阅读全文
posted @ 2016-10-06 11:22 mmmaolj 阅读(255) 评论(0) 推荐(0) 编辑
摘要: 一、正则表达式-简介 1. 概念 正则表达式,描述了一种字符串匹配的模式,可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件的子串等。 2. 特点 (1) 灵活性、逻辑性和功能性非常的强; (2)可以迅速地用极简单的方式达到字符串的复杂控制。 (3)对于刚接触的人来 阅读全文
posted @ 2016-10-06 11:02 mmmaolj 阅读(220) 评论(0) 推荐(0) 编辑
摘要: 任务描述 【原文链接】http://ife.baidu.com/task/detail?taskId=4 任务目标 实践HTML/CSS布局方式 深入了解position等CSS属性 任务描述 实现如 示例图(点击打开) 的效果 灰色元素水平垂直居中,有两个四分之一圆位于其左上角和右下角。 任务注意 阅读全文
posted @ 2016-09-28 16:06 mmmaolj 阅读(146) 评论(0) 推荐(0) 编辑
摘要: 任务描述 【原链接】http://ife.baidu.com/task/detail?taskId=3 任务目标 掌握HTML/CSS布局的概念 掌握盒模型的概念 掌握position与float的概念以及在布局时的用法 任务描述 使用 HTML 与 CSS 按照 示例图(点击查看) 实现三栏式布局 阅读全文
posted @ 2016-09-28 15:48 mmmaolj 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 1. 元素分类 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 (1)常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form 阅读全文
posted @ 2016-09-28 14:54 mmmaolj 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 1. CSS背景: (1)background: (2)background-color: (3)background-img: (4)background-repeat: >>repeat: >>no-repeat: >>inherit:继承父类的属性 >>repeat-x: >>repeat-y 阅读全文
posted @ 2016-09-28 12:17 mmmaolj 阅读(176) 评论(0) 推荐(0) 编辑