web 界面设计---js设置txt值

<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><script type="text/javascript">function valueUpdate(obj){ document.getElementById('text').value=…

Web界面设计(Designing Web Interfaces中文版) (美)斯科特 pdf扫描版

Web界面设计是由Bill Scott编著.电子工业出版社出版的一部图书,在Web已经进入崭新的时代的今天,界面的设计显得非常重要,本书就是基于独一无二的Web环境下.在创建丰富体验的过程中设计Web界面的最佳实践.模式和原理. 本书既是一本Web界面设计指南,又是一本Web界面实例参考,适合Web界面设计.开发.研究人员.爱好者,以及Web项目管理人员阅读. 作者以自己在Sabre.Yahoo!和Netflix多年的工作经验为依托,把精挑细选的各种最佳实践归结为6个重要原理,深入浅出地向读者阐…

web界面设计

本书描述了6个设计原理,即直截了当.简化交互.足不出户.提供邀请.使用变换.即时反应. 一.直截了当(alan cooper:"在哪里输出,就要允许在哪里输入") 1.1 行内编辑和覆盖层编辑的最佳实践通过使用业内编辑,用户在修改页面显示的内容时可以观察到上下文的变化.以下是一些相关的最佳实践: 对单个字段使用行内编辑. 当编辑多个项中的一个时使用行内编辑.这样可以保持视图中的上下文. 尽可能保证显示和编辑模式的大小相同.这样可以避免页面抖动,同时减少两个模式间切换对用户造成的干扰.…

关于web界面设计的整体可维护性的感悟

1.表现与数据分开管理: 某些数据具备特殊的表现格式,比如颜色,大小等等.为了对这些格式表现分开管理进行 a.使用css定义该类型数据的表现形式: 定义数据的类别,通过该类别对数据格式进行统一定义 .类别名 { } b.对于某些数据,比如说金钱需要在前面加上一个$符号的,使用js统一对所有该类别的数据进行特别设置.这样在显示该数据时候,只需要设置为类别,就可以显示特别形式. $(".类别名").each( ....) c.如果在别人定义的基础上进行修改,需要注意加上别人定义类别的前缀,…

C#界面设计相关设置

1.Anchor属性设置对需要设置的控件,如主窗体中的TextBox,设置Anchor为上下左右都停靠,就会实现随着窗体的变化而变化. 2.AutoScaleMode属性的用法:<转自:https://www.cnblogs.com/lmcblog/archive/2012/07/19/2599316.html> ① None : 禁用自动缩放.(默认时) ② Font :根据类使用的字体(通常为系统字体)的维度控制缩放. 如果希望控件或窗体根据操作系统中字体的大小进行拉伸或缩小,则按 Fo…

web 界面设计---大道至简

http://www.cnblogs.com/coder2012/p/4023442.html 一个非常精简的webpy页面博客 qing.weibo.com 新浪的轻微博也不错精简…

对WEB前端的几段思考（一）——界面设计和性能优化（整理中）

尽管我并非艺术出生,既没有任何设计基础,又没有较高艺术涵养,也深谙在短时间内创造一定艺术造诣并非易事,但是既然当初选择从事网站前端开发,我的目光不能仅停留在前端代码上.作为一名志向在前端领域发展的人员,能够创作出协调和谐的界面,和熟悉前后台交互一样重要. 为控制成本,在网站素材(婚纱摄影图片和网站文字)未准备好时,网站上都是些测试数据,不堪入目.因此我的处女作暂且还没投入使用,实为一大遗憾.在网站投入使用之后,必定附上网址,让大家一睹为快. 一,色彩的联想每种色彩带给用户不同的心理感受,因此,…

Vue.js – 基于 MVVM 实现交互式的 Web 界面

Vue.js 是用于构建交互式的 Web 界面的库.它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单.灵活的 API.从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型.实际的 DOM 操作和输出格式被抽象出来成指令和过滤器.相比其它的 MVVM 框架,Vue.js 更容易上手. 官方网站插件下载 HTML: <div id="demo"> {{message}} <input v-model=…

Ext JS 6开发实例（三）：主界面设计

在上文中,已经将CMD创建的应用程序导入到项目里了,而且也看到默认的主界面了,今天的主要工作就是修改这个主界面,以符合项目的需要.除了设计主界面,还有一些其他的东西需要配置一下. 添加本地化包打开app.json文件,找到requires,代码如下: "requires": [ "font-awesome" ], 以上代码说明项目默认已经引用了Font Awesome的图标,可以在项目中直接使用.这个在项目的后续开发中会经常使用到. 本地化文件从Ext JS 5开…

js设置、获取单值cookie和多值cookie

js设置.获取单值cookie和多值cookie,代码如下: var CookieUtil = (function () { var Cookie = function () { // 获取单值cookie this.get = function(name) { var start = document.cookie.indexOf(encodeURIComponent(name)) ; var end = document.cookie.indexOf(';', start) ; if(end…

(转)js函数参数设置默认值

原文:http://www.cnblogs.com/RightDear/archive/2013/06/26/3156652.html js函数参数设置默认值 php有个很方便的用法是在定义函数时可以直接给参数设默认值,如: function simue ($a=1,$b=2){ return $a+$b; } echo simue(); //输出3 echo simue(10); //输出12 echo simue(10,20); //输出30 但js却不能这么定义,如果写functi…

web自动化框架之三获取数据库值与界面值比较~~

数据库用到的是mysql,框架涉及数据库,主要包含两个方面,一个是每个案例执行完毕后,插入案例相关信息与数据:一个是web界面数据核对的时候,需要从sql中获取某行某列值与界面某个值做比较. 描述:web很大一部分的测试,就是对比界面上面的数据信息是否准确:比如一些简单数据的统计.数据的基本信息.也包括数据转换的数据(0:正常,1:停用);但是考虑web数据核对的时候,主要有两个方案,一个是初始化一批数据,然后拿界面数据与初始化数据做比较:第二中是直接拿数据库中相关信息数据,然后再和界面做一个对…

免费素材：25套免费的 Web UI 设计的界面元素(转)

Web 元素是任何网站相关项目都需要的,质量和良好设计的元素对于设计师来说就像宝贝一样.如果您正在为您的网站,博客,Web 应用程序或移动应用程序寻找完美设计的网页元素,那么下面这个列表会是你需要的. 今天这里收集的免费资源是25套免费的 Web UI 设计的界面元素,用于和Mobile App设计.它包括所有的设计元素的 PSD 格式,某些元素提供矢量格式,可以缩放到任意大小. UI Kit – Free PSD Download Ui Kit [Free PSD] Download Free…

Js得到radiobuttonlist选中值，设置默认值

JS 代码 var vRbtid=document.getElementById("rbtid"); //得到所有radio var vRbtidList= vRbtid.getElementsByTagName("INPUT"); for(var i = 0;i<vRbtidList.length;i++) { if(vRbtidList[i].checked) { va…

miniUI input设置默认值，js获取年月注意事项，数据库nvl函数使用

2017-6-5周一,今天碰到的一个需求是:两税附征模块进入页面筛选时间默认值为当前月的上一个月,并根据筛选结果显示数据,我们用的框架为miniUI. 坑1: 默认值设置,刚刚接触miniUI,对里面的用法和操作不太熟悉,所以我直接用jquery找到时间输入的input框,设置它的val属性,发现不生效,后来查了资料才发现涉及miniUI的标签要用miniUI提供的方法.设置默认值代码如下: //设置id为month2的input框的默认值 mini.get('month2').setValue…

JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值

//**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的ID var opts=osel.getElementsByTagName("option");//得到数组option var obt=document.getElementById("bt"); obt.onclick=function(){ opts[3].selected=tr…

# js设置键名和键值de坑

js设置键名和键值 let obj1 = {'jifeng': 60, 'lilu': 59, 'hongyan': 51, 'donghan': 4, 'liudan': 18, 'liuhaiyan': 30, 'sunlianghong': 20} let obj2 = {'admin': '王雪', 'tangminhao': '唐敏昊', 'yuanshuai': '原帅', 'qiguihong': '戚桂洪', 'cairongrong': '蔡荣荣', 'shaohonggang…

js设置radio单选框值选中

html页面: <div> <label><input type="radio" name="sex" value="male" id="isMale" />男</label> <label><input type="radio" name="sex" value="female" id="i…

MVC4中给TextBoxFor设置默认值和属性(同时设置js事件)

例如:(特别注意在设置初始值的时候 Value 中的V要大写) @Html.TextBoxFor(model => model.CustomerCode, new { Value=" 请输入您的客户号!",@style="width:240px;height:35px;",id="UserCode", @class="search_key_content"}) 给TextBoxFor设置默认值,当鼠标点击时默认值…

基于MVC4+EasyUI的Web开发框架经验总结（10）--在Web界面上实现数据的导入和导出

数据的导入导出,在很多系统里面都比较常见,这个导入导出的操作,在Winform里面比较容易实现,我曾经在之前的一篇文章<Winform开发框架之通用数据导入导出操作>介绍了在Winform里面的通用导入导出模块的设计和开发过程,但在Web上我们应该如何实现呢?本文主要介绍利用MVC4+EasyUI的特点,并结合文件上传控件Uploadify 的使用,实现文件上传后马上进行处理并显示,然后确认后把数据写入数据库的过程. 我们知道,Web上对Excel的处理和Winform的有所差异,如果是在We…

Robot Framework与Web界面自动化测试学习笔记：简单例子

假设环境已经搭建好了.这里用RIDE( Robot Framework Test Data Editor)工具来编写用例.下面我们对Robot Framework简称rf. 我们先考虑下一个最基本的登录功能的测试用例. 一.自动化测试与人工测试在开始编写用例之前,我们先来思考下自动化测试和人工测试的区别.对于web页面的人工测试,我们想下,如果去测试,怎么操作呢?不外乎如下的基本动作: 1)打开浏览器 2)输入url (前提web服务器要正常启动运行着) 3)等待页面显示出来 4)用眼睛看…

Android基础-系统架构分析，环境搭建，下载Android Studio，AndroidDevTools，Git使用教程，Github入门，界面设计介绍

系统架构分析 Android体系结构安卓结构有四大层,五个部分,Android分四层为: 应用层(Applications),应用框架层(Application Framework),系统运行层(Libraries和android runtime)和Linux内核层. 那么我来讲讲应用层有什么? 就是一些应用软件,如首页,联系人,电话,浏览器等等:应用框架如何理解? 应用框架层是用Java写的,有事件管理器,windows管理器,内容提供,查看系统 ,消息管理器,安装包管理,电话管理,资源管理…

OpenWRT - WEB界面开发思路和基本方法

想要对OpenWRT的WEB界面(*下称界面)进行修改.修改的目标是: 1.修改页面的样式,设计为企业的风格(stylesheet) 2.新建自己的功能,实现访问页面后,用户就可以对配置文件(也就是系统的一些参数)进行修改. 甚至是与远端服务器交互,实现验证. 一. 几种可行的开发路线: 1.改用PHP.JSP等语言开发 2.修改已有的界面,实现自己的功能 2.1 修改已有样式表 2.2 仍然利用lua开发第一种比较容易操作,但需要在设备里安装nginx和PHP环境,然后在 /www下放PH…

android ui界面设计参数讲解

百度文库: http://wenku.baidu.com/link?url=s66Hw6byBEzmjL77doYL1YQN4Y_39F7MovaHKs5mVGrzTDOQCAmiM-1N_6Cdm-4yWDATgwH2RCA-fAzmWBIu-1yyq8Td0hcWwYxaYdNPNim&from_mod=download android ui界面设计参数讲解 android:layout_width 设置组件的宽度 android:layout_height 设置组件的高度…

[漏洞检测]Proxpy Web Scan设计与实现（未完待续）

Proxpy Web Scan设计与实现 1.简介: Proxpy Web Scan是基于开源的python漏洞扫描框架wapiti改造的web漏洞扫描器,其主要解决以下几个问题而生: (1).当前互联网业务处于快速发展阶段,由于小版本更新迭代快,很难做到发布前必定经过安全测试.此外,安全小组面临安全人员不足和人工安全测试重复性工作过高的问题, (2).当前业界的漏洞扫描器更多的是基于简单的爬虫加扫描引擎的模式,可定制化幅度小,易用性和可扩展性都不是太好,如果要嵌入到发布流程则…

Robot Framework与Web界面自动化测试：简单例子

假设环境已经搭建好了.这里用RIDE( Robot Framework Test Data Editor)工具来编写用例.下面我们对Robot Framework简称rf. 我们先考虑下一个最基本的登录功能的测试用例. 一.自动化测试与人工测试在开始编写用例之前,我们先来思考下自动化测试和人工测试的区别.对于web页面的人工测试,我们想下,如果去测试,怎么操作呢?不外乎如下的基本动作: 1)打开浏览器 2)输入url (前提web服务器要正常启动运行着) 3)等待页面显示出来 4)用眼睛看…

