2016年12月23日
移动端 --- 布局
摘要： 一. viewport 什么是viewport 简单来讲，viewport就是浏览器上，用来显示网页的那一部分区域了，也就是说，浏览器的实际宽度，是和我们手机的宽度不一样的，无论你的手机宽度是320px，还是640px，在手机浏览器内部的宽度，始终会是浏览器本身的viewport。如今的浏览器，都会 阅读全文
posted @ 2016-12-23 16:53 学无止境的小学生 阅读(445) 评论(0) 推荐(0) 编辑
【经验之谈】前端面试知识点总结03（JavaScript相关）——附答案
摘要： 目录 三、JavaScript部分 1、谈谈你对Ajax的理解？(概念、特点、作用) 2、说说你对延迟对象deferred的理解? 3、什么是跨域，如何实现跨域访问? 4、为什么要使用模板引擎？ 5、JavaScript是一门什么样的语言，它有哪些特点？ 6、JavaScript的数据类型有哪些？ 阅读全文
posted @ 2016-12-23 15:22 学无止境的小学生 阅读(274) 评论(0) 推荐(0) 编辑
【经验之谈】前端面试知识点总结（CSS相关）——附答案
摘要： 目录 二、CSS部分 1、解释一下CSS的盒子模型？ 2、请你说说CSS选择器的类型有哪些，并举几个例子说明其用法？ 3、请你说说CSS有什么特殊性?（优先级、计算特殊值） 4、要动态改变层中内容可以使用的方法？ 5、常见浏览器兼容性问题与解决方案？ 6、列出display的值并说明他们的作用？ 7 阅读全文
posted @ 2016-12-23 15:20 学无止境的小学生 阅读(272) 评论(0) 推荐(0) 编辑
【经验之谈】前端面试知识点总结（HTML相关）——附答案
摘要： 目录 一、HTML部分 1、浏览器页面有哪三层构成，分别是什么，作用是什么? 2、HTML5的优点与缺点？ 3、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义? 4、HTML5有哪些新特性、移除了哪些元素？ 5、你做的网页在哪些流览器测试过,这些浏览器的内核分别是什么? 6、每个HT 阅读全文
posted @ 2016-12-23 15:15 学无止境的小学生 阅读(255) 评论(0) 推荐(0) 编辑
前端可视化开发-livereload
摘要： 在前端开发中，我们会频繁的修改html、css、js，然后刷新页面，开效果，再调整，再刷新，不知不觉会浪费掉我们很多时间。有没有什么方法，我在编辑器里面改了代码以后，只要保存，浏览器就能实时刷新。经过不懈的努力，发现了这么一个工具--livereload。这是一款能根据你本地文件(html、css、 阅读全文
posted @ 2016-12-23 15:06 学无止境的小学生 阅读(159) 评论(0) 推荐(0) 编辑
CSS3与页面布局学习笔记（八）——浏览器兼容性问题与前端性能优化方案
摘要： 目录 一、浏览器兼容 1.1、概要 1.2、浏览器内核 1.3、浏览器市场份额（Browser Market Share） 1.4、兼容的一般标准 1.5、CSS Reset 1.6、CSS Hack 1.6.1、条件注释法 1.6.2、样式内属性标记法 1.6.3、选择器前缀法 1.7、文档模式 阅读全文
posted @ 2016-12-23 11:28 学无止境的小学生 阅读(187) 评论(0) 推荐(0) 编辑
CSS3与页面布局学习笔记（七）——前端预处理技术（Less、Sass、CoffeeScript、TypeScript）
摘要： 目录 一、Less 1.1、概要 1.2、变量 1.3、解析Less 1.3.1、在线处理 1.3.2、预处理 1.4、混入(Mixins) 1.5、嵌套 1.6、运算 1.7、函数 1.8、继承 1.9、作用域 1.10、注释 二、Sass 2.1、变量 2.2、嵌套 2.3、导入 2.4、mix 阅读全文
posted @ 2016-12-23 11:27 学无止境的小学生 阅读(189) 评论(0) 推荐(0) 编辑
CSS3与页面布局学习笔记（六）——CSS3新特性（阴影、动画、渐变、变形( transform)、透明、伪元素等）
摘要： 目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1、背景图像尺寸 2.2、背景图像显示的原点 三、伪元素 3.1、before 3.2、after 3.3、清除浮动 四、圆角与边框 4.1、border-radius 圆角 4.2、边框图片border-image 五、变形 tra 阅读全文
posted @ 2016-12-23 11:25 学无止境的小学生 阅读(175) 评论(0) 推荐(0) 编辑
CSS3与页面布局学习笔记（四）——页面布局大全(负边距、双飞翼、多栏、弹性、流式、瀑布流、响应式布局)
摘要： 目录 一、负边距与浮动布局 1.1、负边距 1.1.1、向上移动 1.1.2、去除列表右边框 1.1.3、负边距+定位，实现水平垂直居中 1.1.4、去除列表最后一个li元素的border-bottom 1.2、双飞翼布局 1.3、多栏布局 1.3.1、栅格系统 1.3.2、多列布局 二、弹性布局（ 阅读全文
posted @ 2016-12-23 11:24 学无止境的小学生 阅读(391) 评论(0) 推荐(0) 编辑
CSS3与页面布局学习笔记（五）——Web Font与CSS Sprites（又称CSS精灵、雪碧图）技术
摘要： 目录 一、web font 1.1、什么是font-face 1.2、font-face优点 1.3、字体格式 1.4、使用@font-face 1.4.1、下载字体 1.4.2、使用font-face将字体引入web中 1.4.3、应用字体 1.4.4、字体格式转换 1.4.5、查看字体编码 1. 阅读全文
posted @ 2016-12-23 11:24 学无止境的小学生 阅读(154) 评论(0) 推荐(0) 编辑
CSS3与页面布局学习笔记（三）——BFC、定位、浮动、7种垂直居中方法
摘要： 目录 一、BFC与IFC 1.1、BFC与IFC概要 1.2、如何产生BFC 1.3、BFC的作用与特点 二、定位 2.2、relative 2.3、absolute 2.4、fixed 2.5、z-index属性 2.6、菜单 2.7、:target伪类 三、浮动 3.1、float取值 3.2、 阅读全文
posted @ 2016-12-23 11:23 学无止境的小学生 阅读(240) 评论(0) 推荐(0) 编辑
CSS3与页面布局学习笔记（二）——盒子模型(Box Model)、边距折叠、内联与块标签、CSSReset
摘要： 目录 一、盒子模型（Box Model） 1.1、宽度测试 1.2、溢出测试 1.3、box-sizing属性 1.4、利用CSS画图 二、边距折叠 2.1、概要 2.2、垂直方向外边距合并计算 三、内联与块级标签 3.1、行内标签与块标签区别 3.2、隐藏 3.3、行内块标签 3.4、菜单示例 四 阅读全文
posted @ 2016-12-23 11:21 学无止境的小学生 阅读(114) 评论(0) 推荐(0) 编辑
CSS3与页面布局学习笔记（一）——概要、选择器、特殊性与刻度单位
摘要： 目录 一、CSS3概要 1.1、特点 1.2、效果演示 1.3、帮助文档与学习 二、选择器 1.1、基础的选择器 1.2、组合选择器 1.3、属性选择器 1.4、伪类 1.5、伪元素 三、特殊性（优先级） 3.2、计算特殊性值 四、刻度 4.1、绝对长度单位 4.2、文本相对长度单位 4.3、Web 阅读全文
posted @ 2016-12-23 11:17 学无止境的小学生 阅读(68) 评论(0) 推荐(0) 编辑
前端面试知识点大纲
摘要： 录 1、HTML相关问题 （1）、说说你对HTML语义化的理解 （2）、Doctype作用 严格模式与混杂模式如何区分 它们有何意义 （3）、你知道多少种Doctype文档类型 （4）如何区分 HTML 和 HTML5 （5）、HTML5有哪些新特性，移除了哪些废弃元素 2、CSS 相关问题 （1） 阅读全文
posted @ 2016-12-23 11:11 学无止境的小学生 阅读(240) 评论(0) 推荐(0) 编辑
前端学习笔记——移动前端UI选择
摘要： 目录 一、jQuery Mobile 二、Framework7 三、SUI Mobile 四、WeUI 五、Ionic 六、Sencha Touch 七、Bootstrap 八、HBuilder (MUI+HTML5Plus) 目录 一、jQuery Mobile 二、Framework7 三、SU 阅读全文
posted @ 2016-12-23 11:08 学无止境的小学生 阅读(106) 评论(0) 推荐(0) 编辑
JavaScript学习总结——我所理解的JavaScript闭包
摘要： 目录 一、闭包（Closure） 1.1、什么是闭包？ 1.2、为什么要用闭包（作用）？ 1.2.1、保护函数内的变量安全。 1.2.2、通过访问外部变量，闭包可以保存这些变量的上下文环境 1.3、闭包的经典示例 1.3.1、示例一 1.3.2、示例二 1.3.3、示例三 目录 一、闭包（Closu 阅读全文
posted @ 2016-12-23 11:07 学无止境的小学生 阅读(230) 评论(0) 推荐(0) 编辑
CSS3学习总结——实现瀑布流布局与无限加载图片相册
摘要： 目录 一、pic1.html页面代码如下： 二、模拟数据库数据的实体类Photoes.cs代码如下： 三、服务器返回数据给客户端的一般处理程序Handler1.ashx代码如下： 四、示例下载： 五、了解更多瀑布流布局的的知识： 目录 一、pic1.html页面代码如下： 二、模拟数据库数据的实体类 阅读全文
posted @ 2016-12-23 11:06 学无止境的小学生 阅读(148) 评论(0) 推荐(0) 编辑
图解GitHub基本操作
摘要： 目录 一、注册并登陆到github网站 1.1、打开github网站首页（https://github.com/） 1.2、注册一个自己的github账号 1.3、登陆自己的github账号 二、创建一个自己的仓库 三、在Hbuilder环境下上传自己的开源项目到github仓库 四、在Hbuild 阅读全文
posted @ 2016-12-23 11:05 学无止境的小学生 阅读(207) 评论(0) 推荐(0) 编辑
【干货分享】前端面试知识点锦集01（HTML篇）——附答案
摘要： 目录 一、HTML部分 1、浏览器页面有哪三层构成，分别是什么，作用是什么? 2、HTML5的优点与缺点？ 3、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义? 4、HTML5有哪些新特性、移除了哪些元素？ 5、你做的网页在哪些流览器测试过,这些浏览器的内核分别是什么? 6、每个HT 阅读全文
posted @ 2016-12-23 11:04 学无止境的小学生 阅读(414) 评论(0) 推荐(0) 编辑
【干货分享】前端面试知识点锦集02（CSS篇）——附答案
摘要： 目录 二、CSS部分 1、解释一下CSS的盒子模型？ 2、请你说说CSS选择器的类型有哪些，并举几个例子说明其用法？ 3、请你说说CSS有什么特殊性?（优先级、计算特殊值） 4、要动态改变层中内容可以使用的方法？ 5、常见浏览器兼容性问题与解决方案？ 6、列出display的值并说明他们的作用？ 7 阅读全文
posted @ 2016-12-23 11:01 学无止境的小学生 阅读(732) 评论(0) 推荐(0) 编辑