摘要：
对于动态网站，要实时更新网站的信息，通过接口来获取实时信息是一个必不可少的部分。EasyNVR可以接入IPC等前端设备，必须要实时获取到对应的IPC实时信息进行展示。本篇主要说明Ajax来获取数据。以EasyNVR通道接口进行说明：操作: H5列表显示； 接口：/... 阅读全文
摘要：
上一篇介绍通过接口来获取数据，本篇将介绍如何以分页形式展示出接口获取到的数据获取到的数据往往会很多，为了追去页面的美观和方便用户的检索，需要进行分页的展示； EasyNVR可接如多通道，当我们的通道越发多起来的时候，有时候一通片的展示所有通道，不仅不方便用户的检索... 阅读全文
摘要：
上一篇介绍了处理接口获取的数据，本篇将介绍如何在接收到的数据中搜索出自己符合条件的数据； 为了页面的美观，我们往往会以分页的形式来进行数据的展示。但是，当需要展示出来的数据太多的时候，我们很难迅速的找出自己想要的数据。自时候，我们就需要通过检索功能来实现对想要... 阅读全文
摘要：
在web前端的网页设计中，为了展示出简洁的网页风格和美观的效果，往往就会使用弹窗效果 在EasyNVR前端页面录像检索功能时，必然会播放录像，如果单独为播放录像文件排一个界面，用户在使用上会更加繁琐，在外观上也不是很美观。基于bootstrap可以来开发出弹窗... 阅读全文
摘要：
EasyNVR中有对录像进行检索回放的功能，且先抛开录像的回放，为了更好的用户体验过、让用户方便快捷的找到对应通道对应日期的录像视频，是必须的功能。 基于上述的需求，为前端添加一个日历插件，在日历上展示出所有的录像信息，用来告知用户那些日期有回放录像，那些日期... 阅读全文
摘要：
很多时候,前端开发的页面,不仅要在PC端测试效果, 还要在手机端测试效果. 在开发阶段, 我们以 webpack-dev-server 来启动浏览器, 打开正在开发的页面. webpack-dev-server 可以做到实时监听文件修改, 自动更新浏览器中的网页, 一... 阅读全文
摘要：
为了让页面更快完成加载, 第一时间呈现给客户端, 也为了帮助客户端节省流量资源, 我们可以开启 vue-router 提供的按需加载功能, 让客户端打开页面时, 只自动加载必要的资源文件, 当客户端操作页面, 切换功能模块, 触发页面路由变化时, 再去加载相应需要的资... 阅读全文