最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

我的知识库

整理收集的源码、框架,避免二次浪费时间!

基于HTML模板和JSON数据的JavaScript交互

rockyxia 2年前 (2016-12-22) 4007浏览

写在前面 近日在协助研发一个系统的时候,项目研发对js比较陌生,很多数据的操作都被交给前端来做,所以遇到了json数据绑定到html模版的问题,搜了一圈的确没有找到好的办法,突然眼前一亮看到大神zhangxinxun之前的一篇文章,正是写的这个东西,虽然该文章只展示一个简单的json数据绑定,但是在思路上却给了我很大的启示,不管是简单还是复杂的json,原理都是这样的,在此记录一下,顺便分享推荐一下张大神的...

我的常用命令记录本(git/sass/node)

rockyxia 2年前 (2016-06-30) 3398浏览

写在前面 自从使用git和sass等需要命令行的工具之后,经常在使用的时候忘记具体的命令是怎么写的,需要百度才能搞好,但其实经常使用的并不多,所以在此建立一个记录本,方便自己下次使用。 SASS命令 sass //sass命令 --style //生成文件格式,一下四种方式 nested: 嵌套缩进的css代码,它是默认值。 expanded: 没有缩进的、扩展...

前端练习习题与答案解析(61-100题)

rockyxia 3年前 (2016-06-19) 3323浏览

第51题:var a = [1, 2, 3];console.log(a.join(“-“));运行后输出的结果是:____? 答案:1-2-3;与上一期一样,但是这一期输出语句指定空格为“-”,所以输出:1-2-3。 第52题:代码运行的结果是输出:____? 答案:“前端教程”,虽然str2是匿名函数内部,但是并没有被var定义,所以会往上一级去寻找,找到并重新赋值成“前端教...

前端练习习题与答案解析(1-50题)

rockyxia 3年前 (2016-05-07) 3279浏览

第1题:JS中关闭当前的窗口的方法是:_____。 答案:window.close(); 第2题:js中使字符串中的字符变为小写的方法是:_______。 答案:toLowerCase方法; 第3题:在js中,让浏览器弹出确认框的语句是:_______。 答案:confirm;例如:window.confirm("我就是确认框");运行结果是浏览器弹出信息确认框,点击确定,返回true,反之返回false...

前端组件库大合集-必备收藏,不断更新

rockyxia 3年前 (2016-04-19) 3678浏览

概要 本文包含搭建web app常用的样式/组件等收集列表(移动优先),不断更新。 0. 前端自动化(Workflow) 前端构建工具 Yeoman – a set of tools for automating development workflow gulp – The streaming build system grunt – the JavaScript Task Runner F.I.S...

usermap使用

rockyxia 4年前 (2014-07-23) 6539浏览

说说usemap usemap是<img>标签的一个属性,用作指明所使用的图像地图名。 后面的#Map的Map就是用<map>标签定义的一个图像地图,它的name属性是Map,像下面这样定义: <map name="Map"> <area shape="rect" coords="100,100,200,200" href="test1.html"&...

学习技术好去处:张鑫旭–鑫空间–鑫生活

rockyxia 5年前 (2014-03-03) 6764浏览

