关注用户体验,分享前端技术

随笔分类 -  javascript

摘要:分享几款Javascript富文本编辑器ueditorjqframeworkxheditorhtmlboxkindeditorwymeditorjhtmlareamarkitupckeditortinymce 阅读全文
posted @ 2014-11-18 08:43 夕阳白雪 阅读(736) 评论(2) 推荐(0) 编辑
摘要:摘要: 继‘带箭头提示框’,本文将分享几款带箭头提示框。qtipqTip是一种先进的提示插件,基于jQuery框架。以用户友好,而且功能丰富,qTip为您提供不一般的功能,如圆角和语音气泡提示,并且最重要的是免费。支持ie6+以及其他主流浏览器grumble.jsgrumble.js提供了特殊的提... 阅读全文
posted @ 2014-11-17 08:51 夕阳白雪 阅读(914) 评论(0) 推荐(0) 编辑
摘要:摘要: 分享一款在项目中使用的tooltips插件--poshytip,这是一款基于jQuery的插件,其特点是简单易用,支持浏览器:IE6+, FF 2+, Opera 9+, Safari 3+, Chrome,并且带有六种皮肤的提示框Install: 下载poshytip插件,解压之后将文... 阅读全文
posted @ 2014-11-17 08:50 夕阳白雪 阅读(1520) 评论(0) 推荐(0) 编辑
摘要:摘要: 浏览器中显示的图片大小未必是他真实的高和宽,比如像下面这样,我们给他加上宽和高的样式 这样在浏览器中显示的大小就是25px。那么我们如何获取图片的真实大小呢?,下面的代码就实现了这个功能 1 2 3 4 5 6 7 ... 阅读全文
posted @ 2014-11-06 09:42 夕阳白雪 阅读(1315) 评论(4) 推荐(0) 编辑
摘要:摘要: 国际化是指将页面显示的信息翻译成不同语言,可以根据不同语言开发多个版本,然后根据用户选择的语言显示不同的页面。但是这样需要很高的成本,而且维护起来也很麻烦,一个地方有问题就要修改所有版本。本文主要是分享一种前端国际化解决方法,并且已经应用到自己的项目中。前端国际化需要将页面HTML、jav... 阅读全文
posted @ 2014-11-05 08:52 夕阳白雪 阅读(10755) 评论(4) 推荐(0) 编辑
摘要:摘要: 格式化是通过格式操作使任意类型的数据转换成一个字符串。例如下面这样下面是一个完整的代码,可以复制到自己的项目中。 1 2 3 4 5 6 7 8 557 558 API:chopp... 阅读全文
posted @ 2014-11-04 16:00 夕阳白雪 阅读(1185) 评论(0) 推荐(0) 编辑
摘要:摘要: 我们经常在网上能够看到点击鼠标右键弹出自定义的菜单项,自定义菜单可以使菜单项的样式和网站主题相似,开发自己需要的功能。​本文分享了自己制作的右键菜单项,其主要特点是,当菜单项超出浏览器的可视区域时,改变菜单项的显示位置。/*技术难点*/1、获取文本的高度和宽度使用window.getCom... 阅读全文
posted @ 2014-11-03 16:43 夕阳白雪 阅读(812) 评论(0) 推荐(0) 编辑
摘要:摘要: 网上已经有很多树形插件,本文主要记录下曾经使用过的树形插件,方便以后查找,也推荐给大家使用ztreeTreeviewjsTreefancytreejqtreeNestablejquery-file-treetreetable 阅读全文
posted @ 2014-11-03 08:50 夕阳白雪 阅读(482) 评论(0) 推荐(0) 编辑
摘要:摘要: 瀑布流布局已经很早就流行起来了,最近项目中用到了,就整理了下。最早使用的是pinterest(https://www.pinterest.com/),在国内最常见的就是淘宝了(http://guang.taobao.com/),蘑菇街了(http://www.mogujie.com/boo... 阅读全文
posted @ 2014-11-03 08:49 夕阳白雪 阅读(1073) 评论(0) 推荐(0) 编辑
摘要:摘要: 上一篇文章介绍了瀑布流的原理和简单的布局,这篇文章主要分享几款jQuery瀑布流插件 FlexMasonryshapeshiftgrid-a-license​BlocksItwookmark 阅读全文
posted @ 2014-11-03 08:49 夕阳白雪 阅读(682) 评论(0) 推荐(1) 编辑
摘要:摘要: ​随着用户体验的重要性越来越高,目前前端和后台的解耦已经越来越明显了,这也加大了前后端的配合工作。在前端开发过程中可能我们需要一些后台返回的数据来完成交互效果,但是后台开发人员并没有完成后台功能,此时我们只能等,但是这样必然影响了开发进度,浪费了时间。有很多种解决方法,如果后端解决的话,那... 阅读全文
posted @ 2014-10-31 10:55 夕阳白雪 阅读(4681) 评论(0) 推荐(0) 编辑
摘要:根据时间生成m位随机数,最大13位随机数,并且不能保证首位不为0function ran(m) { m = m > 13 ? 13 : m; var num = new Date().getTime(); return num.toString().substring(13 ... 阅读全文
posted @ 2014-10-30 14:43 夕阳白雪 阅读(1359) 评论(0) 推荐(0) 编辑
摘要:摘要:​ 由于javascript语言的特殊性导致它有很多特殊的条件判断,下面我列出了一些特殊的条件判断语句和他们对应的结果。1 if(condition) {2 console.log(true);3 } else {4 console.log(false);5 }conditi... 阅读全文
posted @ 2014-10-27 12:09 夕阳白雪 阅读(473) 评论(2) 推荐(0) 编辑
摘要:摘要: 面试一个大公司的时候问到了一个问题,让我谈谈主要的浏览器内核以及他们的特点,当时并没有详细的回答,回来之后自己在网上找了找资料,总结了下分享给大家。简介: 在维基百科上是这样介绍浏览器内核的,网页浏览器的排版引擎(LayoutEngine或RenderingEngine)也被称为浏览器内... 阅读全文
posted @ 2014-10-22 12:06 夕阳白雪 阅读(5529) 评论(3) 推荐(3) 编辑
摘要:摘要:大部分动态网站都支持从客户端到服务器传递数据,如果传递的数据被别人截取就非常危险,尤其是一些用户名密码之类的。这时候就需要我们在传递数据之前对数据进行加密。现在的加密算法已经有很多了,例如:MD5,SHA-1,SHA-256,AES,Rabbit,MARC4,HMAC等等。下面分享几款前端加密... 阅读全文
posted @ 2014-10-22 08:52 夕阳白雪 阅读(1706) 评论(0) 推荐(0) 编辑
摘要:摘要: ECMAScript5中引入的严格模式,通过让JavaScript运行环境对一些开发过程中最常见和不易发现的错误做出和当前不同的处理,来让开发者拥有一个”更好”的JavaScript语言。但目前为止,所有主流的浏览器都在他们的高版本中支持了严格模式,包括IE10、Firefox4、chro... 阅读全文
posted @ 2014-10-22 08:52 夕阳白雪 阅读(7819) 评论(0) 推荐(0) 编辑
摘要:摘要: 现在来分享9款关系图插件arborjsurl:http://arborjs.org/halfviz/#/a-new-hopegithub:https://github.com/samizdatco/arborbrowser:IE6+,chrome,firefoxresume:基于jQuer... 阅读全文
posted @ 2014-10-21 08:56 夕阳白雪 阅读(26027) 评论(1) 推荐(1) 编辑
摘要:摘要: 这是前端数据可视化最后一种,立体图。下面分享4款立体图插件PhiloGLurl:http://www.senchalabs.org/philogl/github:https://github.com/senchalabs/philoglbrowser:支持webGl的浏览器resume:基... 阅读全文
posted @ 2014-10-21 08:56 夕阳白雪 阅读(3230) 评论(0) 推荐(0) 编辑
摘要:摘要: 继图谱插件之后,下面分享6款地图插件Kartographurl:http://kartograph.org/github:https://github.com/kartograph/kartograph.pybrowser:InternetExplorer7+,chrome,Firefox... 阅读全文
posted @ 2014-10-20 08:45 夕阳白雪 阅读(4928) 评论(1) 推荐(1) 编辑
摘要:摘要: 继图表插件,再来分享9款图谱插件crossfilterurl:http://square.github.io/crossfilter/github:https://github.com/square/crossfilterbrowser:官方未说明resume:一个可以操作大型、多元数据集... 阅读全文
posted @ 2014-10-20 08:38 夕阳白雪 阅读(2562) 评论(0) 推荐(0) 编辑