08 2015 档案

改善用户体验 Web前端优化策略总结
摘要：前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么？1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2. 从服务商角... 阅读全文
posted @ 2015-08-30 18:15 Lz_Tiramisu 阅读(730) 评论(0) 推荐(0)
JavaScript异步加载方案
摘要：(1) defer，只支持IEdefer属性的定义和用法（我摘自w3school网站）defer 属性规定是否对脚本执行进行延迟，直到页面加载为止。有的 javascript 脚本 document.write 方法来创建当前的文档内容，其他脚本就不一定是了。如果您的脚本不会改变文档的内容，可将 d... 阅读全文
posted @ 2015-08-30 16:07 Lz_Tiramisu 阅读(199) 评论(0) 推荐(0)
A、B、C、D和E类IP地址
摘要：IP地址分为A,B,C,D,E五类。网络号：用于识别主机所在的网络；主机号：用于识别该网络中的主机。其中A类分配给政府机关使用，B类地址给大中型企业使用，C类地址给个人使用。这三种是主要的。IP地址分为五类，A类保留给政府机构，B类分配给中等规模的公司，C类分配给任何需要的人，D类用于组播，E类用于... 阅读全文
posted @ 2015-08-29 15:02 Lz_Tiramisu 阅读(620) 评论(0) 推荐(0)
css选择器的优先级
摘要：在前两天面试的时候，有问到过选择器的优先级，不过平时常用的还说了个一二，可是没有一个很系统的回答，下面就总结一下css优先级的相关知识吧！有不对之处，请大家多多指教！ 选择器权重： 通配选择符的权值 0标签的权值为 1类的权值为 10属性选择的权值为 10伪类选择的权值为 10伪对象选择的权值为 1 阅读全文
posted @ 2015-08-28 18:40 Lz_Tiramisu 阅读(321) 评论(0) 推荐(0)
jQuery on()方法
摘要：jQuery on()方法是官方推荐的绑定事件的一个方法。$(selector).on(event,childSelector,data,function,map)由此扩展开来的几个以前常见的方法有.bind() $("p").bind("click",function(){ alert("... 阅读全文
posted @ 2015-08-27 10:38 Lz_Tiramisu 阅读(328) 评论(0) 推荐(1)
归并排序
摘要：归并排序是一种借助"归并"进行排序的方法，归并的含义是将两个或者两个以上的有序序列归并成一个有序序列的过程。主要是思想是将若干有序序列逐步归并，最终归并为一个有序序列。 二路归并排序是归并排序中最简单的排序方法，基本思想是将若干个有序序列进行两两归并，直至所有待排序记录都在一个有序序列为止。递... 阅读全文
posted @ 2015-08-24 11:32 Lz_Tiramisu 阅读(538) 评论(0) 推荐(0)
CSS浮动的处理
摘要：之前已经发过一遍有关浮动的解决办法，今天看到一些资料后又有了新的想法：在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼1 浮动带来布局的便利，却也带来了新问题 1 2 3 4 5 Clear float 6 23 ... 阅读全文
posted @ 2015-08-22 16:38 Lz_Tiramisu 阅读(229) 评论(0) 推荐(0)
CSS margin重叠 & CSS BFC(Block Formatting Context)
摘要：CSS边界重叠边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。 两个或多个块级盒子的垂直相邻边界会重合，它们的边界宽度是相邻边界宽度中的最大值。注意水平边界是不会重合的。 1.父子重叠 期待这样： 实际这样： 在这里父元素的 阅读全文
posted @ 2015-08-22 16:16 Lz_Tiramisu 阅读(423) 评论(0) 推荐(0)
require.js
摘要：Javascript模块化编程：require.js的用法一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越来越多，一个文件不够了，必须分成多个文件，依次加载。下面的网页代码，相信很多人都见过。 ... 阅读全文
posted @ 2015-08-20 16:07 Lz_Tiramisu 阅读(157) 评论(0) 推荐(0)
bind()函数的作用
摘要：bind()函数是Function原型上的一个属性，当某个函数调用此方法时，可以通过向bind()函数传入执行对象和调用bind的函数的参数来改变函数的执行对象1 /*问题：改变func执行环境，使之输出1*/2 var User = {3 count: 1,4 getCount: ... 阅读全文
posted @ 2015-08-20 15:52 Lz_Tiramisu 阅读(714) 评论(0) 推荐(0)
JavaScript DOM 总结
摘要：一、DOM基础1.节点(node)层次Document－－最顶层的节点，所有的其他节点都是附属于它的。DocumentType－－DTD引用（使用语法）的对象表现形式，它不能包含子节点。DocumentFragment－－可以像Document一样来保存其他节点。Element－－表示起始标签和结束... 阅读全文
posted @ 2015-08-17 18:03 Lz_Tiramisu 阅读(374) 评论(0) 推荐(0)
插入排序-直接插入排序、希尔排序
摘要：插入排序是一类借助'插入'进行排序的算法，主要思想：每次将一个待排序的记录按其关键码大小插入到一个已经排好序的有序序列中，直到全部记录排好序。 一、直接插入排序 直接插入排序是插入排序最简单的算法，类似于玩纸牌时整理手中纸牌的过程。基本思想：依次将待排序序列中的每一个记录插入到一个已经排好序的序列中 阅读全文
posted @ 2015-08-16 16:53 Lz_Tiramisu 阅读(356) 评论(0) 推荐(0)
交换排序-起泡排序、快速排序算法
摘要：交换排序是一类借助交换排序的算法，其主要思想是：在待排序序列中选两个记录，将它们的关键码进行比较，如果反序则交换它们的位置。 一、起泡排序 起泡排序是交换排序中最简单的算法，基本思想：两两比较相邻记录的关键码，如果反序则交换，直到没有反序的记录。代码如下 效率： 时间复杂度：最好：O(n)，最坏：O 阅读全文
posted @ 2015-08-16 15:24 Lz_Tiramisu 阅读(759) 评论(0) 推荐(0)
JavaScript全局函数
摘要：JavaScript 中包含以下 7 个全局函数，用于完成一些常用的功能（以后的章节中可能会用到）：escape( )、eval_r( )、isFinite( )、isNaN( )、parseFloat( )、parseInt( )、unescape( )。1. escape( )escape( )... 阅读全文
posted @ 2015-08-16 11:43 Lz_Tiramisu 阅读(969) 评论(0) 推荐(0)
JavaScript命名空间的理解与实现
摘要：命名空间有效防止函数名/类名和其他人的冲突，在使用多个第三方框架或类库的时候，一旦冲突，唯一能作的就是放弃其中一个。从事Web开发不可避免要接触JavaScript，目前最新版本的JavaScript还是不支持命名空间，所以命名冲突的问题凸显无疑，想象一下你引用了两个js文件，却发现由于命名问题... 阅读全文
posted @ 2015-08-16 11:19 Lz_Tiramisu 阅读(891) 评论(0) 推荐(0)
document.documentElement.clientWidth
摘要：在IE、FireFox、Opera下都可以使用document.body.clientWidthdocument.body.clientHeight即可获得，很简单，很方便。Opera仍然使用document.body.clientWidthdocument.body.clientHeight可是I... 阅读全文
posted @ 2015-08-15 17:51 Lz_Tiramisu 阅读(445) 评论(0) 推荐(0)
HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢？
摘要：先看下面的例子你就能明白两者的差别：测试一下块元素与内联元素的差别测试一下块元素与内联元素的差别在上面的例子中，会自己产生一个新的行，而并没有换行,这是在没有CSS渲染的情况下才这样，同样，我们也可以通过CSS把div定义成内联元素，把span定义成块元素，但是，我们却不能在HTML里任意转化它们，... 阅读全文
posted @ 2015-08-15 14:53 Lz_Tiramisu 阅读(20943) 评论(3) 推荐(2)
html中DTD使用小结
摘要：DTD 是一套关于标记符的语法规则。它是XML1.0版规格得一部分,是html文件的验证机制,属于html文件组成的一部分。DTD：三种文档类型：S（Strict）、T（Transitional）、F（Frameset）。Strict：如果您需要干净的标记，免于表现层的混乱，请使用此类型。请与层叠样... 阅读全文
posted @ 2015-08-15 14:32 Lz_Tiramisu 阅读(2905) 评论(0) 推荐(0)
js设计模式
摘要：一 单例模式单例模式的定义是产生一个类的唯一实例，但js本身是一种“无类”语言。很多讲js设计模式的文章把{}当成一个单例来使用也勉强说得通。因为js生成对象的方式有很多种，我们来看下另一种更有意义的单例。有这样一个常见的需求，点击某个按钮的时候需要在页面弹出一个遮罩层。比如web.qq.com点击... 阅读全文
posted @ 2015-08-14 11:44 Lz_Tiramisu 阅读(376) 评论(0) 推荐(0)
选择排序-简单选择排序、堆排序算法
摘要：选择排序是一类借助选择进行排序的方法，主要思想：每趟排序在当前待排序序列中选出关键码最小的记录，添加到有序序列中。特点是记录移动的次数较少。 一、简单选择排序 选择排序是一种简单直观的排序算法，无论什么数据进去都是O(n2) 的时间复杂度。所以用到它的时候，数据规模越小越好。唯一的好处可能就是不占用 阅读全文
posted @ 2015-08-12 16:58 Lz_Tiramisu 阅读(1111) 评论(0) 推荐(0)
js类型检测
摘要：1、检测字符串(string)、数值(number)、布尔值(boolean)、未定义(undefined)、函数(function) 、对象(object)使用typeof（在Safari和Chrome中检测正则也会返回 "function"）2、检测null 应用“===”,返回"null"3、... 阅读全文
posted @ 2015-08-12 14:36 Lz_Tiramisu 阅读(553) 评论(0) 推荐(0)
CSS浮动相关解决办法
摘要：浮动元素引起的问题： 1. 父元素的一级子元素全都为浮动元素的情况下，父元素的高度无法被撑开，影响与父元素同级的元素 2. 与浮动元素同级的非浮动元素（内容）会跟随其后 3. 若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显示的结构 解决方法： 使用 CSS 中的 clear:bo 阅读全文
posted @ 2015-08-11 21:50 Lz_Tiramisu 阅读(311) 评论(0) 推荐(0)
驼峰表示法的转换
摘要：1.用传统的字符串操作，要把-b和-c转成大写的B和C。那么我们可以用split()方法来进行分割利用toUpperCase()方法来转大写。最后用join()方法来拼接。 1 foo="get-element-by-id"; 2 function test(str){ 3 var arr=str.... 阅读全文
posted @ 2015-08-10 21:31 Lz_Tiramisu 阅读(848) 评论(0) 推荐(0)
[] == ![]为什么是true
摘要：我们先来考虑这个问题，console.log([] == false)会打印什么呢？ 答案是true。为什么呢？ 首先，因为当"=="号两边其中一个是布尔值的话，先把它转换为数字（ECMAScript的规范）。于是就变成了求[] == 0。 然后问题是为什么[]==0会是true呢？这是因为当... 阅读全文
posted @ 2015-08-10 18:12 Lz_Tiramisu 阅读(827) 评论(0) 推荐(0)
CSS3实现简单的幻灯片
摘要：css3 幻灯片 阅读全文
posted @ 2015-08-10 15:28 Lz_Tiramisu 阅读(3316) 评论(0) 推荐(0)
页面重构的模块化思维
摘要：经常讨论到"模块化"的问题，“模块化”只是我们对于过去一直使用的技术、方法的一个新潮的称谓，就像“Ajax”。不过做为页面重构发展的一种趋势，越来越被大家重视，不自觉也满口的“模块化”，只是你真的理解什么是“模块化”吗？什么是模块化？对“模块化”的解释，在CNKI中就有28种。可见“模块化”思维... 阅读全文
posted @ 2015-08-10 14:16 Lz_Tiramisu 阅读(736) 评论(0) 推荐(0)
javascript中caller和callee call和apply
摘要：Arguments：该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n] 参数function ：选项。当前正在执行的 Function 对象的名字。n ：选项, 要传递给 Function 对象的从0开始的参数值索引。说明Arguments ：是进行函数调用... 阅读全文
posted @ 2015-08-10 09:41 Lz_Tiramisu 阅读(239) 评论(0) 推荐(0)
我的第一篇
摘要：学习前端这半年以来，收获很多，感受也很多，很承认的一件事就是开始学习前端的时间比较晚，对于一个即将找工作的我来说可能找到一个好工作简直就是天方夜谭，但是我来安慰自己的就是亡羊补牢，为时未晚，和大多数人比起来，我自认为自己的优势就是学习比较"实"，对知识的渴求绝不止于表面，无论遇到什么问题，都不单... 阅读全文
posted @ 2015-08-09 23:06 Lz_Tiramisu 阅读(244) 评论(0) 推荐(0)