![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作日记
zhu jun~
如果知识是片海洋,那我就是徜徉在海洋中的小鱼,汲取海水中的养分,让我不断成长,这样遨游地感觉让我十分地欢畅!
展开
-
工作笔记之折叠面板
需求分析:这次的任务主要是做右侧栏的Sort板块,主要的的需求可以分为以下几个小点: 1. 点击Sort右边的+号来展开面板 2. 点击面板中的Name这样的链接后,主框中会进行数据排序后再展示。技术难点分析:利用angular ui来实现Sort面板的折叠效果,需要用到ui-collapse功能。可以通过https://angular-ui.github.io/bootstrap 页面查原创 2016-10-11 17:31:33 · 953 阅读 · 0 评论 -
工作笔记之按首字母顺序展示Contact信息
需求分析:我们要按首字母顺序展示的页面如图所示: 刚开始时,项目中的Contact的信息展示并不是按照首字母的顺序来展示的,因此,我萌生了对此进行改造的想法。让他们按照首字母的顺序来展示,更符合用户的习惯。技术难点分析:页面如何按照首字母来展示这些信息后台如何按照首字母进行排序,并如何将首字母相同的Contact放在一起。实现:首先我们需要知道的是用mongodb命令行的方式怎么来实现按原创 2016-10-24 12:08:49 · 930 阅读 · 0 评论 -
工作笔记之图标切换
需求分析:界面如上图所示,实现的主要功能是点击Filter或Sort右边的“+”或者“-”号后,“+”点击后会切换为”-“号,减号则相反。技术难点分析:“+”或者”-“的小标是从哪来的?怎么定义的其实从css和JavaScript的角度来看,这个功能就是点击触发事件,事件函数来修改元素的类属性。而在Angularjs中时怎么获得元素标签,并且怎么去修改类属性的呢。实现:搜索资料后发现,原原创 2016-10-13 15:32:58 · 430 阅读 · 0 评论 -
工作笔记之的组内排序功能
这里还是用到了管道的功能,这次的功能是接着上一次的功能进行开发了。有了上一篇按照首字母顺序分组的铺垫这一次的开发将变得十分简单。需求分析这次的功能是在上一篇的基础上,加上一个sort的排序功能。 其页面大致如下: 其主要实现按照分组的contact按照lastName这样的字段进行排序的功能。技术难点分析:如何对分组的信息进行排序呢,这里我们用的管道的功能。因此,这个功能十分简单,只需要先对原创 2016-10-24 14:06:54 · 307 阅读 · 0 评论 -
一波三折的cvs下载
项目需求刚接手了一个需求,今天终于做完了。其中的一个小需求折腾了我半天,最终采用了第二套方案给解决了,真是一波三折啊。这个需求的背景是这样的:页面上,angularjs的ng-repeat标签展示的一个list。list的每个item前面有一个多选框,如果选中的话,我们将这些被选中的item放在csv中进行展示。需求分析方案一:最初,我脑海中的闪现的方案是这样的:将这些item取出来,最终变为jso原创 2016-09-29 15:20:10 · 754 阅读 · 0 评论 -
工作笔记之增加privilege属性
需求分析本次需求主要涉及两个页面,分别为这两个页面增加一个privilege属性的radio按钮,最后把连同privilege属性的实体类保存到db中。 页面1: 这是一个弹出的模态框,增加一个privilege属性,并保存。 页面2: 这也是一个弹出的模态框,不过和页面1不同的是这里通过文件进行contact的批量导入。而页面1每次只导入一个contact信息。技术难点分析如何获原创 2016-10-26 17:11:16 · 942 阅读 · 0 评论 -
MongoDB之分页查询
本月完成原创 2016-11-07 16:21:53 · 494 阅读 · 0 评论 -
Visionect产品介绍
Visionect产品介绍Electronic Papaer Traffic Signsdescribe Visionect electronic paper products power versatile signage solutions in industries worldwide. Among theme are digital traffic signs. Instantly up原创 2017-05-04 14:09:11 · 442 阅读 · 0 评论 -
Visionect开发文档学习
Quick StartConnect Connect your device to power and use the Micro USB cable to connect it to the computer.Configure Download and run Visionect Configurator to configure the device. Enter the connec原创 2017-05-04 15:12:14 · 233 阅读 · 0 评论