Web
Web
陈振阳
我翻开历史一查,这历史没有年代,歪歪斜斜的每页上都写着仁义道德四个字。我横竖睡不着,又仔细看了半夜,才从字缝缝里看出字来。满页都写着两个字是,吃人。
展开
-
你不得不知道的polyfill
你不得不知道的polyfill原创 2020-12-17 23:00:16 · 360 阅读 · 0 评论 -
BootstrapValidator remote最佳实践
如果在form中使用了如下的配置 您的手机原创 2016-08-09 23:56:29 · 9115 阅读 · 0 评论 -
PaginationJS改造支持实时更新分页信息
库的地址:http://paginationjs.com/index.html 已经好久没更新了,看了下源码,质量比较高,也比较稳定了。使用过程中发现,分页的信息是初始化的时候固定死的,不够灵活,要是能在获取数据的过程中实时更新分页的信息就好了。也就是希望流程是这样的: 请求数据->使用分页信息更新分页栏->更新数据dom 而paginationjs是这样的: 初始化,同时初始化分页栏->请原创 2016-08-22 02:26:03 · 1958 阅读 · 0 评论 -
JQuery DomLazyLoad插件
Data Lazy Load Simple原创 2016-08-10 21:50:26 · 701 阅读 · 0 评论 -
判断浏览器类型,判断是PC端还是移动端,判断是苹果端还是Android端
Insert title here //判断访问终端 var browser = { versions : function() { var u = navigator.userAgent, app = navigator.appVersion; return { trident : u.原创 2016-08-12 21:40:37 · 6561 阅读 · 0 评论 -
DOM操作为什么慢?
DOM对象其实也是一个内存对象,为什么对DOM的操作这么慢? 其实是因为DOM操作会引起浏览器的render和paint操作, 而这两个操作比较耗时,所以造成对DOM操作比较慢。 关于render和paint的概念需要理解一下浏览器呈现一 个页面需要哪些操作。浏览器如何呈现一个页面 一个完整的页面包含html和css以及js,从浏览器加载完这些资源文件到呈现一个完整的页面需要经过很原创 2016-08-13 18:35:59 · 1022 阅读 · 0 评论 -
深入 Spring 系列之静态资源处理
前一段时间,WebIDE 开源的过程中,无意间接触到 webjars,觉得比较有趣,于是研究并整理了一下。webjars 是将前端的库(比如 jQuery)打包成 Jar 文件,然后使用基于 JVM 的包管理器(比如 Maven、Gradle 等)管理前端依赖的方案。webjars 的效果非常神奇。可以举个例子,我们可以在 maven 项目中添加下面的依赖:原创 2016-10-12 10:27:30 · 20612 阅读 · 4 评论 -
史上最好的正则表达式教程
JS正则表达式完整教程原创 2017-08-14 22:09:02 · 851 阅读 · 0 评论 -
浅谈preflight request
前端 | 浅谈preflight request原创 2018-06-12 10:54:15 · 2417 阅读 · 0 评论 -
Extjs中的success和failure
1. Ext.form.Action.Submit的配置选项success、failure根据返回json中success属性判断的,如果success为true,则success,false则failure,如果无json中无success属性,failure,故要提示操作是否成功,必须要返回success属性。form.getForm().submit({原创 2016-03-30 17:54:51 · 920 阅读 · 0 评论 -
JavaScript笛卡尔积超简单的实现
function cartesianProductOf() { return Array.prototype.reduce.call(arguments, function(a, b) { var ret = []; a.forEach(function(a) { b.forEach(function(b) { ret.pu原创 2016-05-19 16:55:32 · 8839 阅读 · 1 评论 -
EasyUI1.4.2 DataGrid二次加载的问题
最近在使用EasyUI1.4.2的DataGrid的过程中,发现了两个会二次加载的情况; 第一个是在页面初始化的时候,如果给datagrid指定了URL属性,而且pageNumber属性没有设置为1的时候,就会出现二次加载的情况。 第二个是条件查询的时候,填上条件之后,直接点击分页栏的左右按钮,这个时候,会产生两次请求,第一次请求是正常的带条件的请求,第二次请求是请求URL属性设置的地址,最后表原创 2015-04-22 11:46:33 · 5198 阅读 · 0 评论 -
修复JsRender在IE下报console未定义的问题
要想在IE中使用console,必须要按F12打开 开发人员工具 来看效果,不然的话,会在页面上报错,console未定义。 而JsRender的源代码中的dbgBreak函数使用了console这个对象,干掉就行了,目前没有发现在IE下出现其他问题。function dbgBreak(val) { // Usage examples: {{dbg:...}}, {{:~dbg(...)原创 2016-08-21 21:09:54 · 1419 阅读 · 0 评论 -
开发网站时解决360浏览器的兼容性问题,兼容模式打不开,让网页默认为极速模式打开
360浏览器打开网页默认是兼容模式,导致有些网页打不开, 可以在网页头部加上代码,默认改为为极速模式打开,就正常了: 下面的代码会默认打开兼容模式原创 2016-08-09 17:53:41 · 25865 阅读 · 0 评论 -
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
越来越多的站点开始使用HTML5标签。但是目前的情况是还有很多人在使用IE6,IE7,IE8。这里提供一种让ie浏览器支持html5的方法,需要的朋友可以参考下 如今HTML5愈来愈引发大家的关注了,但目前支持HTML5的浏览器还不是主流,特别是国内用户近50%以上仍旧使用IE6,由于支持HTML5的IE9不支持Xp系统安装,这样未来很长一段时间,HTML5的开发者将必须考虑向下兼容的问题。HTM原创 2016-07-31 18:31:27 · 1107 阅读 · 0 评论 -
Ueditor1.4.3版本多图上传中的在线管理BUG
我在使用Ueditor1.4.3的过程中,发现多图上传中的在线管理的功能怎么的都不能显示图片,经过firebug的查看得知,是因为Ueditor1.4.3获取了图片的物理路径放在img标签中,既然已经知道了问题的所在,那么以下就是我解决方法,当然是修改Ueditor1.4.3的源码了,请见下面: 修改com.baidu.ueditor.hunter.FileManager方法: private原创 2015-04-08 12:23:23 · 3968 阅读 · 0 评论 -
UEditor1.4.3 使用配置心得
做一个新系统,有一个文章管理的模块,文章是图文的形式。图片管理一直没找到好的控件,看到了UEditor,再一看,百度的,果断试一下,对着文档部署了一个环境,发现图片部分有各种问题: 最后发现,UEditor是很健壮的,其实各种问题都是配置的问题。 在图片上传这一部分遇到几个问题: 1)图片无法上传,提示无效的Action 2)图片无法回显 3)图片上传之后,上传目的文件夹没有文件 第一个原创 2015-04-08 11:44:02 · 5317 阅读 · 0 评论 -
使用ajax和history.pushState无刷新改变页面URL
表现如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时,细心的你会发现页面之间的点击是通过ajax异步请求的,同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。是什么有这么强大的功能呢?HTML5里引用了新的API,history.pushState和history.replaceState,就是通过这个接口做到无原创 2015-06-01 10:53:20 · 950 阅读 · 0 评论 -
PJAX 介绍
介绍pushState是一个可以操作history的api,该api的介绍和使用请见这里:http://www.welefen.com/use-ajax-and-pushstate.html 目前已经有http://github.com/, http://plus.google.com, http://www.welefen.com 等网站已经使用。 pjax是对ajax + pushState原创 2015-06-01 11:02:42 · 3040 阅读 · 0 评论 -
JQuery Ajax提交form工具类
.fn.serializeObject=function()varo=;vara=this.serializeArray();$.each(a,function()if(o[this.name])if(!o[this.name].push)o[this.name]=[o[this.name]];o[this.name].push(this.value||′′);elseo[this.name]=th原创 2016-07-23 23:55:57 · 633 阅读 · 0 评论 -
Extjs整合Ueditor时Dialog被遮挡
调整的ueditor.config.js文件的zIndex的配置。 这个配置需要调整的很高才行。 我是调成了下面的值。,zIndex : 999999999 //编辑器层级的基数,默认是900,z-index的最大值2147483647以下来自网络 css z-index 的取值范围: z-index最大值: IE FireFox Safari的z-index最大值是214748原创 2016-07-02 00:01:26 · 2226 阅读 · 0 评论 -
使用Bootstrap FileInput遇到的坑
遇到两个问题,不知道是不是坑。 1.uploadURL $.fn.fileinput = function (option) { if (!hasFileAPISupport() && !isIE(9)) { return; } var args = Array.apply(null, arguments), retvals原创 2016-07-26 21:41:48 · 19391 阅读 · 0 评论 -
一个二维码,苹果安卓两种下载方案
需求: 扫描同一个二维码,在苹果系统下面,直接跳转到苹果的appstore应用对应的页面,在安卓系统下,直接浏览器下载。 代码如下: 思路是根据useragent判断浏览器的类型,从而判断系统的类型。 下面的代码是http://appurl.cc/生成的代码。原创 2016-06-20 12:10:48 · 6343 阅读 · 0 评论 -
JQuery加载Json对象到form
$.fn.loadJson = function(jsonValue) { var obj = this; $.each(jsonValue, function(name, ival) { var $oinput = obj.find(":input [name=" + name + "]"); if ($oinput.attr("type") ==原创 2016-07-27 22:41:04 · 3549 阅读 · 0 评论 -
HTML data-*属性的使用思路
<div class="add-address-1 selected" data-addressid="2348" data-province="370000" data-city="370100" data-district="910052" data-address_name="dxm" data-address="舜泰广场" data-zipcode="250014" data-mobile="18888888888"> <div class="border-im原创 2016-07-30 11:09:32 · 1762 阅读 · 0 评论 -
控制浏览器窗口的可以缩放的最小高度和宽度
$(window).resize(function(){ if(document.body.clientHeight原创 2016-08-03 22:15:57 · 20546 阅读 · 1 评论 -
使用 CSS 媒体查询创建响应式网站
简介 现今每天都有更多的手机和平板电脑问市。消费者能够拥有可想象到的各种规格和形状的设备,但是网站开发人员却面临一个挑战:如何使他们的网站在传统浏览器、手机和平板电脑浏览器上有很好的效果,如何在各种大小的屏幕上提供一流的用户体验,答案是:采用响应式设计。响应式设计可以随所显示的屏幕大小而改变。实现响应式设计的主要方法是使用 CSS 媒体查询。 在本文中,将探索如何将媒体查询用于桌面网站、移动电话原创 2015-02-10 10:59:10 · 1238 阅读 · 0 评论