- 博客(307)
- 资源 (9)
- 收藏
- 关注
原创 CSDN - 屏蔽无耻的广告
由于CSDN在chrome上显示效果与编辑页面都很友好,所以访问csdn或者维护博客时常使用chrome。可恶的百度广告总是在左下角和右下角弹出,深恶痛绝啊!!春天的到来!!—Adblock Plus插件【1】下载 Adblock Plus插件!!!插件下载地址 http://download.csdn.net/user/qq_39198420【2】尝试使用chrom浏览器打开该插件,进行安装如果
2017-09-08 14:31:50 1515
原创 jquery属性的相关js实现方法
有些公司手机网站开发不用第三方的jquery或者zepto,直接用原生的javascript。原生javascript功能是蛮强大的,只不过部分属性不支持IE8以下浏览器。下面对jquery相关方法,如何用js来实现,做一些简单总结。元素操作Add Class//JQUERY$(el).addClass(className);//js//谷歌浏览器,火狐浏览器,IE8+if (el.cl
2017-09-08 14:12:08 286
转载 强烈推荐:程序员接私活那点事
今天周末在家宅着,并不是我不想运动,是因为北京的雨雪交加导致我想在家写文章,不过想想给大家写文章还是蛮惬意的,望一眼窗外,看一眼雪景,指尖在键盘上跳动,瞬间有种从屌丝程序员转变成了小姑娘们都羡慕的文艺青年感觉。哈哈,幸好不是什么2B青年。好了,言归正传,回到程序员接私活的话题上来吧。虽然说程序员都很累,但是热爱程序员的人又累得其所,所以虽然很多程序员都很忙,加班是常事,但是钱哪有挣够的啊,闲不住的程
2017-09-08 13:53:33 494
原创 jquery常用选择器总结
jquery常用选择器基本选择器 $(‘*’) 匹配页面所有元素$(‘#id’)id选择器$(‘.class’)类选择器$(‘element’)标签选择器 组合/层次选择器 $(‘E,F’)多元素选择器,用”,分隔,同时匹配元素E或元素F$(‘E F’)后代选择器,用空格分隔,匹配E元素所有的后代(不只是子元素、子元素向下递归)元素F$(E>F)子元素选择器
2017-09-08 11:09:38 2444
原创 谈谈jquery的事件名称和命名空间
Localstorage本地存储基本用法如何创建和访问 localStorage<script type="text/javascript">localStorage.lastname="Smith";document.write(localStorage.lastname);</script>上面就创建了一个localStorage。我们再来做一个刷新页面,增加访问次数的功能!很简单,
2017-09-08 11:03:58 662
转载 CSDN到底要多少积分才有排名(图解)
2016年8月16日的截图:2016年8月17日的截图:CSDN的排名是完全按照积分排的,只隔了22分而已,千里之外和2万名的差别就是卡在这个地方。2016年10月18日的截图:这是刚刚进入前7000名,刚好访问也是刚刚突破4万2016年11月29日的截图:2017年5月13日的截图:积分刚好8500,排名在22162017年5月29日的截图:博客量刚刚突破600,访问量刚刚突破40万
2017-09-07 17:30:00 438
原创 《前端,我为什么不要你》读后感
今年一月份以前端主管的身份进入现在的公司,到现在为止陆陆续续面试了十几个应聘者,惊讶地发现前端这个细分岗位的市场行情竟如此奇怪,一方面是各种公司争相聘请,导致价格高的浮躁;一方面是从业者大多经历尚浅,浅到没什么技术积累,没什么项目经验,更可怕的是没什么进取心。这里总结一下,自勉。 一年经验重复用 这个是最可怕的,如果不仔细了解,你很难分辨工作经验里面的水分。我面试过的人里面大多有4-
2017-09-07 13:43:44 522
原创 js判断是否是数组及常见类型判断
前言本篇是基础知识普及篇,js判断数据类型等。我们都知道,php中有is_array()函数,但是js中没有,我们判断数据类型是否是数组的时候,通常保险起见,可以写个函数进行判断。今天呢,普及一些基本的数据类型判断方法,希望对大家有所帮助。typeof篇typeof用的比较多的时候,是判断某个全局变量在不在,假如某个页面定义了一个全局变量。假如你做如下判断://haorooms是全局变量i
2017-09-07 10:36:43 361
原创 移动端那些事儿(四)移动端开发注意事项
前言本文之所以叫手机网站注意问题二,是因为之前总结了手机网站常见问题,把其称为一。具体地址是:http://blog.csdn.net/qq_39198420/article/details/77848222 里面罗列了一下手机网站常见问题,本文再在其基础上,补充一些。一、h5网站input 设置为type=number的问题h5网页input 的type设置为number一般会产生三个问题
2017-09-07 10:24:34 713
原创 移动端那些事儿(三)移动端开发流行单位rem
前言rem单位在移动端前端开发很流行,关于css的单位,大家请看http://blog.csdn.net/qq_39198420/article/details/77847704rem的看法rem单位确实好处蛮多的,它是相对于根节点,让我们整个网站单位可以统一。还可以让我们的字体更好的自适应网站的大小。但是,你用过了就知道,它会出现一个问题:用Chrome浏览器打开你做的网站的时候,有时候会
2017-09-07 10:16:10 760
转载 css的不常用效果总结
前言css的不常用效果总结,今天分享一下css的一些不常用效果,有些效果大家可能不常用,因此可能有些朋友都没有用过,今天带领大家一起过一下这些不常用效果。关于css的一些常用的效果,我之前也总结了,请看:http://www.haorooms.com/post/css_common不常用效果总结如下几个,后面慢慢再补充1、box-reflect文字倒影效果效果演示如下:属性参数介绍:bo
2017-09-07 10:06:54 250
原创 css段落文字(中英文混杂)实现两端对齐
今天分享一个小技巧,是中英文两端对齐,只是应对哪些变态的需求。一般情况下还是不推荐使用的,毕竟使用了几句js。案例如下:混合使用汉字和英文的段落默认如下:两边是不对齐的(一般情况下,我们对这种情况不做处理,除非需求或者设计非要我们实现两端对齐)。对齐之后如下:实现思路一般的两端对齐是使用text-align:justify,但是text-align:justify一般情况下只针对英文管用。
2017-09-07 10:00:17 4756 2
原创 js常见的判断移动端或者pc端或者安卓和苹果浏览器的方法总结
js 判断安卓或者ios 之indexOf方式//判断访问终端var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1,
2017-09-07 09:56:41 1116
原创 html5之Localstorage本地存储
Localstorage本地存储基本用法如何创建和访问 localStorage<script type="text/javascript">localStorage.lastname="Smith";document.write(localStorage.lastname);</script>上面就创建了一个localStorage。我们再来做一个刷新页面,增加访问次数的功能!很简单,
2017-09-07 09:53:59 408
原创 jquery中$.proxy及wrap()的使用
jquery其实真的没有什么,关键是应用的熟练程度,面试的时候有时候会问你jquery源码研究过没有。我前段时间看了一下,其实jquery的源码写的还是满通俗易懂的。说到应用,我今天主要说下jquery中$.proxy及wrap()的使用,因为这两个我用的比较少,今天在项目中应用了,所以拿出来说一下!jquery中$.proxy我们先看个例子://正常的this使用$('#Haorooms'
2017-09-07 09:47:54 273
原创 谈谈DOMContentLoaded:Javascript中的domReady引入机制
一、扯淡部分回想当年,在摆脱写页面时js全靠从各种DEMO中copy出来然后东拼西凑的幽暗岁月之后,毅然决然地打算放弃这种处处“拿来主义”的不正之风,然后开启通往高大上的“前端攻城狮”的飞升之旅。想想都有些小激动呢~然而人生不如意者十之八九,刚踏上征程就经常会被各种Error虐到体无完肤,有时候甚至会被在现在看来很低级的bug折磨得生不如死。但没有一种成长是不需要付出代价的,也就是那段刚跳入泥潭的
2017-09-06 17:00:23 1327
原创 移动端那些事儿(二)jquery手势插件之jGestures
手机开发中,除了我们平时用的jquery基本事件之外,还有很多手势,今天介绍一款jquery手势插件jGestures,地址是:http://jgestures.codeplex.com/这个插件的强大之处在于它可以监听以下事件’pinch’(缩放手势), ‘rotate’(旋转手势), ‘swipe’(滑动手势), ‘tap’(轻触) 以及 ‘orientationchange’(改变设备方向)
2017-09-06 10:13:33 2155
原创 jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部
项目背景webtouch(webapp)页面,防苹果手机safari浏览器,网上滑动,底部导航消失,滑动到底部又出现。向下滑动,底部导航出现。遇到问题1、我一开始用swipeup和swipedown来做,发现因为有滚动条,不会触发。因此只能判断滚动条是上滚下滚等。关于手机手势,后面的文章会介绍,欢迎关注!2、通过上滚下滚来让底部导航显示或者因此,安卓上面的浏览器都可以,但是苹果safari会一闪
2017-09-06 10:07:20 1346
原创 jquery的height()和javascript的height总结,js获取屏幕高度
引子今天是九一八事变八十三周年,大家勿忘国耻!加油学习!经济和技术等各个方面超过小日本!在javascript和jquery中,都有对各种高度的写法,在这里,我们就着重讲一下窗口、文档等高度的理解。(宽度和高度差不多!)jquery的各种高度首先来说一说(document)和(document)和(window),如下:$(document).height();//整个网页的高度$(wind
2017-09-06 10:04:12 522
转载 重新拎一遍js的正则表达式
前言js的正则表达式是前端中比较重要的部分,加入你要去面试,正则的题目必不可少。我之前的这篇文章中提及过。具体可以看:http://www.haorooms.com/post/qianduan_mianshi 正则表达式规则一、普通字符字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号,都是”普通字符”。表达式中的普通字符,在匹配一个字符串的时候,匹配与之相同的一个字符。举例:表达
2017-09-06 09:42:40 304
原创 浏览器输入 URL 到页面加载完成,简单介绍
前言从浏览器输入 URL 到页面加载完的过程中都发生了什么事情?这是一个复杂的过程,但是对于了解浏览器的工作原理有一定的帮助,参考网上的资料,我今天简单的介绍一下!简介一、把URL分割成几个部分:协议、网络地址、资源路径。其中网络地址指示该连接网络上哪一台计算机,可以是域名或者IP地址,可以包括端口号;协议是从该计算机获取资源的方式,常见的是HTTP、FTP,不同协议有不同的通讯内容格式;资源路径
2017-09-06 09:20:38 373
转载 读《Web前端开发工程师编程能力飞升之路》感触
引子最近在某博客上看到一篇‘Web前端开发工程师编程能力飞升之路’的文章,写的很不错。前端的水真的很深。之前逛百度贴吧的时候,也看到又问提问前端工程师的薪水问题,前端工程师根据你的能力,薪水可以很高!但是那些初级的入门前端,薪资还是不高的。下面我将这篇博客转载在我的博客上面,由于本篇博客转载次数太多,原文作者已经无法考究。博客内容如下:背景如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看
2017-09-06 08:18:55 555
转载 网页SEO,搜索引擎优化及谈谈我博客的SEO之路
我的博客的第一篇文章介绍了我在大学实习的时候,学习过SEO。但是自2011年以后,就再也没有搞过SEO,SEO在2009年和2010年的时候,进入鼎盛时期,当时诞生了好多SEO培训公司,神马网络赚钱了铺天盖地。我当时也玩过网赚,但是以失败告终,在此,告诫网友,好多网赚,第一个搞,可能会赚钱,但是一旦经验公开,你是赚不到钱的。今天主要谈谈我的博客的SEO之路。今天早上刚刚从外地回上海,到公司打开电脑
2017-09-05 16:27:29 921
转载 收集前端优秀的网站、博客、书籍
在前端路上摸索前行,在这里分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。欢迎更新,以下各排名不分先后顺序。自己 RSS 长期订阅了一些IT 和技术相关博客,这里是我Feedly 输出的opml,可直接导入一些RSS 阅读器:https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml====前端收集图谱git
2017-09-05 16:21:31 2358
原创 62个jQuery代码开发技巧收集
jQuery代码开发技巧收集,jquery常用的开发代码今天分享一个jquery常用的开发代码,大部分是网友总结的,总共60条。后期我也会陆续完善! 把我在开发中常用的写在这里,希望持续关注~~1. 使用siblings()来处理同类元素// Rather than doing this$('#nav li').click(function(){ $('#nav li').remove
2017-09-05 16:01:46 256
原创 javascript回到顶部滑动效果及点击导航滑动到相应热点的效果
总结一下javascript,jquery滑动效果的实现。其实代码很简单,回到顶部的代码就一句话就可以实现!$("body,html").animate({scrollTop:0},500);用jquery animate()方法,scrollTop到0,用500毫秒的时间。假如,你想用ID标签做热链接,也就是 href=”#ID”这种方法滑动的话,也很简单写一个click时间就可以了$("#a标签
2017-09-05 15:26:47 588
转载 css常用效果总结
css有不少常用的效果,你在平时浏览网站的时候可能会看到,但是真的要自己写的时候,有时候会突然忘记,今天稍微对那些常见的效果做一下小结。1、每逢大的灾难的时候,很多网站变成了灰色,如何让网站快速变灰?css代码是很简单的,用的是css的filter功能。代码如下:html { filter: grayscale(100%);//IE浏览器 -webkit-filter: graysca
2017-09-05 14:10:46 625
原创 移动端那些事儿(一)移动端开发注意事项
对于手机网站建设,总结了如下几点注意:1、 安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在andro
2017-09-05 10:17:19 2560
原创 CSS的单位及css3的calc()及line-height百分比
单位介绍说到css的单位,大家应该首先想到的是px,也就是像素,我们在网页布局中一般都是用px,但是近年来自适应网页布局越来越多,em和百分比也经常用到了。然后随着手机的流行,web app和hybrid app的开发,都用到了css3技术,在css3中,新增了许多单位,rem、vw和vh、vmin和vmax、ch和ex等等,那现在对这些单位分别做一下详细的介绍吧。em做前端的应该对em不陌生,不是
2017-09-05 09:42:29 2951
转载 jquery编程的标准写法和最佳实践(jquery代码规范)
关于jquery的代码规范,书写标准和最佳实践,是我近期看到的国外的一篇文章,感觉很受益!网上搜索了一下,果然被网友翻译过,但是查看翻译时间是2014年3月份左右,我又查看了该文章的更新时间是2014年10月14号。想必该文章很久之前就问世,但是作者又更改了不少问题吧,因此还是决定自己重新翻译一下!原文地址 ,文章翻译也是一件耗时耗力的事情,网友转载还请注明出处!加个链接!jQuery的加载1、我
2017-09-05 09:15:17 1472
转载 javascript实用技巧,js小知识
javascript实用技巧,js小知识 2014年11月21日 7311次浏览 迄今为止,我在博客上面写的关于js 和javascript的文章已经不少了,最近看了一篇国外的博客,里面总结了一些js实用技巧,本来想直接翻译一下放在我的博客上,但是网上查了一下,貌似已经有网友翻译了,在这里就不多做累赘的工作。在这个的基础上,融合我之前看到的一些js知识,一起总结在我的博客上
2017-09-05 08:49:15 274
原创 自定义input[type=”file”]的样式
input[type=”file”]的样式在各个浏览器中的表现不尽相同:1. chrome:2. firefox:3. opera:4. ie:5. edge:另外,当我们规定 input[type=”file”] 的高度,并把它的行高设置成与其高度相等后,chrome中难看的样式出现了:“未选择任何文件”这一行并没有竖直居中。似乎在 firefox 中好看一些,嗯,我比较喜欢用 firefo
2017-09-04 17:51:23 619
原创 jquery漂浮广告代码
jquery漂浮广告代码有好多种实现方式,本文介绍的这种方法应该算得上是简单、实用、逻辑清晰的方法了。jquery漂浮广告代码 × --> var xin = true, yin = true;var step = 1;var delay = 10;var $obj;$(function() { $obj =
2017-09-04 16:48:38 7484
原创 彻底搞懂jQuery.stop()函数
jQuery.stop() 函数详解stop()函数用于停止当前匹配元素上正在运行的动画。默认情况下,stop()函数只会停止当前正在运行的动画。如果你使用animate()函数为当前元素设置了A、B、C这3段动画,如果当前正在执行的动画是A,则只会停止动画A的执行,不会阻止动画B和C的执行。当然,你也可以通过指定可选的选项参数来停止所有的动画。停止动画
2017-09-04 14:36:52 3866
原创 读《JavaScript高级程序设计》
祖师爷——Brendan Eichjavascript诞生于1995年。 Brendan Eich被指定为这种”简化版Java语言”的设计师。 但是,他对Java一点兴趣也没有。为了应付公司安排的任务,他只用10天时间就把Javascript设计出来了。 由于设计时间太短,语言的一些细节考虑得不够严谨,导致后来很长一段时间,Javascript写出来的程序混乱不堪。如果Brendan Eich
2017-09-01 16:43:09 417
原创 JS nodeType返回类型
JS nodeType返回类型前几天朋友正好问道 这个 js的nodeType是个什么概念(做浏览器底层的)正好遇到这篇文章可以向大家解释下将HTML DOM中几个容易常用的属性做下记录:nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。nodeName 属性含有某个节点的名称。元素节点的 nodeName 是标签名称属性节点的 nodeName 是属性名
2017-08-29 12:06:45 344
原创 html5实现贪吃蛇小游戏
实现技术:h5的canvas+原生js可直接复制,查看效果<!doctype html><html><head><meta charset="utf-8"><title>html5实现贪吃蛇小游戏</title><style>#myCanvas { box-shadow: 0 0 6px #000;}</style></head><body><br/><br/><br/
2017-08-29 10:11:13 16828 10
原创 键盘按钮keyCode大全
数字键盘上的键的键码值(keyCode)功能键键码值(keyCode)按键键码按键键码按键键码按键键码0968104F1112F71181979105F2113F8119298*106F3114F9120399+107F4115F101214100Enter108F5116F111225101-
2017-08-29 08:57:42 1756
原创 jQuery的7个同级选择器
jQuery的同级选择器有七个,其中最常用的是next()和prev(),使用时要避免跟after()和before()混淆。前者是获取元素,后者是往指定位置插入值。通过下面的demo可以清楚的了解这7个同级选择器:<!doctype html><html><head><meta charset="utf-8"><title>jQuery遍历之同级遍历</title><script src
2017-08-29 08:25:27 11843
ckplayer是一款非常好的web网页前台视频播放js插件。
2017-09-04
lCalendar纯原生js日期时间选择纯原生js日期时间选择
2017-09-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人