随笔分类 - 前端
摘要：这两天开始整体电脑上的资料，进行快速回顾，将一些常用的搬上来方便查阅。 新浪cdn <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> 百度cdn <script src="http:/
阅读全文
摘要：在今年上半年的项目中用div做过一个进度条，动态显示库存情况，展示方式有点像win10风格的磁盘空间，简洁明了，那个进度条也是来自几年前的收藏。这几年为了更好的适应移动端，响应式布局成为主流，下面这个进度条除了有动态的效果，还具备自适应能力，美观大方的同时更加适合于执行具体任务的场景，留作备用。
阅读全文
摘要：业务场景为5秒ajax方式请求服务端更新状态，setInterval带参数模式。
阅读全文
摘要：近期优化项目，有个小的改动需弹出一个层提示明细信息，简单的做法也可以直接用alert来显示，自认为还是有点小小追求，说的好听点就是注重用户体验。 在完成功能后开始在网上搜索相关资源，基于jquery的弹框控件比比皆是，感觉都太重，为一个小的功能引入太多文件有点本末倒置，朋友推荐的Layer确实不错，
阅读全文
摘要：真是一个百花齐放的项目，在熟悉代码的过程中，看到各种前端、后端技术，这回又冒出一个yepnope的东东，搜索了一下，不是什么新技术，打开官方网站，已经弃用的通知非常醒目，但仍提供相关文档在github上，看到最近更新时间都是以年为单位了，其中2.0版本的源码已经定格在2 years ago。 按需异
阅读全文
摘要：支持一个活动，在以往项目基础上修修改改，通过这类小微项目快速熟悉开发、测试以及部署环境。 前端页面中看到了一段Js代码，从语法结构上看有点像模板引擎，最后确认是一个基于jquery的模板引擎-JsRender.官网 特定的js标签,通过API可以很方便生成html代码，ajax获取后端json数据后
阅读全文
摘要：iframe自适应高度，实现原理是在iframe页面加载完成后将页面的高度赋值到iframe上。 非原创，来自于博客园的留言。 <iframe id="myIframe" src="/src.html" style="width:1220px; border:0px;" scrolling="no"
阅读全文
摘要：特定的业务场景，树控件节点全部采用异步方式加载，涉及到树控件节点的增，删，改操作，代码备忘 首先要初始化一个根节点，并注册节点单击事件以及数据加载完成后默认选择选择第一个子节点。 根据异步获取的后端数据增加节点 修改节点 删除节点，删除除初始化的根节点外所有子节点
阅读全文
摘要：当文件上传控件发生变化后自动提交表单，首先在页面加载完成后注册change事件，然后检测到值得变化后提交上传代码，代码备忘。
阅读全文
摘要：在以前项目改造过程中涉及到ZTree的简单应用，在接下来的项目中有个业务模块涉及到ZTree节点的操作，包含新增，删除，修改，留代码备忘。 首先是ztree的配置信息 新增方法 删除方法 修改方法 页面加载完成绑定事件
阅读全文
摘要：改造一个老项目的浏览器兼容性问题，没有引用jquery，涉及table的常用操作，贴代码备忘。
阅读全文
摘要：随着项目中easyui控件的深入使用，有些特定的场景需要从后端动态生成easyui控件到前端，easyui控件自身有套渲染机制，根据定义的class进行客户端渲染。 网上有关于这方面的资料介绍（入口），并提供了easyui渲染部分的源代码，便于更好的了解原理，看到有人回复提出如何使用，结合自己的使用
阅读全文
摘要：项目中有个业务场景，就是基于配置能够动态展示采集到数据库中的信息，基于sql语句，动态构建列表。 第一步：报表的增删查改，主要维护报表名称，列名（表头显示）和sql语句，列名跟sql语句输出字段保持一致 第二步，点击左侧的报表名称，动态构建grid， 关于easyui的动态列网上介绍也不多，经过多次
阅读全文
摘要：项目采用前端easyui+后端handler方式，一个老套的组合，比较适合当前的团队。 项目中有大量场景是做数据展示，主要是收集表单上的参数，统一提交到后端进行sql语句的拼装然后json序列化到前端grid控件上。 为减少前后端代码量，约定好前端和后端字段保持一致，前端封装一个js函数负责收集参数
阅读全文
摘要：用easyui的grid做数据展示，有时候想用查出来的数据作为参数进行二次搜索，通常的操作是选取内容进行复制，在实际过程中发现不能选中某一行，更别说复制其中的某一列了，由于对easyui不熟悉，一开始以为是grid的参数进行了限制，然后就开始查看grid的帮助文档，各种参数说明，无果，grid根本没
阅读全文
摘要：用easyui做系统不知不觉有一段时间了，从不懂到慢慢熟悉，照着官方文档结合博客的经验分享也算一路摸爬滚打过来了。 系统采用ajax异步调用后端接口做数据呈现，有个场景就是加载的树形菜单默认选中第一行，网上有人分享的解决方案能实现效果（http://aokunsang.iteye.com/blog/
阅读全文
摘要：json对象转字符串 字符串转json对象 // JS获取对象 // 把JS对象转换到jQuery对象 // jQuery获取对象 var $obj = $('#id'); // jQuery对象转换到JS对象 var obj = $obj.get(0); document.getElementBy
阅读全文
摘要：互联网的发展，特别是移动互联网的发展，各类技术一日千里，前端技术也伴随着突飞猛进。自进入一个创业团队后，作为后端开发的我也要开始涉及前端的工作。 种种原因项目没有采用流行的技术和框架，选用EasyUI作为前端框架，统一的布局、风格，丰富的控件、API和扩展倒也可以完全满足需求。 EasyUI虽然不是
阅读全文
摘要：在对比了HighCharts之后，因为版权问题，还是决定在项目中采用Echarts来做图表展示。 Echarts更新速度很快，已经更新到Echarts3了，感觉3的表现更炫、更酷，据说性能更好，但考虑到项目的整体风格，还是采用Echarts2的版本。 在项目正式开始之前，做一个简单的Demo，结合E
阅读全文
摘要：今天下午开始着手看图表方面的资料，为项目的数据展示和报表做前期的准备和铺垫，打算在Highcharts和Echarts之间进行选择。 两者都是功能强大、文档齐全的js图表框架，照着官方文档搬了几个demo，先以静态方式嵌入到项目中，熟练后进行二次包装，后面再结合真实数据进行后端绑定。 Highcha
阅读全文