前端
斗者_2013
多年java老兵,专注微服务,中间件等热点技术,分享工作心得和技术干货
展开
-
js中el表达式的使用和非空判断
注意,这里想说的不是jsp里面嵌套的el表达式的使用,而是在js中使用。场景: 页面跳转后,使用spring mvc向前端页面传过来一个json对象,要在js中获取后,做处理。 返回的json对象:{"nodes":[{"contactmobile":"15922208502","orderno":"XNH31918062989476864"},{"id原创 2017-01-19 11:33:36 · 9578 阅读 · 0 评论 -
jquery easyui的datagrid在初始化的时候会请求两次URL?
html代码中利用class声明了datagrid,导致easyUI解析class代码的时候先解析class声明中的datagrid,这样组件就请求了一次url;然后又调用js初始化代码请求一次url。这样导致了重复加载,解决的方法就是只用一种初始化方法来声明easyUI组件以避免重复的提交请求,即删除html中的class声明(class="easyui-datagrid") 即:转载 2016-09-05 11:01:28 · 1035 阅读 · 0 评论 -
理解Angular中的$apply()以及$digest()
$apply()和$digest()在AngularJS中是两个核心概念,但是有时候它们又让人困惑。而为了了解AngularJS的工作方式,首先需要了解$apply()和$digest()是如何工作的。这篇文章旨在解释$apply()和$digest()是什么,以及在日常的编码中如何应用它们。 探索$apply()和$digest()AngularJS提供了一个非常酷的特性转载 2015-12-01 11:08:09 · 481 阅读 · 0 评论 -
AngularJS的Provider, Value, Constant, Service, Factory, Decorator的区别与详解
首先,provider, value, constant, service, factory他们都是provider!(decorator小朋友先搬个小板凳坐在边上等会儿,现在还没轮到你出场哈~)provider是干啥的?provider可以为应用提供通用的服务,形式可以是常量,也可以是对象。比如我们在controller里常用的$http就是AngularJS框架提供的p转载 2015-12-01 10:46:00 · 1111 阅读 · 0 评论 -
再谈angularjs DI(Dependency Injection)
依赖注入简述 | DI in a nutshell对象或者函数只有以下3种获取其依赖(的对象)引用的方式:依赖可以被使用者自己创建,通过 new 操作符.依赖可以通过全局变量(如 window)来查找并引用依赖可以在需要的地方被传入前两种创建或查找依赖的方式并不是最优的,因为他们对依赖进行了硬编码. 这就使得当依赖变得不可用时,要修改依赖相关的代码变得非常困难和繁琐。在测试中更是有转载 2015-11-30 00:03:51 · 637 阅读 · 0 评论 -
使用angular.bootstrap完成模块的手动加载
之前我们看到使用ng-app指令,可以实现模块的自动加载。现在我们看下,angular中如何手动加载模块。需要使用到angular.bootstrap这个函数。[html] view plaincopyhtml> head> script src="angular.js">script>转载 2015-11-29 22:08:06 · 1278 阅读 · 0 评论 -
AngularJS与RequireJS集成
RequireJS允许你定义和管理JS文件之间的依赖关系,把这些工作变成了一个简单的构建过程。利用这些异步加载管理工具,可以保证在代码执行之前所有依赖的东西就已经被加载好了——专注于开发实际的应用功能从来没有如此简单过。 AngularJS能够很好地与RequireJS(http://www.requirejs.org/)配合使用,这使得我们可以同时拥有两种组件的优点。下面通转载 2015-11-29 17:36:12 · 3113 阅读 · 0 评论 -
AngularJS控制器之间的通信
AngularJS控制器之间的通信利用作用域的继承方式由于作用域的继承是基于js的原型继承方式,所以这里分为两种情况,当作用域上面的值为基本类型的时候,修改父作用域上面的值会影响到子作用域,反之,修改子作用域只会影响子作用域的值,不会影响父作用域上面的值;如果需要父作用域与子作用域共享一个值的话,就需要用到后面一种,即作用域上的值为对象,任何一方的修改都能影响另一方,这转载 2015-11-29 16:04:50 · 445 阅读 · 0 评论 -
快速理解RequireJs
RequireJs已经流行很久了,我们在项目中也打算使用它。它提供了以下功能:声明不同js文件之间的依赖可以按需、并行、延时载入js库可以让我们的代码以模块化的方式组织初看起来并不复杂。在html中引入requirejs在HTML中,添加这样的 标签:script src="/path/to/require.js" data-main="/path/to/ap转载 2015-11-29 14:56:18 · 417 阅读 · 0 评论 -
JavaScript模块化编程 - CommonJS, AMD ,CMD和 RequireJS之间的关系
先说说CommonJS CommonJS - 大家是不是觉得JavaScript仅仅是一个客户端的编译语言,其实JavaScript设计之初不仅仅是针对客户端设计的语言。后来只是由于Web的迅速流行,加之Netscape和微软之间之争过早的将JavaScipt标准化。要了解详细的JS历史请查看:http://zh.wikipedia.org/zh-cn/JavaScript。过早的标准化J转载 2015-11-29 14:50:18 · 4043 阅读 · 0 评论 -
Javascript模块化编程(三):require.js的用法
这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见转载 2015-11-29 14:44:16 · 476 阅读 · 0 评论 -
Javascript模块化编程(二):AMD规范
这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。(接上文)七、模块的规范先想一想,为什么模块很重要?因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!考虑到Javascript模转载 2015-11-29 14:42:55 · 417 阅读 · 0 评论 -
Javascript模块化编程(一):模块的写法
随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,Ja转载 2015-11-29 14:40:28 · 319 阅读 · 0 评论 -
如何解决ajax跨域问题(转)
由 于此前很少写前端的代码(哈哈,不合格的程序员啊),最近项目中用到json作为系统间交互的手段,自然就伴随着众多ajax请求,随之而来的就是要解决 ajax的跨域问题。本篇将讲述一个小白从遇到跨域不知道是跨域问题,到知道是跨域问题不知道如何解决,再到解决跨域问题,最后找到两种方法解决ajax 跨域问题的全过程。不知是跨域问题起 因是这样的,为了复用,减少重复开发,单独开发了一个用户权限管转载 2015-09-15 16:32:55 · 316 阅读 · 0 评论 -
45个实用的JavaScript技巧、窍门和最佳实践
2013-12-31 09:26 Owen Chen译 伯乐在线 我要评论(0) 字号:T | T如你所知,JavaScript是世界上第一的编程语言,它是Web的语言,是移动混合应用(mobile hybrid apps)的语言(比如PhoneGap或者Appcelerator),是服务器端的语言(比如NodeJS或者Wakanda),并且拥有很多其他的实现。AD转载 2015-09-10 00:23:18 · 549 阅读 · 0 评论 -
jQuery 插件autocomplete 应用
项目中有时会用到自动补全查询,就像Google搜索框、淘宝商品搜索功能,输入汉字或字母,则以该汉字或字母开头的相关条目会显示出来供用户选择,autocomplete插件就是完成这样的功能。 autocomplete官网 : http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ (可下载jQuery autoc转载 2015-09-10 00:13:18 · 431 阅读 · 0 评论 -
表单按回车自动提交
这里,我首先说下如何解除回车表单自动提交的问题。 onsubmit="return false"> 这样的话,提交得用document.forms['myform'].submit();1、当form表单中只有一个时按回车键将会自动将表单提交。再添加一个按下回车将不会自动提交,但是页面上显示一个不知所云的输入框挺别扭,后从网转载 2015-04-15 11:26:45 · 580 阅读 · 0 评论 -
web前端性能优化小结
web前端性能优化的14个技巧 平时接触的很多优化都是后台程序或数据库级别的,最近浏览了下《高性能网站建设指南》,学习了下关于前端性能的优化技巧,在此总结下。 一、web页面的性能分析 性能黄金法则:只有10%~20%的最终用户响应时间花在了下载HTML文档上,其余的80%~90%时间花在了下载页面中的所有组件上。原创 2015-04-10 23:30:13 · 729 阅读 · 0 评论 -
jquery form表单.serialize()序列化后中文乱码问题原因及解决
有时候我们需要使用ajax提交去提交form的值,这样就需要使用serialize()去获取form的值,但这样获取的值如果有中文,会乱码,原因和解决方法如下:原因:.serialize()自动调用了encodeURIComponent方法将数据编码了 解决方法:调用decodeURIComponent(XXX,true);将数据解码 如:vardata=$('#addf').se原创 2015-02-28 17:10:12 · 24729 阅读 · 2 评论 -
使用ajaxFileUpload实现文件异步上传
spring mvc中使用ajaxFileUpload实现文件异步上传原创 2015-02-02 09:55:27 · 1571 阅读 · 1 评论 -
将jquery validate校验框架的remote异步验证设置为同步校验
最近公司的项目中都是使用的jquery validate在做表单,感觉确实非常好用,很灵活,用起来很顺手。但也遇到了不少问题。在此记录一下。 场景:原创 2014-09-25 15:44:42 · 8043 阅读 · 0 评论 -
关于JQuery validate表单校验插件对级联下拉框的校验问题
今天在使用JQuery validate表单校验插件时,遇见了一个原创 2014-09-18 16:07:38 · 5192 阅读 · 0 评论 -
解决IE9出现异常SCRIPT5011:不能执行已释放Script的代码
最近项目需要,做了一套JS插件,使用到模态窗口,在返回值得时候,出现一个异常 SCRIPT5011:不能执行已释放Script的代码 在IE6,IE7,IE8,chrome,firefox一些window主流的浏览器上,都可以正常运行,就是IE9上出现这个问题,(主要是ie9新增了缓存清理的功能,上一个窗口关闭后,js中的信息就丢失了)其实,我们用模态方式打开个窗口转载 2016-01-26 14:17:15 · 7461 阅读 · 0 评论 -
csdn博客 代码块的显示设置以及图片的插入技巧
转载地址http://blog.csdn.net/fengkuangshixisheng/article/details/27691179最近在csdn写技术类的博客,发现自己写的代码段和别人显示的不一样,没有行号,格式也不完美,也不会插图片,搜看资料,整理方法如下,和大家共享一下。 一)代码段显示设置例如将以下代码段进行设置#include #i转载 2016-01-26 14:27:03 · 1250 阅读 · 0 评论 -
js下载文件以及下载文件名乱码问题的解决
关键点:1.封装form表单提交,做成类似post请求传递多参数下载文件的效果。2.请求参数乱码的简单纪要3.下载功能,中文文件名的乱码解决4.下载CSV格式的文件的乱码问题分析转载 2015-12-05 22:30:14 · 25618 阅读 · 0 评论 -
前端js中的引号问题
formatter:function (value,row,index){ return "OpenFrame(\""+row.orderNo+"\")' target='_blank'>反查"; }这段代码主要是记录下,js中引号的使用问题。这里OpenFrame的参数是一个订单号,如果没有引号,则默认为是数值型,还会出现u原创 2016-12-26 19:34:29 · 2465 阅读 · 0 评论 -
使用d3.js实现力矩散点图+图例
首先导入相关js依赖,然后具体实现:.links line { stroke: #999; stroke-opacity: 0.6; }.nodes circle { stroke: #fff; stroke-width: 1.5px;}.linetext { font-size: 18px ; font-family: SimSun;原创 2017-01-04 14:09:39 · 5147 阅读 · 0 评论 -
关于Easy UI中文件上传处理进度条的实现
主要思路是用线程池池去处理上传任务,并计算上传进度,将进度保存到session中。前端通过一个定时器按固定时间调用获取进度条的百分比,更新进度条进度。前端相关代码: 关闭 相关的js代码: //展示进度条 var timerId; function showCh原创 2017-04-17 14:46:29 · 11074 阅读 · 2 评论 -
图片异步延迟加载,提升网页打开速度
提升网页加载速度的方法有很多种,用 jquery.lazyload.js 实现图片异步延迟加载,对于页面包含图片较多的网站来说,会是个不错的提升网页打开速度的方法。代码君网站栏目页列表左侧,在PC端预览时能看到一个文章略缩图展示模块,一定程度上会延长网页加载时间。所以袁程旭采用图片异步延迟加载的方法,来提升本站页面加载速度。虽然不是什么非常高大上的话题,但也是可以分享的。图片异步加载,就是转载 2016-01-26 14:01:08 · 1158 阅读 · 0 评论