psdash-为开发、测试人员提供简单的方法，在web界面查看服务器的运行情况（网络，带宽，磁盘，CPU），同时可以在web界面查看日志

psdash是linux的系统信息web指示板主要由使用数据psutil——由此得名. github地址:https://github.com/Jahaja/psdash 特性安装开始配置截图许可证特性概述仪表板概述系统的数据显示cpu.磁盘.网络.用户.内存.交换和网络. 流程流程列表(top)和查看详细流程每个进程的信息. 除了详细的过程概述这也可以为每个流程: 打开的文件打开的连接内存映射子进程资源限制磁盘所有磁盘和分区列表信息. 网络在所有网络接口信息和当前列表的…

CheungSSH国产自动化运维工具开源Web界面

CheungSSH web2.0 发布文档 CheungSSH 简介 CheungSSH是一款国人自主研发的Linux运维自动化管理服务器软件,秉着为企业降低运营成本,解放管理员双手和自动化生产的理念,创造的一套开源运维自动化系统. ChuengSSH 特点操作简单,全程Web界面,不需要特定的语法,不需要学习运作原理,即使不懂得Linux的人也能操作,界面全中文,点击鼠标就能指挥上千台服务器有序运作功能完备,支持网络设备,Linux服务器,Windows服务器,命令执行.文件传输.批量部署…

NanUI for Winform发布，让Winform界面设计拥有无限可能

如今,尽管WPF.UWP大行其道,大有把Winform打残干废的趋势.但是还是有那么一波顽固不化的老家伙们固守着Winform,其中就包括我. 好吧,既然都说Winform做得软件不如WPF界面美观效果绚丽,那么我们就找一个方法让Winform也拥有漂亮的界面.DevExpress和ComponentOne都是不错的选择,Telerik虽说是做Asp.net组件出生的,但是他家的UI for Winform做得也很不错.稍等,那问题来了,这些组件收费昂贵不说,而且是年付,起价都得几百美刀.对于我…