- 博客(12)
- 收藏
- 关注
RSS订阅原创 Video的深入使用
HTML <video> 元素 用于在HTML或者XHTML文档中嵌入视频内容属性### controls 设置或返回视频是否应该显示控件（比如播放/暂停等）<video src="./mt-baker_cibsgl.mp4" width="100%" controls></video>### autoplay...
2018-05-17 23:15:58
822
原创 前端面试题收集，持续更新中
HTML在线阅读 Github地址题目列表HTMLHTML和XHTML的区别Html的语义化Doctype的文档类型cookie、sessionSttorage、localStory区别HTML全局属性(global attribute)有哪些？常见的浏览器内核有哪些？介绍一下你对浏览器内核的理解？webSocket如何兼容低浏览器？(阿里)如何实现浏览器内...
2018-04-27 23:20:42
224
原创 CSS3之图片列表展示特效
在线demo在线编辑demo grid、transform 、transitionCSS代码.main-cons{ background: #F7F5F2; padding:100px 0; } .container{ width: 80%; margin: 0 auto; display: grid; ...
2018-04-15 10:18:30
6350
原创 image-rendering 像素化图像像素(实验中)
image-rendering 提供一个提示，关于算法应使用缩放图像浏览器。 该属性适用于元素本身，以及元素的其他属性中提供的任何图像。它对未缩放的图像没有影响。例如，如果图像的自然尺寸是100×100像素，但页面作者将其尺寸指定为200×200px（或50×50px），则图像将使用指定算法放大（或缩小）到新尺寸。由于用户交互（缩放），缩放也可能适用。语法 ...
2018-04-10 07:10:45
8504
原创 setTimeout面试连击
第一击for (var i = 0; i < 5; i++) { console.log(i);} 答案： 0 1 2 3 4第二击for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000 * i);} ...
2018-03-27 22:23:07
189
原创 CSS3之box-reflect制作倒影
box-reflect box-reflect：none | ? ?参数：<direction> 参数 above | below | left | right none : 无倒影 above：指定倒影在对象的上边 below：指定倒影在对象的下边 left：指定倒影在对象的左边 right：指定倒影在对象...
2018-03-23 16:20:06
272
原创 ES6之Set、WeakSet、Map、WeakMap数据结构
Set set本身是一个构造函数，用来生成Set数据结构，类似数组Array，但是成员的值都是唯一的，没有重复的值 属性方法 size: 返回set实例的成员总数 add(value): 添加某个值，返回Set本身 delete(value): 删除某个值，返回是否删除成功的boolean has(value): 判断是否包含某个值，返回...
2018-03-13 16:53:54
632
原创 CSS之选择器
CSS1选择器.class 选择 class=”info” 的所有元素 .info{background:red;}#id 选择 id=”nav” 的所有元素#nav {background:red;}element 选择所有的element(a、p…)元素element,element 选择多个所有element(a、p…...
2018-03-13 07:27:01
241
原创 CSS3之box-shadow基础详解
前言 box-shadow: h-shadow v-shadow blur spread color inset; 参数值 描述 h-shadow (X轴偏移量) 必需。水平阴影的位置。允许负值。 v-shadow (Y轴偏移量) 必需。垂直阴影的位置。允许负值。 blur (阴影模糊半径) 可选。模糊距离。 ...
2018-03-07 18:19:40
326
原创 web前端优化之图片优化
原文来自：codehtml很多的前端开发者都比较关心性能的优化的问题，今天主要讲一下图片优化的见解和总结，可能很多人大神都知道我列出的知识点，那么开始整理一下图片优化的笔记吧,可能废话有点多，语言组织不到位的地方，大家多担待 每个前端网站都有可能引入很多的图片来达到酷炫或者展示的效果，有人会问？为什么非要用图片，因为有些技术上达不到的效果展示，只能用图片来代替，比如淘宝天猫京东这些商城...
2018-03-06 18:33:25
1221
原创 javascript两个变量互换值，你了解多少
javascript两个变量互换值，你了解多少前端蜗牛blog传送：codehtml这个问题看似很基础，但是有很多的实现方式，你知道的有多少呢，网上也有很多的方法，下面就来总结一下中间变量（临时变量） 临时变量其实很好理解，通过一个中间变量进行交换值 var strA = "a"; var strB = "b"; var strC;//中间变量 # 开始 ...
2018-03-06 18:27:16
1468
原创 web前端资源文件的部署和优化
现在网上也有很多关于前端文件加载的性能优化，我相信大部分的前端程序猿，应该都听说过雅虎的14条优化原则1. 尽可能的减少 HTTP 的请求数 content2. 使用 CDN（Content Delivery Network） server3. 添加 Expires 头(或者 Cache-control ) server4. Gzip 组件 server5. 将 CSS 样式放...
2018-02-10 11:44:57
2178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人