js实现事件委托
摘要：
事件委托的概念： 事件委托就是利用事件冒泡，把事件加到父元素或祖先元素上，触发执行效果。 事件委托的写法： btn6.onclick = function(event){ event = event || window.event; var target = event.target || even 阅读全文
posted @ 2018-09-27 19:03 婧星 阅读(237) 评论(0) 推荐(0) 编辑
前端里面如何进行搜索引擎优化(SEO)
摘要：
如何进行SEO优化： (1) 避免head标签js堵塞： 所有放在head标签里面的js和css都会堵塞渲染；如果这些css和js需要加载很久的话，那么页面就空白了； 解决办法：一是把script放到body后面，这也是很多网站采取的方法。 第二种是给script加defer或者async的属性，一 阅读全文
posted @ 2018-09-27 17:17 婧星 阅读(2524) 评论(0) 推荐(0) 编辑
ajax的优缺点
摘要：
ajax的缺点：参考资料 http://www.cnblogs.com/SanMaoSpace/archive/2013/06/15/3137180.html ajax的概念： 相当于在客户端与服务端之间加了一个抽象层(Ajax引擎)，使用户请求和服务器响应异步化，并不是所有的请求都提交给服务器，像 阅读全文
posted @ 2018-09-27 16:43 婧星 阅读(2895) 评论(0) 推荐(0) 编辑
css中px,em,rem,rpx的区别
摘要：
今天看到一个面试题为 px,em的区别，为了更好地让读者区分css的长度单位，我总结下css中常用的长度单位： px,em,rem,rpx em特点： 1.em的值并不是固定的 2.em会继承父级元素的字体大小。 body选择器中声明font-size=62.5%，然后将原来的px数值除以10，然后 阅读全文
posted @ 2018-09-27 16:35 婧星 阅读(2519) 评论(1) 推荐(1) 编辑
margin与padding的bug
摘要：
1、在页面布局时，值对于块元素来说，相邻的两个兄弟块元素间的margin-top与上一个兄弟的margin-bottom重合时， 解决办法：对其中一个块元素中设置 display:inline-block; 2、行元素间margin问题 对行元素设置是margin 效果显示不出来，解决办法： 在元素 阅读全文
posted @ 2018-09-27 08:27 婧星 阅读(217) 评论(0) 推荐(0) 编辑
css3动画：transition和animation
摘要：
第一部分：Transition transition的各项属性： transition的完整写法如下。 这其实是一个简写形式，可以单独定义成各个属性。 transition的作用在于，指定状态变化所需要的时间。 transition-delay属性 表示延时加载 在同一行transition语句中， 阅读全文
posted @ 2018-09-26 21:33 婧星 阅读(273) 评论(0) 推荐(0) 编辑
弹性布局flex
摘要：
flex有12个属性布局 Flex是它可以简单、完整、响应式的实现各种网页布局，目前已经得到了大多数主流浏览器的支持，有关于它的兼容性可以在CanIuse中的查询到 任何一个容器都可以指定为Flex布局 文章中的内容主要借鉴自Flex布局教程 by阮一峰 学习地址为： http://www.ruan 阅读全文
posted @ 2018-09-25 20:04 婧星 阅读(152) 评论(0) 推荐(0) 编辑
2018年web最新面试知识点总结
摘要：
00、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 行内元素：a b span img input select strong 块级元素：div ul ol li dl dt dd h1 h2 h3 h4 p 等 空元素：1.<link rel="stylesheet" type=" 阅读全文
posted @ 2018-09-25 12:15 婧星 阅读(206) 评论(0) 推荐(0) 编辑
javascript中数据类型转换
摘要：
console.log(parseInt(12.90));//将数据转换为整形，结果为12console.log(parseFloat('31.21ab'));//将数据转换为浮点型，返回值为32.21 注意：parseFloat 只能识别数字，其他的字符串不能识别；若都是字符 输出非数字 （NaN 阅读全文
posted @ 2018-09-25 11:10 婧星 阅读(144) 评论(0) 推荐(0) 编辑
web开发必备的浏览器常识
摘要：
浏览器内核： 1、使用Trident内核的浏览器：IE、Maxthon、TT、The World等； 2、使用Gecko内核的浏览器：Netcape6及以上版本、FireFox、MozillaSuite/SeaMonkey； 3、使用Presto内核的浏览器：Opera7及以上版本； 4、使用Web 阅读全文
posted @ 2018-09-25 10:40 婧星 阅读(790) 评论(0) 推荐(0) 编辑
