基本信息

案例ID:124488

技术顾问:1)1三v11_ - 1年经验 - 广州多益网络股份有限公司

联系沟通

微信扫码,建群沟通

项目名称:哈哩哈哩官网设计

所属行业:文化娱乐 - 动漫

->查看更多案例

案例介绍

1.以position定位、float浮动等方法完成全站static页面设计,CSS3媒体查询保证
界面适应多种设备,包括640px以下、640px-768px、768px-1024px、1024px-1365
px、1365px~宽度设备;
2.提取html页面关键部分,转变为ejs组件,使用express实现服务端渲染;
3.配合jQuery以及jQueryXT.lazyload实现全站图像懒加载;
4.使用gulp、gulp-cli、gulp-csso以及gulp-minify压缩css和js文件;
5.下载npm包request以及node-html-parser,分析原网站页面结构,构造爬虫文件./database/webscrap/fetch.js,设置async/await方法实现爬取队列化,利用node.js原生模块fs将数据导出为json文件;
6.通过fs模块读取json原件,并使用JSON.parse解析为array,sqlite3模块将数据以此通过async/await代码块导入数据库;
7.使用SQL Statement进行模糊搜索查询,防止sql注入;
8.利用express框架Router组件,实现全站各个路由跳转;
9.设置分类页面路径格式为/lists/[type]/[n1]_[n2]_[n3]_[index],其中type为影视类型,n1和n2、n3分别代表影视类型的内容、年代、来源地分类,index为当前页数,实现分类检索功能;
10.预先查询所有分类页面所有类型页面总数,并导入sqlite数据库文件。当index数量超过该类型页数总量之时,使用res.redirect重定向;
11.向window对象添加mousewheel、touchmove事件,判定window.scrollY实现回到顶部组件,点击即可返回顶部。触发期间用户主动滑动超过300,将会停止滑动;
12.window.localSotrage和jQuery,新增DOM元素实现观看历史功能

相似案例推荐

其他人才的相似案例推荐

  • solo_launch

    solo_launch

    Solo_launch是一个极简的桌面壁纸手机app。主要包

  • 漫画分销系统

    漫画分销系统

    作为主站平台的商户合作项目开发的分销系统。用于合作商分销主站

  • 漫客栈

    漫客栈

    国内知名的漫画平台,线上有安卓、iOS、H5、web、微信小

  • H5作品,主题作品,微信小程序

    H5作品,主题作品,微信小程序

    负责配色,排版,字体设计,以及思维导图,原型图,还有交互逻辑

  • H5作品

    H5作品

    负责配色,排版,字体设计,以及思维导图,原型图,还有交互逻辑

  • [userscript]弹幕播放器

    [userscript]弹幕播放器

    # anime1_danmaku Compatibil

  • K动漫壁纸

    K动漫壁纸

    这是一款集成各大动漫图源网站的应用,方便动漫爱好者进行图库搜

  • 萌萌哒动物照

    萌萌哒动物照

    AR换动物头像。 这个是个人作品,一个人写的。我负责了从U

  • 网页图片爬虫

    网页图片爬虫

    爬取指定网页的图片,获取所有的图片地址进行保存。 在该网站

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在1小时内与您联系,1小时内精准确定人才

微信接收人才推送

关注猿急送微信平台,接收实时人才推送

接收人才推送
联系需求方端客服
联系需求方端客服