随笔分类 -  前端

上一页 1 2 3 4 5 6 下一页
彻底弄懂 Http 缓存机制 - 基于缓存策略三要素分解法
摘要：导语Http 缓存机制作为 web 性能优化的重要手段，对从事 Web 开发的小伙伴们来说是必须要掌握的知识，但最近我遇到了几个缓存头设置相关的题目，发现有好几道题答错了，有的甚至在知道了正确答案后依然不明白其原因，可谓相当的郁闷呢！！为了确认下是否只是自己理解不深，我特意请教了其他几位小伙伴，发现... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(163) 评论(0) 推荐(0)
getBoundingClientRect的用法
摘要：getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。1.语法：这个方法没有参数。rectObject = object.getBoundingClientRect();2.返回值类型：TextRectangl... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(286) 评论(0) 推荐(0)
canvas贪吃蛇
摘要：canvas贪吃蛇 Title 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(155) 评论(0) 推荐(0)
jQuery与Zepto的异同
摘要：一,同： Zepto最初是为移动端开发的库，是jQuery的轻量级替代品，因为它的API和jQuery相似，而文件更小。Zepto最大的优势是它的文件大小，只有8k多，是目前功能完备的库中最小的一个，尽管不大，Zepto所提供的工具足以满足开发程序的需要。大多数在jQuery中·常用的API和方法... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(95) 评论(0) 推荐(0)
常见浏览器兼容性问题与解决方案
摘要：所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(181) 评论(0) 推荐(0)
H5面试题---&&的使用
摘要：&&的使用弹出的a和b分别是？结果：a=3,b=1;注意：（1）&& “前面” 计算结果如果是false，&&后面的就不运行了。（2）if()后面有一个“；”。 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(88) 评论(0) 推荐(0)
webstorm中vue语法没有提示,怎么解决?
摘要：webstorm中vue语法没有提示,怎么解决?Mac： preferences>plugin,如果没有vue直接下载就行了；windows：应该在setting --> plugin；下载后，关闭webstrome，重新加载下 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(165) 评论(0) 推荐(0)
HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
摘要：HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。 一开始触摸事件tou... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(169) 评论(0) 推荐(0)
H5面试题---HTTP状态码知道哪些
摘要：HTTP状态码知道哪些？100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(109) 评论(0) 推荐(0)
H5面试题---new操作符具体干了什么呢
摘要：new操作符具体干了什么呢?（1）创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。（2）属性和方法被加入到 this 引用的对象中。（3）新创建的对象由 this 所引用，并且最后隐式的返回 this 。 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(171) 评论(0) 推荐(0)
H5---null和undefined的区别？
摘要：null和undefined的区别？null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。undefined：（1）变量被声明了，但没有赋值时，就等于undefined。（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(340) 评论(0) 推荐(0)
H5面试题---介绍js的基本数据类型
摘要：js的基本数据类型Undefined、Null、Boolean、Number、String 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(379) 评论(0) 推荐(0)
H5面试题---Label的作用是什么？是怎么用的？
摘要：Label的作用是什么？是怎么用的？label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。 Number:Date: 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(175) 评论(0) 推荐(0)
H5面试---Doctype作用
摘要：Doctype作用1）声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。2）严格模式的排版和js运作模式是以该浏览器支持的最高标准运行。3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。4）DOCTYPE不存在或格式不... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(155) 评论(0) 推荐(0)
移动前端开发之viewport的深入理解
摘要：在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(106) 评论(0) 推荐(0)
原创移动端高清、多屏适配方案
摘要：背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480，现在更多的是ip... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(143) 评论(0) 推荐(0)
手机分辨率和webapp分辨率的关系
摘要：进行移动web开发已经有一年多的时间了，期间遇到了一些令人很困惑的东西。比如：我们经常使用的里的viewport究竟是什么意思，这里的device-width跟我们用JS获取到的屏宽的区别与联系分别是什么，为什么去掉标签后页面会变得很小很小？为什么很多分辨率很大的屏幕宽度其实并不大，屏幕分辨率与用J... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(313) 评论(0) 推荐(0)
H5面试---怎么解决 display:inline-block 之间显示间隙问题
摘要：怎么解决 display:inline-block 之间显示间隙问题？1、移除空格（div之间回车）2、使用margin 负值3、使用 font-size:04、letter-spacing 5、word-spacing 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(225) 评论(0) 推荐(0)
CSS3 Transform变形理解与应用
摘要：Transform：对元素进行变形；Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。Animation：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。可以设置多个关键贞。 Transit... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(325) 评论(0) 推荐(1)
H5面试----简述一下src与href的区别
摘要：src与href的区别href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解... 阅读全文
posted @ 2017-11-05 23:15 17722857587 阅读(285) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 下一页