![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
----- 【前台框架】
文章平均质量分 60
小鹿在努力
这个作者很懒,什么都没留下…
展开
-
JSF事件机制(一)
前言JSF模拟了传统的C/S编程模式,它隐藏了传统Web变成的请求——响应通信模式,而是模拟了C/S变成中的事件通信机制。今天就了解一下JSF的事件机制事件机制概述在JSF(一)中提到了,JSF的标签定了一强大的服务器组件,而且他允许组件直接和托管Bean进行绑定,而在托管Bean中定义的方法可以处理Action事件、处理值改变事件等。这就是JSF提供的事件机制Java事件模型概述EventSour原创 2017-05-15 16:57:12 · 2365 阅读 · 12 评论 -
我们来聊一聊饼干
Why Cookie??? 我们都知道Http是应用层的网络传输协议,但是他是无状态的协议,不能保存客户端以及服务器的状态,所以cookie应运而生,我们使用cookie来保存状态。Cookie的工作机制是用户识别及状态管理。What Cookie??? 1 为Cookie服务的首部字段 首部字段名 说明 首部类型 Set-Cookie 开始状态管理所使用的Cookie信息原创 2018-01-02 21:27:17 · 320 阅读 · 10 评论 -
Angular2 如何在现有日期上加X分钟
最近优化考试配置一个功能,页面如下:原来做的是,开始时间和结束时间都是让用户去选择的,但是在配置试卷的时候,会配置一个考试时间,所以这个页面要和试卷的时间相吻合,所以这里改成了手动选择开始时间,然后获得试卷的时间(如:120分钟),然后在将开始时间加上考试时间,得到结束时间需求简单的不能再简单,一点拐弯抹角的地方都没有,但是开始做的时候又觉得无从下手,我开始想的是将开始时间(日期+时间),提取出时间原创 2017-12-13 16:03:48 · 1865 阅读 · 22 评论 -
Angular2 初识管道
最近在做的一个模块是关于教师判分的业务,在这个页面需要回显学生的答案,如果不对数据进行处理,那么回显回来的文本就会带有很多html标签,如何更加友好的展现文本?就用到了管道的知识管道是什么?Angular管道,就像是一个转换器,将不友好的文本显示变得更加生活化,更加简洁。用法?html中 在插值表达式中,使用“|”隔开,注意这个符号两边都有一个空格,前边的birthday是我们要显示的值,后边的d原创 2017-12-10 19:45:13 · 359 阅读 · 16 评论 -
Angular 2 日期转化+多选框选择代码积累
日期类型从后台传过来json,是以秒的格式展现的,要把这一串数字转换成正常的日期,使用到了下边的代码: convertToDate(nows ){ var now=new Date(nows); var year=now.getFullYear(); var month=now.getMonth()+1; var da原创 2017-11-04 09:57:58 · 1303 阅读 · 11 评论 -
初识Bootstrap
前言 我们期终于可以进入ITOO的项目开发与维护当中,心中甚是激动,我属于评教模块,我们组就三个同学,首要任务是开发微信版的评教系统,听起来很高大上,其实很简单,因为后台用旧的就可以了,只需要修改前台的代码,让界面可以适应手机的屏幕,这就用到了Bootstrap,下边我们就来一探究竟!概念 Bootstrap,来自Twitter,是目前很受欢原创 2016-07-31 10:56:34 · 494 阅读 · 22 评论 -
AngularJS2——使用Angular Cli 快速搭建工程
最近小小的研究了一下AngularJS2,今天介绍一下环境的搭建软件安装:Node.JS5.0以上;NPM3.0以上(安装Node.js的时候自动就安装了npm);TypeScript(可以通过VS或者命令行两种方式进行安装)第一步: 安装npm,由于npm官网镜像访问太慢,我们使用淘宝的npm镜像,在node命令窗口$ npm install -g cnpm --registry=https:/原创 2017-02-13 21:30:05 · 13519 阅读 · 13 评论 -
解决EasyUI的datagrid控件显示日期问题
在做积分系统的时候,做的是后台管理系统,所以前段框架用的是EasyUI,使用datagrid的时候,后台返回来一个日期格式的数据,当json序列化后返回来的数据就变成了/Date(1419264000000)/改前代码: <table id="dg" class="easyui-datagrid" style="width:auto;height:auto" url="/Qu原创 2017-06-12 20:16:33 · 9992 阅读 · 24 评论 -
KnockoutJS(一)
前端时间因为要准备实习工作,所以提前学了一点KnockoutJS的知识,今天就来总结一下这个JS的类库的特点KO重要特性:优雅的依赖跟踪-任何时候当数据源模型发生变化时,它都能够自动的更新你UI的指定内容。声明式绑定-它通过简单浅显的方式将你的UI与数据源模型进行绑定,你可以使用任意嵌套的结构模版来组建一个复杂的动态界面。良好的可扩展性-通过简单的几行代码就可以实现一个自定义行为作为新的声明进原创 2017-06-25 21:57:06 · 564 阅读 · 15 评论 -
工作记录:gauge.js应用
在北京工作的过程中用到了gauge.js这个插件,它主要是用作仪表盘的展示,在我们的项目中有一个页面是监测屋内温度和湿度的变化,用到了这个插件,需求是从数据库中查出来有几个屋子,然后动态的显示每个屋的温湿度情况。先说一下思路,首先在页面上写死,完成一个屋子的排版,并抽出css,然后在js中拿到数据,循环拼接页面,搞定,直接上代码~html:@{ Layout = null;}<!DOCTY原创 2017-07-30 11:24:35 · 2735 阅读 · 21 评论 -
JSF(二) Faces Flow
前言最近在研究JSF,是一个JavaEE的前端框架,其中有一个技术叫做Faces Flow,今天小编就给大家介绍一下faces流是个什么技术what? JSF技术的Faces流特性允许创建一组FlowScoped作用域页面,这个作用域大于请求作用域,但是小于会话作用域。 例子:在线商店的结账过程,我们会创建一系列页面。这一系列页面是一组自包含的页面,根据需要从一个商店转换到另一个商店。原创 2017-05-21 15:38:42 · 865 阅读 · 17 评论 -
微信小程序(一)—— 数据绑定
最近在做一款应用于教师上课的签到系统,最终决定使用微信小程序来完成,今天就来总结一下列表的绑定功能:我做的页面是显示上课班列表,所以后台返回一个teachclassList最终效果如下图所示:wxml页面代码: <view class="touch-item {{item.isTouchMove ? 'touch-move-active' : ''}}" data-i...原创 2018-03-06 20:40:04 · 2542 阅读 · 27 评论