摘要: 一、notes:控件和页面注释 越来越多的PM开始用Axure来写PRD,但行内并不存在约定成俗的文档规范。作者目前为止见过的Axure版PRD中,大部分采用原型+旁边文字标注的方法来表达产品逻辑。其实,notes才是Axure官方推荐的逻辑标注方式。 Axure官网对notes的介绍: 控件注释和 阅读全文
posted @ 2018-07-24 16:07 努力的喵喵喵 阅读(1311) 评论(0) 推荐(0) 编辑
摘要: 本次作业,输入验证码,并校验验证码是否正确。上篇文章,介绍了如何获取验证码,本次作业在上次作业的基础上,做进一步的深究。 1.在上次作业中,增加新的元件: 文本框,命名:输入验证码; 增加热区,命名为:具体提示信息,设置值为:正确,错误 热区样式,初始化为隐藏 元件设置完成,如下: 实现步骤: 设置 阅读全文
posted @ 2018-07-24 11:59 努力的喵喵喵 阅读(1911) 评论(0) 推荐(0) 编辑
摘要: 本次作业,制作验证码,仅完成获取验证码操作,如下: 分析: 左图为矩形,主要展示验证码(本例设置4位验证码),其中验证码为字母和数字组合; 右图为文本输入框,主要设置点击事件,即点击文本文字,矩形框中的验证码随机出现四位值; 实现: 1.准备相关部件:矩形1,命名为“验证码”,随意输入四个值,中间用 阅读全文
posted @ 2018-07-24 10:25 努力的喵喵喵 阅读(5287) 评论(0) 推荐(0) 编辑
摘要: 创建语法 创建不带参数的存储过程 修改存储过程 带参存储过程 带通配符参数存储过程 带输出参数存储过程 不缓存存储过程 加密存储过程 带游标参数存储过程 分页存储过程 阅读全文
posted @ 2018-07-19 15:13 努力的喵喵喵 阅读(797) 评论(0) 推荐(0) 编辑
摘要: (1)定义文档类型声明 <!DOCTYPE html> (2)定义页面编码 <!—HTML 4.01中定义的设置页面编码的方式--> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!—HTML5中定义的设置页 阅读全文
posted @ 2018-07-12 15:56 努力的喵喵喵 阅读(166) 评论(0) 推荐(0) 编辑
摘要: (1)删除多余的容器 代码中<div>元素实现的是让图片独占一行的效果,可以通过设置图片的display样式为block来代替。代码精简为: (2)装饰性的元素使用CSS样式实现 不严谨的HTML代码可能是这样的: 因为效果图中的向下箭头不属于内容的一部分,所以应该通过设置CSS样式实现,代码类似如 阅读全文
posted @ 2018-07-10 14:58 努力的喵喵喵 阅读(132) 评论(0) 推荐(0) 编辑
摘要: 网站中的用户登录、注册、用户调查等都是通过页面中的表单提交到网站服务器的。假设要实现让用户设置个人信息的一个表单。 该表格为两栏布局,第一栏中的文本左对齐,第二栏的表单控件右对齐,构成了最容易实现的表单布局设计。<label>用于为输入控件定义文本标签(label)——即显示在输入控件旁边的说明性文 阅读全文
posted @ 2018-07-10 14:35 努力的喵喵喵 阅读(296) 评论(0) 推荐(0) 编辑
摘要: 标题标签指的是<h1>~<h6>这6个标签,统称为<hx>标签。 (1)在页面内容的标题部分使用<hx>标签 (2)页面中只使用一个<h1>标签 为了保证页面<hx>标签的合理设置,使用一个<h1>标签作为页面标题,页面各模块的标题从<h2>开始设置。 (3)<hx>标签使用过程中不要跳级 在某些情 阅读全文
posted @ 2018-07-10 14:20 努力的喵喵喵 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 实现如下所示工具栏: 做到标签语义化,首先要尽量减少使用<div>和<span>这两个标签。 分析:这是一个包含5个无序操作项的工具栏,因此应该使用符合语义的<ul>标签。如下: 但总共就5个操作项,而此方案使用了7个li标签,单纯从语义上看,两个分隔符和其他5个操作项具有同等重要的地位,故去掉两个 阅读全文
posted @ 2018-07-10 14:15 努力的喵喵喵 阅读(149) 评论(0) 推荐(0) 编辑
摘要: <meta>标签放置在HTML页面的head中,主要用于标示网站。其中主要包含网站的一些描述信息,如简介,作者等。这些信息有助于搜索引擎更准确地识别网页的内容,也有助于第三方工具抓取网站基本信息。 <meta>元素有4个属性: name:页面文档的元信息 HTTP-equiv:设置HTTP请求指令 阅读全文
posted @ 2018-07-10 10:50 努力的喵喵喵 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 最常用的方式是使用<noscript>标签,此标签就是当javascript被禁用或者不被支持的时候提供一种代替方式,即<noscript>标签的内容会在此时被浏览器解析,作为javascript不可用时的备选方案。 此标签的常规用法就是当javascript不可用时显示提示信息。 <script 阅读全文
posted @ 2018-07-09 17:13 努力的喵喵喵 阅读(411) 评论(0) 推荐(0) 编辑
摘要: CSS样式应用于HTML总共4种样式: (1)在HTML页面中链接一个CSS文件 文件以link形式添加到<head>部分,在link中可以设置media属性来表明样式使用的场景。例如,media值设置为screen标示正常浏览的CSS样式,设置为print标志打印时样式。 <link rel="s 阅读全文
posted @ 2018-07-09 16:03 努力的喵喵喵 阅读(165) 评论(0) 推荐(0) 编辑
摘要: 测试文档如下,需要查到case_no值为以下时,对应的单据信息分别是什么。 步骤如下: 在txt文本中 Ctrl+H,输入如下,点击“全部替换” 在word文本中,复制以上信息到word文本中,目的是去除回车键,使之成为一行。 Ctrl+H,输入如下,点击“全部替换” 结果如下: 删除前两个字符:' 阅读全文
posted @ 2018-07-09 15:31 努力的喵喵喵 阅读(1446) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2018-07-06 16:38 努力的喵喵喵 阅读(336) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2018-07-06 16:35 努力的喵喵喵 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 自闭合标签(空元素,即不能包含任何内容,这些元素对应的HTML标签成为自闭合标签) area/base/br/col/command/embed/hr/img/input/keygen/link/meta/param/source/track/wbr <!--非闭合标签必须有开始和结束标签--> < 阅读全文
posted @ 2018-07-06 16:26 努力的喵喵喵 阅读(1869) 评论(0) 推荐(0) 编辑
摘要: 完整的文档包含一下 <html> <head> </head> <body> </body> </html> 在HTML5规范中简化了文档类型的声明,省略了DTD的引用,表明文档以标准模式解析,示例代码如下: <!DOCTYP html> head部分包括了文档的标题,文档的标题是作为站点的名称和简 阅读全文
posted @ 2018-07-06 14:55 努力的喵喵喵 阅读(320) 评论(0) 推荐(0) 编辑
摘要: 1.HTML命名规范及格式规范 标签名和属性应该都小写,虽然HTML代码不区分大小写;属性值应该用双引号闭合。 <IMG src=demo.jpg alt='test'/>(N) <img src=demo.jpg alt="test"/>(Y) 给所有的关键元素定义元素的id和class,便于和C 阅读全文
posted @ 2018-07-06 14:26 努力的喵喵喵 阅读(454) 评论(0) 推荐(0) 编辑
摘要: WEB前端集成开发环境:Aptana Studio和WebStormWEB前端代码调试:IE浏览器自带的IE Dev Toolbar,Chrome浏览器自带的Developer Tools,Firefox浏览器插件Firebug,Safari浏览器自带的Develop系列工具WEB前端性能分析:常用 阅读全文
posted @ 2018-07-06 11:01 努力的喵喵喵 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 常用的前端文件的组织结构: .js(放置javascript代码) .lib(放置框架javascript文件) .custom.js .css(放置CSS样式代码) .lib(放置框架CSS文件) .images(放置用于样式中的背景图) .reset.css(统一元素默认样式的样式文件) .cu 阅读全文
posted @ 2018-07-05 15:31 努力的喵喵喵 阅读(201) 评论(0) 推荐(0) 编辑