2013 年 1月随笔档案 - artwl

长列表优化之滚动替换数据方案小记

摘要：最近项目中要用到比较长的列表，在浏览器中打开渲染时比较慢，并占用了较多内存，于是就同事就建议尽量减少节点，在滚动时只是替换数据，于是就决定试试这种方法。首先要做的就是添加拖动滚动条时的事件，另外由于UE要求对滚动条进行美化，于是就选用了jscrollpane这个jQuery滚动条插件，主页是：http://jscrollpane.kelvinluck.com/ 基本要求是表头固定，内容可滚动，滚动时只是替换数据，不增减节点。由于要出现滚动条，所以要添加一个空的节点来占位，所以DEMO的HTML结构如下：<h3>DEMO</h3><div class=" 阅读全文

posted @ 2013-01-27 19:34 artwl 阅读(963) 评论(0) 推荐(0) 编辑

Javascript图像处理之平滑处理

摘要：原理来自Justany_WhiteSnow的Javascript图像处理——平滑处理一文。/* * BORDER_REPLICATE: aaaaaaaa|abcdefgh|hhhhhhhh * BORDER_REFLECT: hgfedcba|abcdefgh|hgfedcba * BORDER_REFLECT_101: hgfedcb|abcdefgh|gfedcba * BORDER_WRAP: efgh|abcdefgh|abcd * BORDER_CONSTANT: iiiiiiii|abcdefgh|iiiiiiii with... 阅读全文

posted @ 2013-01-22 23:59 artwl 阅读(1127) 评论(2) 推荐(0) 编辑

Javascript图像处理之虚拟边缘

摘要：原理来自Justany_WhiteSnow的Javascript图像处理——虚拟边缘一文。 /* * BORDER_REPLICATE: aaaaaaaa|abcdefgh|hhhhhhhh * BORDER_REFLECT: hgfedcba|abcdefgh|hgfedcba * BORDER_REFLECT_101: hgfedcb|abcdefgh|gfedcba * BORDER_WRAP: efgh|abcdefgh|abcd * BORDER_CONSTANT: iiiiiiii|abcdefgh|iiiiiiii wi... 阅读全文

posted @ 2013-01-18 22:41 artwl 阅读(1435) 评论(2) 推荐(1) 编辑

Javascript图像处理之将彩色图转换成灰度图

摘要：最近看了Justany_WhiteSnow的Javascript图像处理一文，写的非常好，于是就练练手，略做了一些封装：(function () { function imageToGray(iCanvas, url) { this.canvas = iCanvas; this.iCtx = this.canvas.getContext("2d"); this.url = url; } imageToGray.prototype = { imread: function (_image) { v... 阅读全文

posted @ 2013-01-16 00:29 artwl 阅读(3788) 评论(0) 推荐(0) 编辑

01 2013 档案

公告

个人简介