JiaoLong_H-优快云博客

原创 MUSIC开发结束小记

感谢在这里心里最想感谢的人是，培培，真的是几乎在培培手把手的指导下完成了3个独立页面。并且不仅授我予鱼，更是授我予渔。在梳理完开发过程中遇到的技术细节外，这里想更多的谈谈自己心理上的感受和收获。这次开发大体时间上的安排如下：9.18-9.26 工作时间：8天9.18, 9.19, 9.21纯静态页面9.22,9.23套数据，与php联调9.24改全部歌单左侧，喜欢

2014-09-28 00:05:29 633

原创行内非替换元素的实际高度

晚上一个小师妹，问我为什么

2014-09-15 23:13:26 942

原创熟悉而又陌生的table(续）

针对tabletable:fixed之后，指定col宽度，对td做{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}如果是在table上做，结构不会乱，但是超出宽度的不会被截断如果没有fixed，只指定col宽度，需要在td中加标签，p等，在p上做{white

2014-09-13 17:23:48 618

原创常用变量缩写对照表

世上规则千千万，遵循一种zi保持所有代码的一致性。使用相同的命名规则。这世界上没有最好的命名规范。函数:动词+定语（形容词）+宾语（名词））比如getResponse，sendRequest成员变量:名词或者偏正短语（形容词+中心语（名词））比如RequestHeaders，BufferSize变量名缩写count；index 代替num，nototal

2014-07-18 18:07:07 2895

原创熟悉而又陌生的table

在处处大谈语义化的今天，人们谈起table时心里大多都是很复杂的，一方面是因为使用table确实在布局上能给我们带来很大的方便，避免很多意外的情况和兼容性的问题；另一方面则是不太清楚什么时候该用table，什么时候不该用。下面我们就一起聊一聊关于table的事情二三。（如果有不对的或是不足的地方还请大家指出来和补充^_^）。

2014-07-17 09:55:50 797

原创将文档中className有“red”的标签背景色设为红色（百度2014校招前端笔试题）

用原生JS实现要求考点：1.原生js中只有getElementById()和getElementsByTagName()两个方法。值得注意的是，IE7中，如果A标签name的值等于B标签id的值，且A标签在B标签前，那么getElementById()获取到的是对A标签的应用。2. 使用DOM API操作css时，一般将css属性名改为js中的驼峰样式即可，但也有特殊的，比如css

2013-10-03 23:15:23 1625

原创用javascript对象模拟LRUcache缓存池（百度2014校招前端笔试题）

/* 利用数组模拟缓存池 * 每个数组元素是一个对象，{k:v},k->key,v->value * key可看为是块号，value可看为是块中的内容 * 块号可相同，但块中的内容则不一定相同 */ function LRUcache(size) { this.size = typeof size === "number" ? size : 0; if(this.siz

2013-10-03 20:45:24 1118

原创 emmet使用方法简介

作为一名前端开发，需要写大量的html标签，还要闭合这些标签，面对大工作量时，一个标签一个标签的写就显得效率很低。而emmet的出现恰恰可以有效提高我们的工作效率。Emmet的前身为zend coding，前端开发的神器。下面是我目前用到的一些emmet语法。将将算是入个门吧。首先，我是在sublime text2中通过包安装了emmet。之后，同通过快捷键ctrl+alt+enter

2013-09-14 23:56:04 1067

原创 stack和heap的区别

我们在面试或是笔试的时候都会被问到stack和heap的区别。这里做一个简单的介绍。首先，这里说的heap不是数据结构的堆，数据结构里的堆是一种数据结构，是二叉树的一种。stack也不是数据结构的栈，数据结构里的栈是一种数据结构，是一种先进后出的结构。而今天我们所讲的stack，heap指的是变量在内存中所存放的位置。一般情况下，变量在内存中存放的位置有3种：1. 栈（stack）：函

2013-09-13 09:54:00 750

原创设计师要懂心理学

作为一枚前端工程师，有必要关注网页布局和用户体验的种种。所以，看完《设计师要懂心理学》后，做了简短的归纳，分类没有按照人们心理学的类别，而是从前端的角度。页面布局1. 屏幕上的小闪动容易让人分心，重要的内容周围别放动画或闪烁元素。2. 人会不自主的寻找规律，因此可以利用间隔和分组创造规律。3. 多用二维元素，抽象元素，可以让人更快，更轻松的识别物体

2013-09-12 16:27:21 844

原创 Web前端优化需要注意的点

关键在于：如何提高页面访问速度；如何减少服务器负载和带宽压力；1. cache：包括数据库表的缓存，浏览器缓存，服务器端缓存（代理服务器缓存，CDN缓存，反向代理服务器缓存），web应用程序缓存（HTML5，manifest）2. css sprite: 在文件大小与建立连接数之间找到一个平衡。动态css sprite（将需要的图片动态拼接成一个大图）3.

2013-07-11 23:01:38 893

原创对前端开发这个工作的认识

1. 最开始的阶段，前端开发相当与是给房子装修，由美工提供设计图纸，后端工程师构建基础框架搭建毛坯房，然后前端开发工程师按照走线等等合理布局，将图纸上的样式实现。2. 随着web 的不断发展，由最开始的静态网页，到后来需要局部更新数据的需求，促使我们需要精确的从服务器端取出数据并显示在页面上。也就是与后台动态进行交互，这是以前简单的页面制作所达不到的。同时，现在前端需要做大

2013-07-11 23:00:50 5361

原创 FF、IE6-常见问题大不同

1.PNG透明度IE6中支持PNG透明度的方法，AlphaImageLoader过滤器filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/my-image.png',sizingMethod='crop');background:none;IE PNG fix:使用Microsoft专有的C

2013-06-11 10:49:35 602

原创 Web前端开发修炼之道-HTML篇

1.标签的语义化先确定HTML，确定语义的标签，再来选用合适的CSS。浏览器会根据标签的语义给定一个默认的样式。2.表单表单域要用fieldset标签包起来，并用legend标签说明表单的用途。每一个input标签对应的说明文本都要用label标签，并通过为input设置id属性，在label标签中设置“for = someID” 来让说明文本和相应的input关联起来。

2013-06-07 15:13:11 688

原创 Web前端开发修炼之道-CSS篇2（转+改）

1.display:inline-block和hasLayoutdisplay:block,inline,list-item,table-cell,inline-bloack等等。为了兼容IE6、IE7(不支持display:inline:block)，我们真正能使用的display类型只有inline,block和none.display:inline-block集块级元素和行内元素

2013-06-07 14:19:51 818

原创 Web前端开发修炼之道-CSS篇（转+改）

模块拆分原则：1.模块与模块之间尽量不要包含相同的部分，如果有相同的部分，应将它们提取出来，拆分成一个独立的模块.2.模块应在保证数量尽可能少的原则下，做到尽可能的简单，以提高重用性。CSS调用：1.将相同的部分抽取出来单独成为一个calss2.多用组合，少用继承3.多使用,少使用上下边距(Margin)：1.如果不确定模块的上下margin特别稳定，最好不要讲它写

2013-06-07 12:30:13 951

原创【Node.js】环境配置及调试方法

Node.js可以在不同的操作系统下运行。这里先简单介绍下在windows下的环境配置。1.首先，下载安装包并安装。在http://nodejs.org，点击download连接，选择windows instraller。 Node.js会被自动安装在C:\Program Files\nodejs中，并会在系统的PATH环境变量中增加了该目录。同时还自动附带了npm(Node包管理器)。

2013-05-17 11:04:14 1742

原创【JavaScript高级程序设计】对象的创建与继承

关于JS面向对象的部分中，关于对象的创建和继承的各种方法，以及这些方法之间的区别和适用场景是经常被问到的。首先，关于对象的创建。1.最简单的方法，大括号创建，var o = {}；或者是用对象字面量方法，var 0 = {name:"jack",age = 10};问题：当使用相同接口创建很多对象时，会产生大量重复的代码。2.工厂模式方法：将创建对象的细节封装起来，这样可以解决

2013-05-08 14:08:29 559

转载字符串匹配【KMP算法】

看到一个最直接，浅而易见的讲解。直接上地址：http://www.admin10000.com/document/1974.html

2013-05-07 16:17:34 427

转载字符串匹配【Boyer-Moore算法】

直接上地址，http://www.admin10000.com/document/1989.html两个关键词：坏字符；好后缀

2013-05-07 16:07:13 570

原创【JS】大整数相加，相乘

首先，对于大整数，是指超过规定类型的整数，它一般的存储类型为字符串类型char。所以大整数的加、乘，实际上就是模拟手工运算。做每一位的运算。在JS中，需要将字符串中的每一位字符利用parseInt()转成整数，再做加减，否则最后的结果是字符串的连接。其次，对于大整数加法，考虑的比较简单，因为每一位若是有进位，则最多进位是1。需要考虑的特殊情况是，在最高位如果有进位，则需

2013-04-23 16:31:03 3397

原创【面试-概率】喝茶，喝咖啡

问：一个办公室里喜欢喝茶的有70%，喜欢喝咖啡85%，那同时喜欢喝咖啡和喝茶的有多少？答：其实这个有一个区间，最大值的和最小值。最大值就是大概率的喝咖啡的人把较小概率的喝茶的人全部包括了。即取两者较小的概率70%。最小值，就是大概率的喝咖啡的人要最大程度的覆盖不喜欢喝茶的人，即85%-30%=55%.PS:这是腾讯面试比较常问的一道题，以前有遇到过，但是这次自己被问到的时候

2013-04-23 13:48:44 1286

原创【自制】网站发布流程

这是在2012年7月的时候，自己发布一个小型网站的流程。现在搬到这里来。1.注册一个域名可以在美橙网等注册一个域名，往往要花钱。2.域名解析要先租用主机，然后再在你注册域名的网站同时进行域名解析注意：两个记录类型都是A记录，@是可以在地址栏直接访问域名，www是在地址栏里“www.aaa.com”的形式访问域名。3.租用虚拟主机这个可以有免费的，如主机屋，但是在

2013-04-15 15:13:03 968