2016年11月17日
cookies，sessionStorage 和 localStorage区别
摘要： cookies，sessionStorage 和 localStorage 的区别 cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。 cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。存储大小： c 阅读全文
posted @ 2016-11-17 21:20 w宇小白 阅读(185) 评论(0) 推荐(0) 编辑
优雅降级和渐进增强的理解：
摘要： 优雅降级和渐进增强的理解：渐进增强 ：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等 改进和追加功能达到更好的用户体验。优雅降级 ：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。区别：优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是 阅读全文
posted @ 2016-11-17 09:10 w宇小白 阅读(344) 评论(0) 推荐(0) 编辑
前端面试题小结④
摘要： 1.<!Doctype> 声明文档的类型。 指示web浏览器关于页面使用哪个HTML版本进行编写的指令。 2.如何解决HTML5在实际应用中的兼容性问题？ 其实解决HTML5在实际应用中的兼容性难题，真正实现HTML5的跨平台，有两个途径： 1）通过HTML5的底层框架来屏蔽不同浏览器的兼容问题，所 阅读全文
posted @ 2016-11-17 08:49 w宇小白 阅读(148) 评论(0) 推荐(0) 编辑
2016年11月15日
前端面试题小结③
摘要： a) 新增了一些标签，nav，header，footer…… b) Canvas：绘图 c) Svg：绘图 d) 音频与视频标签，且提供了音频和视频的控制 e) 本地存储 f) 离线应用 g) 地理位置定位 h) 多线程 i) 新增的表单控件 a) B b) Font c) Frame d) Fra 阅读全文
posted @ 2016-11-15 20:05 w宇小白 阅读(117) 评论(0) 推荐(0) 编辑
前端面试题小结②
摘要： a) ECMAScript，ECMA-262, b) 2015年6月17日，ECMAScript 6正式版—>ECMAScript2015àES6 a) 脚本语言：解释型 b) 基于对象（不是面向对象） c) 简单：弱类型 var d) 跨平台：只依赖浏览器 e) 嵌入式：js脚本写在HTML当中， 阅读全文
posted @ 2016-11-15 19:06 w宇小白 阅读(147) 评论(0) 推荐(0) 编辑
2016年11月14日
前端面试题小结①
摘要： 1.1web标准，简单来说就是将页面的结构、表现和行为各自独立实现, W3C对web标准提出了规范化的要求： 1.对结构的要求：（标签规范可以提高搜索引擎对页面的抓取效率，对SEO帮助） 1）标签字母要小写； 2）标签要闭合； 3）标签不允许随意嵌套。 2.对css和js的要求： 1）尽量使用外联c 阅读全文
posted @ 2016-11-14 21:13 w宇小白 阅读(228) 评论(0) 推荐(0) 编辑
css3动态旋转魔方练习
摘要： 图片素材： html部分： <!DOCTYPE html><html><head> <meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /> <title>葫芦兄弟旋转 阅读全文
posted @ 2016-11-14 20:34 w宇小白 阅读(2226) 评论(1) 推荐(0) 编辑
2016年11月12日
jQuery用法小结
摘要： jQuery加载1.$(document).ready()2.添加css样式:单个：$("p").css("color","red"); 多个样式:$("p").css({"color":"red","border":"1px"})3.选择器：$("p") 选取 <p> 元素。$("p.intro" 阅读全文
posted @ 2016-11-12 18:49 w宇小白 阅读(206) 评论(0) 推荐(0) 编辑
2016年11月10日
Bootstrap个人总结
摘要： Bootstrap框架 1.以栅栏式布局，分12列，16列，24列和32列，常用12列。 2.整个页面必须在container容器内部 3.移动端以 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 来使视图一 阅读全文
posted @ 2016-11-10 21:26 w宇小白 阅读(451) 评论(0) 推荐(0) 编辑
javascript平时例子⑩（表情发送）
摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #div1 { width: 500px; height 阅读全文
posted @ 2016-11-10 14:54 w宇小白 阅读(183) 评论(0) 推荐(0) 编辑