前端 - 随笔分类 - lvsally

后台模板

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

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

tab组件

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

posted @ 2016-07-11 07:36 lvsally 阅读(262) 评论(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 阅读(281) 评论(0) 推荐(0)

近期小结

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

posted @ 2016-07-11 07:18 lvsally 阅读(115) 评论(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 阅读(738) 评论(0) 推荐(0)

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

摘要：选中表格的的一行元素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 阅读(201) 评论(0) 推荐(0)

list组件应用

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

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

搜索框组件

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

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

上传文件的四种方式

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

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

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 阅读(337) 评论(0) 推荐(0)

rt_dream02

摘要：使用浏览器调试js程序调试jquery方法$.post('http://127.0.0.1:7777/', {type: "Protocol.Trade.Sending_Order", data: "{}"}, function(data){console.log(JSON.stringify(da... 阅读全文

posted @ 2015-10-20 13:37 lvsally 阅读(140) 评论(0) 推荐(0)

rt_dream01

摘要：10.15当出入金值发生变化时给全局添加声音cs界面//在数据库中取出最后一个出入金的值public partial class api_info_check_new_cashrecord : System.Web.UI.Page { protected void Page_Load(obj... 阅读全文

posted @ 2015-10-20 13:24 lvsally 阅读(140) 评论(0) 推荐(0)

javascript基础01

摘要：javascript学习1对象格式一var car = new Object();car.colour = 'red';car.wheels = 4;car.hubcaps = 'spinning';car.age = 4;二var car = {colour:'red',wheels:4,hubc... 阅读全文

posted @ 2015-10-20 13:18 lvsally 阅读(138) 评论(0) 推荐(0)

随笔分类 - 前端