随笔分类 -  前端

前端
CSS3笔记【不定时更新】
摘要：box-sizing 值描述 content-box 这是由 CSS2.1 规定的宽度高度行为。 宽度和高度分别应用到元素的内容框。 在宽度和高度之外绘制元素的内边距和边框。 border-box 为元素设定的宽度和高度决定了元素的边框盒。 就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高 阅读全文
posted @ 2015-07-01 23:03 KiraChen 阅读(147) 评论(0) 推荐(0)
Html笔记【不定时更新】
摘要：①关于音频和视频 主流浏览器和设备支持的视频和音频 浏览器 容器 视频 音频 Apple ios MP4 H.264 ACC、MP3、PCM Apple Safari MP4 H.264 Google Android(pre v.3) -- -- -- Google Chrome MP4、OGG、W 阅读全文
posted @ 2015-07-01 23:02 KiraChen 阅读(131) 评论(0) 推荐(0)
关于JS动画和CSS3动画的性能差异
摘要：本文章为综合其它资料所得。根据Google Developer，Chromium项目里，渲染线程分为main thread和compositor thread。如果CSS动画只是改变transforms和opacity，这时整个CSS动画得以在compositor thread完成（而JS动画则会在... 阅读全文
posted @ 2015-07-01 22:59 KiraChen 阅读(342) 评论(0) 推荐(0)
关于Position的几个值的理解
摘要：值描述absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "... 阅读全文
posted @ 2015-07-01 22:54 KiraChen 阅读(516) 评论(0) 推荐(0)
Html关于行内元素和块元素Mark
摘要：关于行内元素的解释：内联元素（html规范中的概念）英文：inline element，其中文叫法有多种，如：内联元素、内嵌元素、行内元素、直进式元素等。基本上没有统一的翻译。另外提到内联元素，通常会涉及到的属性是display:inline；这个属性能够修复著名的IE双倍浮动边界问题。特点：1、和... 阅读全文
posted @ 2015-07-01 22:53 KiraChen 阅读(735) 评论(0) 推荐(0)
一道JS的简单算法题
摘要：今天百度了一下腾讯的前端面试题，找了好久只有找到这道题，顺便mark一下题目是这样的：有一组数字，从1到n，从中减少了3个数，顺序也被打乱，放在一个n-3的数组里，请找出丢失的数字，最好能有程序，最好算法比较快。网上的答案有一些出入，整理如下 1 2 3 4 5 ... 阅读全文
posted @ 2015-07-01 22:51 KiraChen 阅读(336) 评论(0) 推荐(0)
前端编程，语义化
摘要：什么是语义化？其实简单说来就是让机器可以读懂内容。先随便扯扯。对于当前的 Web 而言，HTML 是联系大多数 Web 资源的纽带，也是内容的载体。在 Web 被刚刚设计出来的时候，Tim Berners-Lee 可能不会想到它现在会达到的规模以及深入到我们生活的那么多方面。也许起初的想法很简单：用... 阅读全文
posted @ 2015-07-01 22:48 KiraChen 阅读(434) 评论(0) 推荐(0)
前端基础知识
摘要： 阅读全文
posted @ 2015-07-01 10:58 KiraChen 阅读(152) 评论(0) 推荐(0)
关于JS动画和CSS3动画的性能差异
摘要：本文章为综合其它资料所得。根据Google Developer，Chromium项目里，渲染线程分为main thread和compositor thread。如果CSS动画只是改变transforms和opacity，这时整个CSS动画得以在compositor thread完成（而JS动画则会在... 阅读全文
posted @ 2015-06-29 09:44 KiraChen 阅读(6250) 评论(0) 推荐(0)
Html笔记【不定时更新】
摘要：①关于音频和视频主流浏览器和设备支持的视频和音频浏览器容器视频音频Apple iosMP4H.264ACC、MP3、PCMApple SafariMP4H.264Google Android(pre v.3)------Google ChromeMP4、OGG、WebMTheora、VP8ACC、M... 阅读全文
posted @ 2014-02-14 16:50 KiraChen 阅读(114) 评论(0) 推荐(0)
CSS3笔记【不定时更新】
摘要：box-sizing值描述content-box这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距和边框。border-box为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通... 阅读全文
posted @ 2014-02-14 16:48 KiraChen 阅读(107) 评论(0) 推荐(0)
关于Position的几个值的理解
摘要：值描述absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "... 阅读全文
posted @ 2014-02-14 15:45 KiraChen 阅读(222) 评论(0) 推荐(0)
Html关于行内元素和块元素Mark
摘要：关于行内元素的解释：内联元素（html规范中的概念）英文：inline element，其中文叫法有多种，如：内联元素、内嵌元素、行内元素、直进式元素等。基本上没有统一的翻译。另外提到内联元素，通常会涉及到的属性是display:inline；这个属性能够修复著名的IE双倍浮动边界问题。特点：1、和... 阅读全文
posted @ 2014-02-14 15:39 KiraChen 阅读(175) 评论(0) 推荐(0)
一道JS的简单算法题
摘要：今天百度了一下腾讯的前端面试题，找了好久只有找到这道题，顺便mark一下题目是这样的：有一组数字，从1到n，从中减少了3个数，顺序也被打乱，放在一个n-3的数组里，请找出丢失的数字，最好能有程序，最好算法比较快。网上的答案有一些出入，整理如下腾讯的JS前端面试题 ... 阅读全文
posted @ 2014-02-11 14:28 KiraChen 阅读(185) 评论(0) 推荐(0)
前端编程，语义化
摘要：什么是语义化？其实简单说来就是让机器可以读懂内容。先随便扯扯。对于当前的 Web 而言，HTML 是联系大多数 Web 资源的纽带，也是内容的载体。在 Web 被刚刚设计出来的时候，Tim Berners-Lee 可能不会想到它现在会达到的规模以及深入到我们生活的那么多方面。也许起初的想法很简单：用... 阅读全文
posted @ 2014-01-14 14:09 KiraChen 阅读(174) 评论(0) 推荐(0)