自适应布局
摘要：
一、什么是布局？ 所谓布局，其实包含两个含义：尺寸与定位 也就是说，所有与尺寸和定位相关的属性，都可以用来布局。 大体上，布局中会用到的有： 尺寸相关： 1、先说说百分比，百分比是相对父对象的， 这里特性非常好用，很多时候会用在自适应布局上面。 浏览器尺寸的改变，就是根节点html的长宽改变， 我们 阅读全文
posted @ 2017-12-27 17:36 木之子梦之蝶 阅读(212) 评论(0) 推荐(0) 编辑
前端性能优化问题研究
摘要：
一、为什么要进行前端优化 在构建web站点的过程中，任何一个细节都有可能影响网站的访问速度， 如果不了解性能优化知识，很多不利网站访问速度的因素会形成累加， 从而严重影响网站的性能，导致网站访问速度变慢，用户体验低下，最终导致用户流失。 即用户感受很不好！！！！ 二、什么是前端优化？ 从用户访问资源 阅读全文
posted @ 2017-12-27 10:52 木之子梦之蝶 阅读(248) 评论(0) 推荐(0) 编辑
css3——漂亮的字体样式
摘要：
著名网站使用字体实例： 例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2（淘宝技术研发中心）：font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif; 阅读全文
posted @ 2017-12-11 10:31 木之子梦之蝶 阅读(15772) 评论(1) 推荐(0) 编辑
JavaScript权威指南学习笔记——类型、值、变量
摘要：
编程语言最基本的特性就是能够支持多种数据类型 1、值value：就是计算机运行时操作的一些数据对象 2、数据类型type：就是计算机表示并能操作的值的类型 3、变量variable：一个值的符号名称，当程序需要将值保存 起来备用时，就将值赋给一个变量 4、数据类型分类：原始类型和对象类型 原始类型： 阅读全文
posted @ 2017-12-08 21:15 木之子梦之蝶 阅读(163) 评论(0) 推荐(0) 编辑
JavaScript权威指南学习笔记——词法结构
摘要：
编程语言都有对应的词法结构：即用一套基础性规则来描述如何使用这门语言来编写程序 JavaScript词法结构 1、JavaScript是区分大小写的，但是HTML是不区分大小写的，XHTML是区分大小写的 2、JavaScript会忽略程序中的标识之间的空格 3、JavaScript两种注释方法// 阅读全文
posted @ 2017-12-08 20:32 木之子梦之蝶 阅读(151) 评论(0) 推荐(0) 编辑
css3——小实例
摘要：
实现列表前面带字标题 制作小标题（丝带） 实现文字跳动 定位效果 绘制各种各样的图标 绘制出可爱的猫头鹰图像 阅读全文
posted @ 2017-12-07 14:44 木之子梦之蝶 阅读(107) 评论(0) 推荐(0) 编辑
json与jsonp
摘要：
JSON是一种轻量级的数据交换格式。 JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。 JSONP是“JSON with padding”的简写，我将其翻译为“被包裹的JSON”， JSONP技术是早期某个(些?)聪明的程序员发 阅读全文
posted @ 2017-12-06 16:27 木之子梦之蝶 阅读(117) 评论(0) 推荐(0) 编辑
sdk学习笔记
摘要：
一、sdk是什么？ 1、sdk全称为software development kit即软件开发工具包 2、通常SDK是由专业性质的公司提供专业服务的集合 3、是一些被软件工程师用于为特定的软件包、软件框架、硬件平台、操作系统等创建应用软件的开发工具的集合 4、是指由第三方服务商提供的实现软件产品某项 阅读全文
posted @ 2017-12-06 15:49 木之子梦之蝶 阅读(116) 评论(0) 推荐(0) 编辑
web前端之笔试题目搜集
摘要：
面试类容： 作用域、原型、闭包、css布局原理、性能优化 行内元素和块状元素区别 css盒子模型 面试来源： 《响应式web设计—HTML5和CSS3实战》 《javascript高级程序设计》 《javascript权威指南》 阅读全文
posted @ 2017-12-06 13:52 木之子梦之蝶 阅读(146) 评论(0) 推荐(0) 编辑
web前端自适应布局的几种方法
摘要：
一、自适应布局方法分类 （1）一般来说有以下几种web前端自适应布局方法： 1、浮动 float:left|right——最常用的布局方式之一 设置了float的元素脱离了文档流。 需要注意在使用过浮动后，需要清除浮动，从而避免影响后面的非浮动元素。 2、inline-block display:i 阅读全文
posted @ 2017-12-05 18:40 木之子梦之蝶 阅读(2697) 评论(0) 推荐(0) 编辑