lvsally - 博客园

2016年7月11日

摘要：使用后台模板是为了把前端显示作为model层的一部分，当数据结构确定了，同一个功能可以套用不同的模板结构生成不同的结构，就像组件一样数据结构 var model = {//左侧导航动态数据 navs:[ {'idx':'treeopt','name':'Tree操作','icon':'fa-das 阅读全文

posted @ 2016-07-11 07:53 lvsally 阅读(295) 评论(0) 推荐(0) 编辑

tab组件

摘要： tab组件主要用于不同模块的切换实现分成两种情况： 1 只是标签栏的切换，根据不同的tab项写相关操作。 2 组件内部不仅包括标签头也包括该标签对应的div，用于存放该标签对应的内容。阅读全文

posted @ 2016-07-11 07:36 lvsally 阅读(235) 评论(0) 推荐(0) 编辑

日历组件

摘要：结构 var _args = { p: $DB, defDate:(new Date().date2Str()).split(' ')[0],//2016-1-2 10:12:32 computeM:todayM, computeY:todayY, dateHead:['日','一','二','三' 阅读全文

posted @ 2016-07-11 07:27 lvsally 阅读(274) 评论(0) 推荐(0) 编辑

近期小结

摘要： 1 当元素嵌套多层overflow：aotu可能会失效，因此要确保该元素的父级也拥有宽和高。2 不停对一个元素去绑定和取消元素是不明智的，最好使用多个元素表示不同功能，可以选择先将元素隐藏。3 善用position：fixed，absolute4 滚动分页加载数据：当鼠标滚动高度是元素的显示程度还剩阅读全文

posted @ 2016-07-11 07:18 lvsally 阅读(105) 评论(0) 推荐(0) 编辑

模拟鼠标事件

摘要：使用以下三行代码就可以使用模拟鼠标事件了 var oCreateEvt = $D.createEvent('MouseEvents');//模拟鼠标对象 oCreateEvt.initMouseEvent('click',true,true,document.defaultView,0,0,0,0, 阅读全文

posted @ 2016-07-11 07:08 lvsally 阅读(721) 评论(0) 推荐(0) 编辑

2016年7月5日

对表格元素操作的两种方式

摘要：选中表格的的一行元素function dblGetBody(){//双击查看详细内容 var e=WT.e.fix(e),_e=e.t; while(_e.tagName != 'TABLE'){ if(_e.attr('opt')){ break; } if(... 阅读全文

posted @ 2016-07-05 10:21 lvsally 阅读(192) 评论(0) 推荐(0) 编辑

2016年6月30日

list组件应用

摘要：画线工具，功能需求：五个列表，前四列每一行都存放着不同的画线工具。第五列用于保存自己收藏的图形。其中每列都具有收藏和取消收藏的功能。数据结构第五列数组内容为空，在页面初始化时向服务器动态获取用户收藏的工具。 var chartLineStyle = [//顶部画图图片集合 [ {idx:0,di 阅读全文

posted @ 2016-06-30 20:51 lvsally 阅读(348) 评论(0) 推荐(0) 编辑

搜索框组件

摘要：搜索框组件1 当数据量很大时，keyup时不断地向服务器请求新的的数据，不断渲染搜搜结果。代码实现： function onKeyUpcbfn_table(input){ var _input = input.value; if (searchCount 0) { searchCount = 1; 阅读全文

posted @ 2016-06-30 20:09 lvsally 阅读(520) 评论(0) 推荐(0) 编辑

2016年6月28日

上传文件的四种方式

摘要： 1 使用filereader对象，读取本地图片，将图片转化成base64传给服务器，读取时直接将服务器返回的内容贴在图片的src属性上缺点：只能上传像素比较小的图片（chrome测试当图片超过70kb多一些的时候图片不能正常显示） 2 还是通过filereader对象将文件的base64传给服务器阅读全文

posted @ 2016-06-28 21:46 lvsally 阅读(1891) 评论(0) 推荐(0) 编辑

2016年6月27日

list组件

摘要： 1 创建元素，创建元素的父节点为传入id的下一个兄弟节点，并且为组件元素指定唯一的class（List_bs_sign）创建方式如下 adElm:function(a,b){var e=$C(a,b);this.appendChild(e);return $(e)},//可解决先$C再innerH 阅读全文

posted @ 2016-06-27 08:56 lvsally 阅读(307) 评论(0) 推荐(0) 编辑