随笔档案「2017年8月」 - yyy_鸳鸯

js:类似tooltip的显示与隐藏

摘要：开发的时候，有时候总能遇到这种效果，你的鼠标点击一个input的时候，会显示一些相关的内容，我们把它叫做A，鼠标点击其他不是A的地方，A会消失，但是点击A时，A还是存在。要实现这种效果的思路：注意三个地方：（1）点击input本身，显示A （2）点击A，A还是显示（3）点击不是A的其他地方，A 阅读全文

posted @ 2017-08-11 16:59 yyy_鸳鸯阅读(515) 评论(0) 推荐(0)

js: 构造函数

摘要：1.js构造函数特点 js的构造函数，看下面的代码：从上面可以看出：（1）没有显示地创建对象（2）直接将属性和方法赋给了this对象（3）没有return语句（4）函数名首字母是大写的（5）创建新的实例必须使用new关键字 2.构造函数实例化步骤(new关键字的作用) 创建实例经历的4个阅读全文

posted @ 2017-08-11 10:15 yyy_鸳鸯阅读(111) 评论(0) 推荐(0)

css:tooltip

摘要：tooltip Home About me Photograph More ... 阅读全文

posted @ 2017-08-10 17:27 yyy_鸳鸯阅读(191) 评论(0) 推荐(0)

nodejs: 版本常识

摘要：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_鸳鸯阅读(603) 评论(0) 推荐(0)

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_鸳鸯阅读(194) 评论(0) 推荐(0)

网站性能优化（一）

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

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

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

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

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

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

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

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