- 博客(114)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 基于jekyll的个人博客搭建（一）之_config.yml
前言在读本文章之前，你需要懂那么一点git的知识。但是不是最重要的。什么是_config.yml_config.yml是jekyll的配置文件。具体包括：(...此处省略很多..)。这里之所以没有一一列出来是因为，讲那么多完全没有必要，因为开始的你根本用不上这些个配置。我们所需要了解的就是以下三个：permalink：这个规定了你博客的URL地址 。默认是date一
2012-09-15 21:05:59
1982
原创 写瀑布流中使用到的一个或许数组最小下标的函数（不知道还有没有更好的方法）
一、前言瀑布流中需要用到一个获取数组中最小下标的函数。一直在是不是有更简洁的方式。以下是我自己写的一个方法，真心希望同仁们能给我一个更好的办法：二、Coding Show简单但是还是有点长的代码如下： // [1,2,0,4] return 2 getMinPos: function() { var arr = this.collectHeight,
2012-09-09 20:03:54
358
原创 经典背景自适应导航栏布局之我见
一、前言说起导航栏，几乎是每个网站必不可少的，也是极为重要的一部分。开始介绍一下我所认为的一种比较好的自适应导航栏实现。二、基本的HTML实现html是一切网页的基础，也是最最重要的一部分，它决定了你怎么写CSS，JS。这里可以大概参考我之前写的一篇，论HTML的主要性。 首页 招聘职位
2012-08-30 19:43:48
1003
转载 Linux下printf输出字符串的颜色
格式:printf("\033[字背景颜色;字体颜色m字符串\033[0m" );printf("\033[41;32m字体背景是红色，字是绿色\033[0m\n");41是字背景颜色, 32是字体的颜色, 字体背景是红色，字是绿色是字符串. 后面的\033[0m是控制码.颜色代码:QUOTE:字背景颜色范围: 40--49字颜色: 30--39
2012-08-29 15:58:03
692
原创 Github上搭建自己的个人博客
1、前提你需要注册一个github的帐号，并登陆到github.com。这样就到达了你的个人首页。2、开始创建自己的blog然后点New repository创建一个新的repository，命名为：yss.github.com（这里的yss为你在github上的用户名，下面涉及到的用户名也以yss为例）进入这个仓库：yss.github.com，点击偏右上角的Admin，进入Ad
2012-08-20 11:46:22
1782
原创 YUI3中一个简单的HTML标签过滤函数
1、前言HTML标签过滤，对于前端来说，不是很常用，但是很必要用。因为在程序实现里，需要尽量避免用户的不当输入。特别在程序设计里，都要假定用户输入的都是不安全的。当然在前端这块，是没法绝对的做到防止用户的非法输入。但是很有必要检测正常用户的不当输入。2、YUI3的一个简单实现机制/** * 简单的HTML标签过滤 */var HTML_CHARS = {
2012-08-10 23:22:05
608
原创 ssh login without password(通过ssh免密码登录)
1、前言本文简单介绍一下如何使用ssh进行免密码登录，所有的执行都是在unix环境下完成。2、原理通过公钥加密，私钥解密去实现的。用户机子存的是私钥，远程机子存的是对应的公钥。远程机子通过公钥加密“一段文字”给用户机子。用户机子通过私钥去解密，并得到“这段文字”，然后以明文形式发送给远程机子。远程机子验证接收到的文字信息是否和给出的文字信息一致，一致就确定用户可信，用户
2012-08-10 16:33:00
1531
原创 Github上更新自己fork的代码
一、前提本文的前提是你已经在github上fork了别人的分支，并且弄好了跟github的ssh连接。相关配置详情参考：https://help.github.com二、详细操作检出自己在github上fork别人的分支到rrest目录下，其中rrest目录之前是不存在的。git clone git@github.com:yss/rrestjs.git rrest然后增加远
2012-08-06 19:08:51
5884
1
原创 基于Git的网站自动发布流程浅析
一、简述一个远程的Git代码仓库（用于管理提交的代码）；发布人员登录发布机子，然后从这个Git代码仓库上pull下最新的代码；通过一个自动打包发布的脚本，rsync（rcp orscp ?）到一个分发服务器，然后由这个分发服务器转发给所有的服务器。二、发布脚本浅析在上面的这些过程中，最重要的环节莫过于这个自动打包发布的脚本了。基本过程大概如下：比较一下从git仓库p
2012-08-06 18:58:41
2166
原创 unix下使用git管理自己的代码
一、安装Git在此不详细说明。具体参考：http://gitbook.liuhui998.com/2_1.html二、你需要了解的一些命令git init ： 初始化代码仓库git status ：当前代码的状态，会显示出你现在改动的文件信息，如,modify , delete, new filegit add : 增加你需要提交的代码到缓存区git commit ：提交你的代码到
2012-08-06 18:56:16
746
原创 express3里的404Page设置
目前还没有找到一个很好学习express的地方，很多方法都需要自己去找去看。下面是一个设置express的默认404page的方法：app.configure(function(){ // ... app.use(function(req, res, next) { res.rend('Can not find this page', 404);
2012-07-15 16:43:19
571
原创 js触发元素的原生事件
平常大部分情况下是不需要触发元素的原生事件，但是有时很有必要模拟原生事件就会用到，直接看代码：/** * 触发元素的原生事件 *@params elem *@params type event type, such as: click, blur, focus, change ... *@returns */function fire(elem, type){ var e
2012-04-01 16:24:08
988
原创 js动画的几个基础函数
其实也叫缓动函数，如下：/** * 缓慢移动效果算法 *@param t {number} current time（当前时间）； *@param b {number} beginning value（初始值） 置0，即b=0； *@param c {number} change in value（变化量） 置1，即c=1； *@param d {number} duration（持
2012-03-31 17:37:27
467
转载 JSChart内置函数参考
jsChart是个相当不错的绘图js。下面的描述我也忘了是从哪copy下来的，很不错，这里分享一下哈（非常感谢翻译和分享此内置函数的那些个人）：colorizeBars(array colordata)设置柱状图各矩形颜色。colorizePie(array colordata)设置饼图各块颜色。draw()用在最后，各项设置完毕后，执行此函数画出图表。setAxisColor(s
2012-03-30 15:49:01
545
原创 也谈windows下安装npm
为什么加也谈？因为网上教程一大推，但是我这个却是别致一格。不多说，看下文：网上大致是两种：一种是通过msysgit方式加几个命令，第二种是通过自己手动下载对应的npm包进行安装。而现在要说的跟第二种类似，确有别于它，请看：1、下载node.exe：http://nodejs.org/dist/ 上这上面找你想要的nodejs版本；2、解压到对应的文件路径，这里假设为：E:\node
2012-03-29 18:30:10
1539
转载 ie下设置table的colspan问题
Attention: ie下设置clospan属性必须这么写：colSpan,否则不起作用。（row.cells[0].setAttribute('colSpan','5');）转自：http://hi.baidu.com/5i24/blog/item/902cd61b941e48deac6e754c.html
2012-03-28 11:27:48
772
原创 seajs中处理require的方法
seajs确实不错，模块化加载用起来得心应手。准备以后自己每个项目都是用seajs来管理自己的js代码了。言归正传，说到seajs里面的require着实不明白是怎么工作的。最开始我是认为中断代码执行，然后再等js加载完后调用callback（也就是对应的arguments.caller）后来终于通过Google论坛找到了对应的说明（最开始看seajs-debug.js源码楞是没有看下去）
2012-03-26 17:11:37
1591
原创 form表单设置为disabled时，IE下select提交不了bug
今天遇到一个很悲催的bug，IE下select值提交不了。找了又找，最后终于发现了问题的根本所在：form在表单提交之前被设置了disabled的属性（这个是为了防止表单重复提交设置的）。这样一来，IE下form.submit()提交后，select值传不到服务器。所以应该这样写：e.preventDefault();form.submit();form.setAttrib
2012-03-15 11:21:17
1043
原创 记录一下简易版的页码生成器
也写一下页码生成器。在使用的时候需要使用事件代理的方式去注册事件。基本思路就是判断e.target||e.srcElement的nodeName为A，先去data-val存在则计算，不存在则取元素对应的firstChild.nodeValue即可得到页码。大致如下：function delegate(o){ o.addEvent('click', function(e){ var t
2012-03-02 14:24:45
461
原创 js实现iframe的load事件（兼容IE）
判断iframe加载完成：function loadIframe(src, callback){ var iframe = document.createElement("iframe"); iframe.src = src; if(-[,1]){ // nonIE iframe.onload = callback; }else{ // IE iframe.onready
2012-02-29 13:29:28
2632
原创 js把中文字符串转为gbk编码（页面编码需为gbk）
一直以来遇到gbk编码，都是要求两次encodeURIComponent去实现的。这次的实现是才用模拟表单提交的方式去获取。具体如下代码：/* * add by yansong * for 在gbk页面里实现字符转换成gbk编码提交到后端 * add 传统的做法是进行两次encodeURIComponent后提交，而这个则是直接变成gbk编码，其他是页面编码必须是gbk */(f
2012-02-29 12:28:15
3251
转载 jQuery最佳实践(如何用好jQuery)
我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）。他是jQuery开发团队的成员，具有一定的权威性，提出的结论都有测试数据支持，非常有价值。==============================================1. 使用最新版本的jQueryjQuery的
2012-02-28 16:59:15
280
原创 JS中判断鼠标按键的问题(event.button)
mousedown事件event.buttonIEFirefoxChromeOpera左键1000右键2222中键4111默认--------测试代码：IE：document.onmousedown = function(){c
2012-02-28 16:33:56
1669
原创 一些常用的跨浏览器DOM操作（next,prev,children）
以前一直没有细心去探究这些个浏览器的dom操作，所有很有必要总结一下。一是为了自己以后不再出错；二是避免自己以后有疑问就去找；总之就是有必要总结一下：function $(a){ return document.getElementById(a);}// IE 下如果节点是内联元素（非样式设置：display:block）则获取的nextSibling的节点为文本节点(没有空
2011-12-16 18:41:12
578
原创 一些常用的跨浏览器DOM操作（next,prev,children）
以前一直没有细心去探究这些个浏览器的dom操作，所有很有必要总结一下。一是为了自己以后不再出错；二是避免自己以后有疑问就去找；总之就是有必要总结一下：// 获取下一个子节点function getNext(el){ var next = el.nextElementSibling||el.nextSibling; while(next.nodeType != 1)next
2011-12-12 11:19:43
85
原创 解决IE6下多个img通过js加载同一张图片时的重复请求
如果使用下面的方式操作img的src在IE6下会重复请求img的url，导致最终显示的img图片（验证码）不一样：function changPic(imgs){ var len = imgs.length, src = imgs[0].src.split('?')[0]+'?'+new Date(); // 动态的验证码 while(len--){ imgs[len].sr
2011-12-09 16:48:16
953
原创 原生的pngFix（让IE支持PNG透明）
由于帮人解决IE6 png不透明的bug，看到了对方使用jquery的pngfix，问题很快就找到了，是因为类库冲突，也就是引入了两个类库导致的$冲突。自己之前很少关注这方面东西，出于好奇看了一下源码，发现实在不堪入目，就突发奇想采用原生的JS重构了一遍。如下：/** * png fix by yansong at 2011-12-07 * * @example $.ready(fu
2011-12-09 16:03:46
1238
原创 HTML中的target属性之framename
包含target属性的标签有： 。对应的target值有：_blank_parent_self_topframename (标签没有)对于上面四个来说，再熟悉不过了。但是很少有人注意到或者说使用到第五个值：framename。因为它设计得实在是太巧妙了。。。这里我给出一个替代异步的ajax登录方式的例子。但凡登录大多都是不能通过ajax方式去
2011-12-01 18:24:26
2146
原创 用户离开页面和回到页面事件（标签切换）
用户离开页面，但是不是关闭页面。最开始使用onload和onunload发现这两个指的是关闭页面和打开页面触发的事件，并不是用户离开这个页面去看另外一个页面的事件。然后通过测试发现用户离开页面起作用的事件是：blur & focus;具体测试代码如下： 测试离开页面和回到页面事件 #tt{ height: 20px; font-size: 14px; c
2011-11-17 18:42:38
1849
原创 在CSS遮盖层基础上进行弹出层垂直居中
本篇是继上篇《CSS实现遮盖层》而来。在上一次的基础上加上了弹出层的垂直居中。需要：1. 弹出层固定高，或者通过js去计算出来的高。具体实现： 1. 在弹出层处加一层类似遮盖层的包裹；2.设定宽度，这个是必须的。3. 对弹出层使用：margin-left & margin-right: auto; (水平居中)； 4. 对弹出层使用: top: 50%; margin-top: -heig
2011-11-17 10:21:13
1607
原创 CSS实现遮盖层
大部分遮盖层都是通过JS去获取高度和宽度来定位的，而现在采用的大部分是CSS去做，除了一个为了兼容IE6所必要的js。大致原理就是：让遮盖层的height和width达到100%来去实现，IE6下需要将body的height设为100%才有效。具体的代码如下： CSS 实现遮盖层 /* the style for layer or mask */ body{_heig
2011-11-16 15:08:36
2464
原创 colgroup/col兼容性一览表及其说明
colgroup/col兼容性一览表 IE6IE7IE8FF7Chrome12Opera11字体(font)YYNNNN颜色(color)YYNNNN宽度(width)YYYYYY高度(height)NNNNNN
2011-11-11 17:28:01
904
原创 js写一下自己比较熟悉的一个冒泡排序算法和二分查找算法
最经典的冒泡排序法，自己就只对这个印象最深了：// 写一个简易的冒泡排序算法// js不等同于c，在真实处理过程中我们需要注意是否是拷贝对象或引用对象，不然很容易出错var c = [1,2,3,4,5,6,7];var len = c.length, l, tmp;while(--len){ l = len; tmp = c[len]; while(l--){ if(c[l
2011-11-10 15:38:47
898
原创 img数据延迟加载组件2.0
/** * img图片数据延迟加载组件 2.0 * @Author yansong@corp.netease.com * @Date： 2011-11-11 * @For: if needs * @Desc: * 对应的结构： * imgs只支持原生的数组、NTES的数组对象、JQuery的对象数组。如：document.getElementsByTagName('img')
2011-11-10 14:43:29
997
原创 nodejs之windows下使用fs.mkdir
在此之前需要说明一下，windows下使用nodejs取路径时需要在前面加上一个'.'。这很奇怪，比如：'/cache/t' 直接这样写是执行不了的。需要变成：'./cache/t'。windows下使用mkdir时发现根本创建不了一个目录，但对比一下自己之前写的例子，发现：当有多个路径时，比如：'./cache/tt'，如果当前目录下没有cache目录，则会在你写的function里执行th
2011-10-26 15:34:04
1948
1
原创 windows下使用Node JS
1，首先去nodejs.org下载node.exe Windows executable；2，下载完后，把下载到的nodejs放入c:\node目录下；3，按住快捷键win+R，输入cmd，然后回车；4，接着输入：c: 回车5，接着输入：node 回车6，在这个node目录下新建一个，hello.js，内容如下：var yss = require("sys");yss
2011-10-20 17:14:11
714
转载 yui3 Node使用对应表
2.x YAHOO.util.???3.0Dom.get('elementId');Y.one('#elementId');Dom.getElementsBy(someFilterFunction);myNo
2011-10-19 09:39:09
429
原创 IE下获取完整的Object标签
IE不能获取到完整的Object标签？当然能！！问题是通过何种方式去获取。object.outerHTML or object.parentNode.innerHTML ?yss最开始尝试使用上面两种方式去获取下面的object标签：
2011-10-16 09:24:10
844
原创 使用inline-block进行图文列表布局
据yss对目前的现有的图文列表布局有两种：一种是采用表格的方式；第二种采用li方式。而yss今天要说的也是li方式，但是是在它基础上进行了一次创新。创新点就在于采用了inline-block模式去设定li。/* inline-block 说明 */IE6&7是
2011-10-16 08:49:09
592
原创 对ajax中文数据使用unicode编码避免乱码
为什么使用unicode编码呢？unicode编码相当于我们在js里使用escape()这个方法。比如把“小木”变成"%u5C0F%u6728"。这样在数据解析过程就不会出现中文了。然后在显示的时候通过unescape进行反编码或者根本就不需要用（浏览器会自动解析成中文显示）
2011-10-09 06:59:15
767
跨域资源共享的10种方式
2011-05-03
ucool-2.4 一款用于前端调试（特别bug-fix包括js,css）的代理服务器，基于Apache Tomcat,通过它可以将线上的js,css从压缩状态变成源码状态
2010-11-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人