随笔分类 -  Web前端-[HTML/CSS/JS]

html,html5,javascript
摘要:一、采用钩子事件去捕获 键盘事件有3个: keydown,keypress,keyup分别是按下,按着没上抬,上抬键盘 。 推荐:keyup,防止笔记本键盘不小心触摸到。 1、有些文档中有写成这样: XP系统IE6下是不成功的。 2、还有input的 这种情况要在input获取焦点时候,才能监听到键 阅读全文
posted @ 2017-09-13 11:39 EasonJim 阅读(3106) 评论(0) 推荐(0)
摘要:数组与字符串的相互转化 参考: http://fp-moon.iteye.com/blog/1186924(以上内容转自此篇文章) 阅读全文
posted @ 2017-09-13 11:27 EasonJim 阅读(670) 评论(0) 推荐(0)
摘要:parse用于从一个字符串中解析出JSON对象,如: 结果: 注意:单引号写在{}外,每个属性名都必须用双引号,否则会抛出异常。或者反过来也行。 stringify()用于从一个JSON对象解析出字符串,如: 结果: 参考: http://blog.csdn.net/wangxiaohu__/art 阅读全文
posted @ 2017-09-13 10:45 EasonJim 阅读(5411) 评论(0) 推荐(0)
摘要:bootstrap-table项目官网:https://github.com/wenzhixin/bootstrap-table bootstrap-table各版本下载:https://github.com/wenzhixin/bootstrap-table/releases bootstrap- 阅读全文
posted @ 2017-09-12 09:55 EasonJim 阅读(888) 评论(0) 推荐(0)
摘要:bootstrap-table项目官网:https://github.com/wenzhixin/bootstrap-table bootstrap-table各版本下载:https://github.com/wenzhixin/bootstrap-table/releases bootstrap- 阅读全文
posted @ 2017-09-12 09:32 EasonJim 阅读(5160) 评论(0) 推荐(0)
摘要:前提:必须正确安装JDK。 下载: http://confluence.jetbrains.com/display/WI/WebStorm+EAP 或者下载历史版本:https://www.jetbrains.com/webstorm/download/previous.html 安装过程: 解压 阅读全文
posted @ 2017-07-31 16:51 EasonJim 阅读(1872) 评论(0) 推荐(0)
摘要:wrap是包裹元素的作用,比如我想在img外面包裹一个a标签时,可以这样写法: 此时在前端渲染出来的HTML如下所示: 参考: http://www.w3school.com.cn/jquery/manipulation_wrap.asp 阅读全文
posted @ 2017-07-13 02:23 EasonJim 阅读(836) 评论(0) 推荐(0)
摘要:CreateJS是一款制作Canvas动画的工具。 官网如下: http://www.createjs.com/ http://www.createjs.cc/ 使用CreateJS时最大的疑问就是JS上的加密字符串是如何来的,比如: 其实这个加密字符串是由Flash自动生成的,也就是说整个JS文件 阅读全文
posted @ 2017-04-24 18:10 EasonJim 阅读(826) 评论(0) 推荐(0)
摘要:由于使用了xheditor富文本框,且这个版本是2011年开发的系统,当时只有IE8,所以一切正常。 但是问题来了,今天使用IE11测试和谷歌浏览器测试,发现一直报这个错误: 且google了一下,没发现这个插件对应这个错误的解决方法。 最后发现是和浏览器不兼容导致的,如果是使用IE,只要切换到兼容 阅读全文
posted @ 2017-02-20 19:21 EasonJim 阅读(4326) 评论(0) 推荐(1)
摘要:github:https://github.com/fex-team/styleguide 离线版本: 链接:http://pan.baidu.com/s/1gfr857l 密码:cvk3 注:只支持markdown进行查看。 阅读全文
posted @ 2017-02-06 15:41 EasonJim 阅读(2474) 评论(0) 推荐(0)
摘要:参考:http://www.w3school.com.cn/jquery/selector_header.asp 阅读全文
posted @ 2017-01-15 01:00 EasonJim 阅读(769) 评论(0) 推荐(0)
摘要://文件大小转换 function bytesToSize(bytes) { if (bytes === 0) return '0 B'; var k = 1024; sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; i = Math.floor(Math.log(bytes) / ... 阅读全文
posted @ 2017-01-06 17:17 EasonJim 阅读(2297) 评论(0) 推荐(0)
摘要:一款基于flash的文件上传,有进度条和支持大文件上传,且可以多文件上传队列。 这款在flash的基础上增加了html5的支持,所以在移动端也可以使用。 由于官方提供的版本是flash免费,html5版本付费,所以没必要使用html5进行上传了。 以下为原文: 支持多文件上传的jQuery文件上传插 阅读全文
posted @ 2017-01-05 14:35 EasonJim 阅读(824) 评论(0) 推荐(0)
摘要:JS获取节点父级,子级元素 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当作DOM元素 原生的JS获取ID为test的元素下的子元素。 可以用: 这样是没有问题的 此时 阅读全文
posted @ 2017-01-04 16:20 EasonJim 阅读(20873) 评论(0) 推荐(0)
摘要:1、首先给用于放文本的标签元素设置一个宽度值,并设置溢出属性overflow为溢出隐藏。 2、设置文本缩略的样式为"..." 阅读全文
posted @ 2017-01-04 15:54 EasonJim 阅读(939) 评论(0) 推荐(0)
摘要:非原创,只能适合PC端,如果是移动端,只需要修改界面的大小即可。界面如下: 链接:http://pan.baidu.com/s/1pK9XdUV 密码:jsyk 阅读全文
posted @ 2017-01-01 23:50 EasonJim 阅读(7635) 评论(1) 推荐(1)
摘要:借知乎的回答如下解释: 首先,我想告诉你的是,如果父级元素是绝对定位(absolute)或者没有设置,里面的绝对定位(absolute)自动以body定位。这句话是错的。正确的是:只要父级元素设了position并且不是static(默认既是static),那么设定了absolute的子元素即以此为 阅读全文
posted @ 2016-12-31 16:20 EasonJim 阅读(5041) 评论(0) 推荐(0)
摘要:基本用法参考:http://www.cnblogs.com/silentjesse/p/4024536.html 这里说明以下with的用法: with语句 with语句主要用来临时扩展作用域链,将语句中的对象添加到作用域的头部。 with语句将person.wife添加到当前作用域链的头部,所以输 阅读全文
posted @ 2016-12-31 14:54 EasonJim 阅读(526) 评论(0) 推荐(0)
摘要:前提:先研究javascript中的变量有几种,参考: http://www.w3school.com.cn/js/js_datatypes.asp http://glzaction.iteye.com/blog/1285147 测试1: typeof关键字 var obj= {test:'test 阅读全文
posted @ 2016-12-31 13:11 EasonJim 阅读(7672) 评论(0) 推荐(0)
摘要:所以可以发现,!!两个感叹号多用于判断对象的存在。 阅读全文
posted @ 2016-12-31 12:58 EasonJim 阅读(3299) 评论(0) 推荐(1)