yyy_鸳鸯 - 博客园

2017年8月10日

摘要： 1. 稳定版和非稳定版的区别偶数为稳定版：0.6.x 0.8.x 0.10.x 奇数为非稳定版：0.5.x 0.7.x 0.9.x 阅读全文

posted @ 2017-08-10 14:11 yyy_鸳鸯阅读(580) 评论(0) 推荐(0) 编辑

2017年8月3日

JS：Html事件处理程序 vs DOM0级事件处理程序 vs DOM2级事件处理程序

摘要： 1.HTML事件处理程序某个元素支持的某种事件，可以通过一个与相应事件处理程序同名的HTML特性指定。这个特性的值应该是能够执行的JS代码。例如：按钮单击是要执行一些js代码，可以像下面： <input type="button" value="click me" onclick="showMes 阅读全文

posted @ 2017-08-03 17:55 yyy_鸳鸯阅读(181) 评论(0) 推荐(0) 编辑

网站性能优化（一）

摘要：前段时间面试时，面试官问了一个问题：”网站性能优化有什么方法”，我当时的第一反应就是减少图片加载，把图片直接转成base64，然后直接写到css中，这样能减少从后台拿数据的次数，然后我直接说出了我的想法。面试官问还有没有其他方法，我就一脸茫然了。回来之后我赶快看了《高性能网站优化指南》，里面介绍了不阅读全文

posted @ 2017-08-03 13:36 yyy_鸳鸯阅读(156) 评论(0) 推荐(0) 编辑

2017年8月2日

Css布局：左边固定，右边自适应

摘要：要实现左边固定，右边自适应有好几种方法，flex，calc，float，下面我来分析一下每种方法各自的特点级缺陷。 1. flex 用flex可以实现两个div，一个左固定，一个右自适应。思路就是在要处理的div的父级div里添加display:flex属性，然后将左边的div设置固定的宽度，右边的阅读全文

posted @ 2017-08-02 11:07 yyy_鸳鸯阅读(2249) 评论(0) 推荐(0) 编辑

2017年8月1日

css实现显示隐藏的5种方法

摘要： css实现显示隐藏是在写前端时经常遇见的问题，我根据自己的经验以及网上的方法，一共总结了5种。下面我分析一下它们各自的特点。 1. dispalay:none 这是最简单也是最容易想到的方法。 .hide { display:none; } dispaly:none的特点就是会使其子代元素全部隐藏起阅读全文

posted @ 2017-08-01 14:37 yyy_鸳鸯阅读(9566) 评论(1) 推荐(0) 编辑

2017年7月31日

js实现tooltip效果

摘要： <!DOCTYPE><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>ToolTip效果</title> <style> body { font-size: 14px; l 阅读全文

posted @ 2017-07-31 14:55 yyy_鸳鸯阅读(524) 评论(0) 推荐(0) 编辑

2017年7月29日

document相关的宽高

摘要：一、client该属性指的是元素的可视部分的宽度和高度，即padding+content 如果没有滚动条，即为元素设定的宽度和高度。如果出现滚动条，滚动条会遮盖元素的宽高，那么该属性就是其本来的宽高减去滚动条的宽高。 1.document.body.clientWidth/document.body 阅读全文

posted @ 2017-07-29 15:11 yyy_鸳鸯阅读(378) 评论(0) 推荐(0) 编辑

选择器修改样式

摘要： addClass和removeClass eg: $("button").addClass("animated bounce"); $(".well").addClass("animated shake"); $("#target3").addClass("animated fadeOut"); $ 阅读全文

posted @ 2017-07-29 15:09 yyy_鸳鸯阅读(397) 评论(0) 推荐(0) 编辑

Css画三角形

摘要： <html> <head> <style type="text/css"> .triangle { border-bottom: 100px solid #000;//控制三角形的高 width: 0px;//如果不是0，则是一个梯形 border-left:50px solid #FFF; //于阅读全文

posted @ 2017-07-29 15:08 yyy_鸳鸯阅读(138) 评论(0) 推荐(0) 编辑

html页面加载流程

摘要：浏览器加载和渲染html的顺序 1. IE下载的顺序是从上到下，渲染（就是把请求的内容显示到浏览器屏幕上）的顺序也是从上到下，下载和渲染是同时进行的。 2. 在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。 3. 如果遇到语义解释性的标签嵌入文件（J 阅读全文

posted @ 2017-07-29 11:17 yyy_鸳鸯阅读(2547) 评论(0) 推荐(0) 编辑