随笔分类 - 产品设计
摘要：（1）定义文档类型声明 <!DOCTYPE html> （2）定义页面编码 <!—HTML 4.01中定义的设置页面编码的方式--> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!—HTML5中定义的设置页
阅读全文
摘要：（1）删除多余的容器 代码中<div>元素实现的是让图片独占一行的效果，可以通过设置图片的display样式为block来代替。代码精简为： （2）装饰性的元素使用CSS样式实现 不严谨的HTML代码可能是这样的： 因为效果图中的向下箭头不属于内容的一部分，所以应该通过设置CSS样式实现，代码类似如
阅读全文
摘要：网站中的用户登录、注册、用户调查等都是通过页面中的表单提交到网站服务器的。假设要实现让用户设置个人信息的一个表单。 该表格为两栏布局，第一栏中的文本左对齐，第二栏的表单控件右对齐，构成了最容易实现的表单布局设计。<label>用于为输入控件定义文本标签（label）——即显示在输入控件旁边的说明性文
阅读全文
摘要：标题标签指的是<h1>~<h6>这6个标签，统称为<hx>标签。 （1）在页面内容的标题部分使用<hx>标签 （2）页面中只使用一个<h1>标签 为了保证页面<hx>标签的合理设置，使用一个<h1>标签作为页面标题，页面各模块的标题从<h2>开始设置。 （3）<hx>标签使用过程中不要跳级 在某些情
阅读全文
摘要：实现如下所示工具栏： 做到标签语义化，首先要尽量减少使用<div>和<span>这两个标签。 分析：这是一个包含5个无序操作项的工具栏，因此应该使用符合语义的<ul>标签。如下： 但总共就5个操作项，而此方案使用了7个li标签，单纯从语义上看，两个分隔符和其他5个操作项具有同等重要的地位，故去掉两个
阅读全文
摘要：<meta>标签放置在HTML页面的head中，主要用于标示网站。其中主要包含网站的一些描述信息，如简介，作者等。这些信息有助于搜索引擎更准确地识别网页的内容，也有助于第三方工具抓取网站基本信息。 <meta>元素有4个属性: name:页面文档的元信息 HTTP-equiv:设置HTTP请求指令
阅读全文
摘要：最常用的方式是使用<noscript>标签，此标签就是当javascript被禁用或者不被支持的时候提供一种代替方式，即<noscript>标签的内容会在此时被浏览器解析，作为javascript不可用时的备选方案。 此标签的常规用法就是当javascript不可用时显示提示信息。 <script
阅读全文
摘要：CSS样式应用于HTML总共4种样式： （1）在HTML页面中链接一个CSS文件 文件以link形式添加到<head>部分，在link中可以设置media属性来表明样式使用的场景。例如，media值设置为screen标示正常浏览的CSS样式，设置为print标志打印时样式。 <link rel="s
阅读全文
摘要：自闭合标签（空元素，即不能包含任何内容，这些元素对应的HTML标签成为自闭合标签） area/base/br/col/command/embed/hr/img/input/keygen/link/meta/param/source/track/wbr <!--非闭合标签必须有开始和结束标签--> <
阅读全文
摘要：完整的文档包含一下 <html> <head> </head> <body> </body> </html> 在HTML5规范中简化了文档类型的声明，省略了DTD的引用，表明文档以标准模式解析，示例代码如下： <!DOCTYP html> head部分包括了文档的标题，文档的标题是作为站点的名称和简
阅读全文
摘要：1.HTML命名规范及格式规范 标签名和属性应该都小写，虽然HTML代码不区分大小写；属性值应该用双引号闭合。 <IMG src=demo.jpg alt='test'/>(N) <img src=demo.jpg alt="test"/>(Y) 给所有的关键元素定义元素的id和class,便于和C
阅读全文
摘要：WEB前端集成开发环境：Aptana Studio和WebStormWEB前端代码调试：IE浏览器自带的IE Dev Toolbar，Chrome浏览器自带的Developer Tools，Firefox浏览器插件Firebug，Safari浏览器自带的Develop系列工具WEB前端性能分析：常用
阅读全文
摘要：常用的前端文件的组织结构： .js(放置javascript代码) .lib(放置框架javascript文件) .custom.js .css(放置CSS样式代码) .lib(放置框架CSS文件) .images(放置用于样式中的背景图) .reset.css(统一元素默认样式的样式文件) .cu
阅读全文
摘要：WEB前端基本技术：HTML、CSS、JavaScript 概念： 从职责上讲，Web前端开发要涉及网站开发的方方面面，从前端UI到和后端的数据交互都属于前端开发的范畴。Web前端开发是兼具艺术气息和逻辑思维的综合体，既要考虑页面的美感和操作体验，又要关注前端代码的质量。 具备的技能 1页面标记(H
阅读全文
摘要：问题：项目的需求是怎么把控的？项目是否落地？产品中涉及的数据从哪来？有没有调查过项目的相关竞品，你觉得你的产品和竞品比优势在那里？ Tips：消化需求主要为以下几个方面：
阅读全文
摘要：IP：intellectual property，知识产权/版权 KPI ：Key Performance Indicator，关键绩效指标 IPO：Initial Public Offerings，首次公开募股 KOL：Key Opinion Leader，关键意见领袖，在行业内有话语权的人，包括
阅读全文
摘要：Tips：即时通讯的未来：加密、支付、媒体以及广告。 隐私与加密：这一技术是为了让用户感到安心，即使他们的即时应用提供商打算向情报机构透露用户的私信，也心有余而力不足。 支付与购物：与朋友聊天以及分享交换照片和视频是即时通讯应用的核心功能，但是付款——无论对自己的朋友或者提供产品或服务的公司—— 都
阅读全文
摘要：主要变现模式有广告、会员、增值服务等，而广点通是腾讯的核心变现产品，类似UC的U盟。故天天快报的变现模式是广点通。 竞品差异与优势 今日头条：算法 天天快报：腾讯社交链 一点资讯：兴趣标签 UC头条：阿里大数据 UC头条与天天快报 主要从阿里系和腾讯系的优势资源切入分析。
阅读全文
浙公网安备 33010602011771号