html
文章平均质量分 68
大狗派克
这个作者很懒,什么都没留下…
展开
-
优化HTML代码
CSS优化尽量避免写在HTML标签中写Style属性。· 避免CSS表达式CSS表达式的执行需跳出CSS树的渲染,因此请避免CSS表达式· 移除空的CSS规则空的CSS规则增加了CSS文件的大小,且影响CSS树的执行,所以需移除空的CSS规则· 正确使用Display的属性Display属性会影响页面的渲染,因此请合理使用a) display:inline后不应转载 2015-11-03 17:51:16 · 1412 阅读 · 1 评论 -
JS面试题—变量类型和计算
JS面试题,是针对前端工程师面试时的一些知识点梳理,整篇会围绕题目、知识点、解答三个过程进行学习。本人也属于此次总结的学生,希望借此机会重新温习巩固基础知识。积硅步至千里,学习和应用就像搭积木一般,只有基础建好才能将积木搭得越高。变量类型和计算 一、 题目JS中使用typeof能得到那些类型何时使用=== 何时使用==JS中有哪些内置函数JS变量按存储区分为哪些类型,并描述其特点如何理解原创 2017-08-07 15:55:36 · 2008 阅读 · 0 评论 -
CSS3特效之转化(transform)和过渡(transition)
在对动画深入之前,我们需要先了解它的一些特性,CSS3的转化(transform)和过渡(transition)。有人可能会有疑问,CSS3动画不是只有animation一个属性吗?怎么又和转化(transform)和过渡(transition)扯上关系了,其实并非如此,转化(transform)属性让动画的变换多元化,而过渡(transition)属性是动画中的一种表现形式,也可以说成是动画一个版原创 2016-04-17 20:31:53 · 16174 阅读 · 0 评论 -
浏览器对HTML5特性检测工具Modernizr
最近在做公司移动端运营的项目,需求中多处地方都会涉及动画。相信很多前端开发都会有这种感触,对CSS3中的动画属性很熟悉,但是由于对动画运动过程的理解不深入,经常只能望而止步。CSS3中动画这在Web页面中具有点睛之笔,让人眼前一亮,这段时间我会抽空来整理关于动画这块的知识点,希望能在总结的同时分享给有需要的朋友们,如果有什么好的建议和想法欢迎相互交流学习。无论是动画还是别的CSS3的新特性在移动端都原创 2016-04-14 21:32:19 · 7980 阅读 · 0 评论 -
HTML与CSS布局技巧总结
很多人对CSS的布局有困惑,实际的应用场景中由于布局种类多难以选择。今天我花些时间总结下自己对CSS布局的理解,分析下了解各种布局的优劣,同时希望能分享给初入前端的朋友们一些在布局上的经验,如果有那些地方总结的不好,欢迎大家指正。言归正传,现在就来揭开各种布局的面纱。 单列布局<div class="parent"> <div class="child"></div></div>水平原创 2016-04-11 00:29:02 · 31539 阅读 · 3 评论 -
如何在移动端使用WebP图片格式
前言在移动端,图片一直是流量大头,一个简单的运营网页,图片大小动不动就以MB为单位,为了加快网页呈现的速度,我们必须使用最适合图片质量,这里所说的合适指图片的清晰度和大小达到合格的要求。 前端常常会碰到这种情况,一个网页都是图片,需要你压缩图片适合的分辨率,分辨率低了容易失真用户体验不好,高了图片质量太大导致加载慢,所以经常会找一个合适的临界点来选择图片的分辨率。我们选择了这个分辨率来作为合适临界原创 2016-03-12 01:50:09 · 16188 阅读 · 0 评论 -
雅虎十四条:网站前端网页优化的14条原则
内容再丰富的网站,如果慢到无法访问也是毫无意义的;SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭;UE设计的再人性化的网站,如果用户连看都看不到也是空谈。所以,网页的效率优化绝对是最值得关注的方面,那么,我们该如何才能提高一个网页的效率呢?对此,我今天就在马海祥博客上为大家分享一下雅虎网页优化的14条原则,也被称为:雅虎十四条,而这些原则也是我们作为一名SEO人员所必须了解的。 1、减少HTTP转载 2016-03-09 14:37:28 · 972 阅读 · 0 评论 -
如何设计自适应网页
现在的网站不仅需要兼容各种浏览器还需要能自适应不同终端,今天总结下常用来设计自适应网页设计的步骤。 网页自适应设备<meta name="viewport" content="width=device-width, initial-scale=1" />viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(转载 2016-03-20 22:49:48 · 809 阅读 · 0 评论 -
浮动布局的方法(总结)
HTML布局中浮动布局非常常见,很多网站普遍都会使用到浮动布局,博客网站使用最多。做过很多网站,却没有总结过,今天就来分享下自己在浮动布局的总结(本文以微博为例) 微博排版先上图片: 盒子中包含左右两个子盒子(用黑边框将其分开),就以这种左右两栏为布局的模型,来总结浮动布局的方法。 浮动布局HTML排版 <div class="container">原创 2016-04-01 11:48:03 · 12672 阅读 · 3 评论 -
浮动float和清楚浮动clearfix
浮动,在HTML排版常常被使用的一个CSS属性,很多网页设计都会用到浮动,但并不是说浮动是网页排版的必需品。由于浮动具有破坏性,很多时候采用浮动反而会造成适得其反的效果。在张大神的CSS三无准则中就有一条准则是“无浮动”,提倡整个网页排版最好不需要用到浮动元素。每个人并非张大神,对于网页的排版设计有自己的想法和方式,需不需要用到浮动都取决自己,不需要太过刻意去追求完全无浮动的布局。 float的原创 2016-03-31 23:38:41 · 2657 阅读 · 1 评论 -
检测手机类型、密度比和物理宽高
前言随着智能手机的兴起,各大厂商手机产品层出不穷,产品可谓是五花八门,手机的尺寸和密度没有一个固定标准,作为一个前端面对各式各样不同尺寸的手机常常让人觉得痛疼。近几年前端被吹捧的热火朝天,在产品眼里前端无所不能,只有想不到没有做不到。前端需要适配各种终端机承受巨大压力,这次小弟自我总结来说说移动端机型的检测,小弟初生牛犊,如有说的不对的地方欢迎各位大咖指正。 获取浏览器可视宽高var dWi原创 2016-03-08 16:06:19 · 1560 阅读 · 0 评论 -
前端工作总结
今天我的导师突然要求我写下这进一年来的工作总结,作为一名毕业不到一年的前端,写总结让我觉得有些头疼,文采这东西不是与生俱来的,而是需要不断的磨练,想想自己毕业后还真的从来没有写过总结,面对这项巨大的任务,也只能硬着头皮往上顶。写完后我的导师评价说文采写的还是可以的,内心一阵窃喜。既然写了那就把把它记录起来,说不定哪天回头看这份总结时会有另一番滋味。以下就是总结的内容 工作总结 从原创 2016-03-30 18:23:40 · 18248 阅读 · 0 评论 -
常见的块状元素与内联元素
块状元素 内联元素address – 地址blockquote – 块引用center – 举中对齐块dir – 目录列表div – 常用块级容易,也是CSS layout的主要标签dl – 定义列表fieldset – form控制组form – 交互表单h1 – 大标题h2 – 副标题h3 – 3级标题h4 –原创 2015-07-26 23:31:01 · 848 阅读 · 0 评论 -
JS面试题—原型和原型链
一、 题目如何准确判断一个变量是数组类型写一个原型链继承的例子描述new一个对象的过程 二、知识点1.构造函数 function Foo(name, age){ this.name = name this.age = age this.class = 'class-1' // return this //默认有这一行原创 2017-08-08 17:19:35 · 8572 阅读 · 0 评论