你的位置:首页 > 软件开发 > 网页设计 > HT for Web的HTML5树组件延迟加载技术实现

HT for Web的HTML5树组件延迟加载技术实现

发布时间:2015-05-03 23:01:47
HT for Web的HTML5树组件有延迟加载的功能,这个功能对于那些需要从服务器读取具有层级依赖关系数据时非常有用,需要获取数据的时候再向服务器发起请求,这样可减轻服务器压力,同时也减少了浏览器的等待时间,让页面的加载更加流畅,增强用户体验。进入正题,今天用来做演示的Demo ...

HT for Web的HTML5树组件延迟加载技术实现

HT for Web的HTML5树组件有延迟加载的功能,这个功能对于那些需要从服务器读取具有层级依赖关系数据时非常有用,需要获取数据的时候再向服务器发起请求,这样可减轻服务器压力,同时也减少了浏览器的等待时间,让页面的加载更加流畅,增强用户体验。

进入正题,今天用来做演示的Demo是,客户端请求服务器读取系统文件目录结构,通过HT for Web的HTML5树组件显示系统文件目录结构。

首先,我们先来设计下服务器,这次Demo的服务器采用Node.js,用到了Node.js的express、socket.io、fs和http这四个模块,Node.js的相关知识,我在这里就不阐述了,网上的教材一堆,这里推荐下socket.io的相关入门http://socket.io/get-started/chat/。

服务端代码代码:

var fs = require('fs'),  express = require('express'),  app = express(),  server = require('http').createServer(app),  io = require('socket.io')(server),  root = ‘/Users/admin/Projects/ht-for-web/guide‘;io.on('connection', function(socket){  socket.on('explore', function(url){    socket.emit('file', walk(url || root));  });});app.use(express.static('/Users/admin/Projects/ht-for-web'));server.listen(5000, function(){  console.log('server is listening at port 5000');});

原标题:HT for Web的HTML5树组件延迟加载技术实现

关键词:HTML

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。