张鑫旭–鑫空间–鑫生活 第一个为大家推荐的博客是张鑫旭的个人博客:鑫空间–鑫生活(http://www.zhangxinxu.com/wordpress/) 他的资料: 姓名:张鑫旭 生日:1986年7月18日 爱好:篮球,国标舞,钓鱼 学校:泰兴市一高,华中科技大学 信条:自然,淳朴,真诚,勤奋 单位:ISUX上海设计中心 推荐原因 此博都是关于前端技术的文章,且文章均为博主原创文章,都是干货,博主的文字...

推荐几个测试响应式设计界面的工具

rockyxia 5年前 (2013-10-26) 5734浏览

写在前面 随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,一个很流行的设计理念响应式布局的设计方案被大家所关注。今天给大家推荐几个测试响应式设计界面的工具。 正文开始 Responsinator Responsinator提供了大家在不同设备viewport下查看网站效果的特性,提供了iphone,android,ipad,kindle及其多种设备上的预览效果,你可以方...

分享一个slider图片效果,类似flash的图片显示效果

rockyxia 6年前 (2013-01-31) 6729浏览

slider图片效果 分享一个近期项目遇到的一个js图片效果,类似flash的图片显示效果,看效果图: 这也是一个Jquery库的js插件,详细的DEMO:请狠狠的点击我! 下载JS:单击右键下载JS 使用方法: 1.引入jquery.js <script src="http://apps.bdimg.com/libs/jquery/1.4.4/jquery.min.js"&...

scroll、scrollBy和 scrollTo三种方法定位滚动条位置

rockyxia 7年前 (2012-03-08) 9047浏览

在默认情况下,页面加载完后默认滚动在最顶端,有些时候我们需要在页面打开后,定位滚动条的位置,比如,横向和纵向滚动条居中,实现页面滚动的方法有三种:scroll、scrollBy和 scrollTo,三个方法都带两个参数:x(X轴上的偏移量)和y(Y轴上的偏移量)。因此我们只需修改x,y的偏移量来设置滚动条的位置。另外,页面的滚动高度必须在网页加载完成后才能获取到,所以触发事件用onload。 方法一:用sc...

加入收藏和设为首页代码收集,不断更新

rockyxia 7年前 (2011-12-03) 4417浏览

写在前面 加入收藏和设为首页是我们经常要用到的,而且这个写法也有很多种,有的代码少,但是不是很智能,有的很智能,但是代码多!本贴就是为了收集我所遇到的各类加入收藏和设为首页的代码,大家喜欢哪种就用哪种吧,哈哈! 不断更新中…… 第一种:最简单也是不智能的! <a href="#" onClick="this.style.behavior='url(#default#hom...

去掉图片链接点击后周围的虚线

rockyxia 7年前 (2011-09-09) 4560浏览

这样写就行了 [html] <a href="#" onFocus="this.blur()"><img src="…" border="0" /></a> [/html] 大家去试试吧 其实就是加一个onFocus=”this.blur()”属性就行了哈,...

js控制图片显示的宽度

rockyxia 7年前 (2011-09-09) 5408浏览

给图片限制一个最大宽度,如果图片宽度小于这个宽度,就显示图片原来的大小 如果超过这个宽度,就限制在一个固定质上,如下简单做法(js脚本) [html] <img src=imgpath onload=’javascript:if(this.width>200)this.width=200;’> [/html] 我这个方法可能比较野蛮哈,效率方面不是很好,希望大家跟我...

DIV最小高度且自适应高度

rockyxia 7年前 (2011-08-27) 3519浏览

在IE6中,如果子容器的高度超过父容器的时候,父容器会被子容器撑开,所以我们可以直接设置一个height的高度值即可。但是在IE7和firefox就不行了,它不会自动撑开。 如果要设置DIV自适应高度,我们可以采用height:auto;这个属性;不过这个属性IE6又不支持了。是不是很头痛?其实解决这个问题不难,而且方法也不少,这里推荐一种:(假设我们需要控制的这个DIV最小高度是100px,超过时就让里面...

CSS让英文单词的自动换行

rockyxia 7年前 (2011-08-27) 9080浏览

在制作网页过程中,css样式编写中,可能会遇到文字换行的问题,其中英文换行可能会困扰着很多初学者,而今天我就这个问题进行相应的阐述,学过css的朋友应该都知道,控制文字是否换行可以直接使用css中的word-break来进行调整,但是对于英文来说,我们要让其能满足所有浏览器的需要,仅仅这一个属性是不够的。 根据我个人所了解的一些资料显示,英文过多,过长,不仅仅影响到表格,还影响到了div,有可能会撑破表格和...