凡大喵-CSDN博客

原创【产品经理L1学习第三章——产品文档：PMD、MRD、PRD】

PMD项目管理文档项目六阶段要写的文档PRD的作用管理依据分工凭证保证质量培训资料维护支持开发依据管理内容项目进度——时间表、日程表、时间跟踪项目资源和成员——任务、问题追踪、讨论区项目输出物——定制报告、邮件整合MRD市场需求文档PRD产品需求文档...

2019-08-02 16:01:54 892 2

原创【产品经理L1学习第二章——用户研究之用户建模】

定性研究定性研究的价值和定量研究一样也是建模的方式用于研究用户更有价值定性研究的类型用户访谈调研研究过程相对较短，便于控制情境观察用户使用轨迹单个样本的跟踪定性研究，也可为大数据的定量分析文献资料分析二手数据统计与对比可用性测试卡片分类任务分析用户心理目标研究用户的心理目标的目的用户行为背后是用户动机，用户心理目标才是驱动力，用户目标...

2019-07-31 18:29:44 539

原创【产品经理L1学习第一章——用户研究之用户画像】

典型用户为什么要寻找典型用户产品不是为所有人服务产品项目开始的前提给典型用户画像的用处用来确认目标用户决定用户需求的重要性方便在项目中达成一致意见检查测试设计和开发成果促进销售、客服等其他相关工作典型场景什么是典型场景可以理解为大多数典型用户正常使用产品的场景和约束条件用故事和场景剧本来描述理想的用户交互过程，用来理解用户遇到的困难、情景、...

2019-07-26 18:11:18 472

原创产品常见概念

常见问题用户体验要素工作分解结构是通过以下谁创造的团队。工作分解结构（简称WBS）跟因数分解是一个原理，就是把一个项目，按一定的原则分解，项目分解成任务，任务再分解成一项项工作，再把一项项工作分配到每个人的日常活动中，直到分解不下去为止。即：项目→任务→工作→日常活动。工作分解结构以可交付成果为导向，对项目要素进行的分组，它归纳和定义了项目的整个工作范围，每下降一层代表对项目工作的更...

2019-07-04 14:16:59 247

原创下厨房内部孵化项目——懒饭产品体验分析报告

一、产品概述1.1 产品名称懒饭1.2 产品版本1.3.11.3 产品定位快节奏的都市生活中，年轻人属于自己的时间、空间正在遭受挤压，人们开始更多地在美食当中寻找安慰。忙碌一天之后，回到厨房，哪怕是一碗面条、一锅炒饭，都能带来无限慰藉，感受到生活的温度。懒饭，一款专注出品适合新手的零失败视频菜谱。1.4 产品介绍研发团队精心研发容易上手，不容易失败的美味菜谱，通过1分...

2019-07-02 14:46:43 8805

原创【JavaScript】前端面试基础篇第三章原型和原型链

题目如何准确判断一个变量是数组类型写一个原型链继承的例子描述new一个对象的过程zepto（或其他框架）源码中如何使用原型链知识点构造函数function Foo(name,age){ this.name = name; this.age = age; this.class = 'class-1' //return this //默认有...

2019-05-06 20:16:31 202

原创【JavaScript】前端面试基础篇第二章变量类型和计算

题目JS中使用typeof能得到哪些类型何时使用=== 何时使用==JS中有哪些内置函数JS变量按照存储方式区分为哪些类型，并描述其特点如何理解JSON知识点变量类型值类型...

2019-04-27 22:58:52 140

原创【JavaScript】前端面试基础篇第一章简介

知识点介绍基础知识原型原型链作用域闭包异步单线程JS APIDOM操作Ajax事件绑定开发环境版本管理模块化打包工具运行环境页面渲染性能优化面试题举例JS中使用typeof能得到哪些类型何时使用===何时使用==window.onload和DOMContentLoaded的区别用JS创建10个<a>标签，点击的...

2019-04-24 21:43:50 148

原创 grid布局实现响应式图片网格

任务目标利用grid布局实现响应式图片网格，如下图：核心概念fr：CSS Grid 带来的一个全新值，称为等分单位。它允许将容器可用空间分成想要的多个等分空间repeat()函数：grid布局中指定列和行更强大的方法auto-git：列数自适应minmax()函数：定义网格项目的宽度范围实现代码html：<!DOCTYPE html><html l...

2019-03-21 21:31:41 1456 1

原创前端基础知识（grid布局）

参考链接grid布局简介CSS Grid（网格）布局，是一个二维的基于网络的布局系统。Flexbox 的出现很大程度上改善了我们的布局方式，但它的目的是为了解决更简单的一维布局，而不是复杂的二维布局（实际上 Flexbox 和 Grid 能协同工作，而且配合得非常好）。Grid(网格) 布局是第一个专门为解决布局问题而创建的 CSS 模块采用grid布局的元素，被称为grid容器(grid...

2019-03-19 22:16:31 23315 6

原创前端面试题：页面布局

题目实现如下页面布局。核心区域左侧自适应，右侧固定宽度 200px解决思路侧边栏aside通过负值左外边距得以和content共处一行真正的自适应内容则放置在content的内部，使用右外边距得以和aside保持固定距离使用overflow:hidden清除浮动参考答案html：<!DOCTYPE html><html lang="zh-cn">...

2019-03-16 18:35:48 961

原创前端基础知识（flex布局）

页面布局flex布局Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性，任何一个容器都可以指定为Flex布局.box{ display: -webkit-flex; /*在webkit内核的浏览器上使用要加前缀*/ display: flex; //将对象作为弹性伸缩盒显示}/*行内元素flex布局*/.box {...

2019-03-15 20:45:00 298

原创 Javascript.DOM编程艺术读书笔记(第12章）

综合示例网站设计制作流程收集原始资料确定站点结构设计页面结构并确定模板代码template.html（包含header、nav、footer等公共部分）设计切图放到images编写CSS（layout.css[整体布局样式表]、color.css[颜色样式表]、typography.css[版式样式表]）并导入到style.css中，用template.html调用编写js，用te...

2019-03-14 15:43:23 422

原创 Javascript.DOM编程艺术读书笔记(第11章）

HTML5结构层中，HTML5添加了新的标记元素，如&amp;lt;section&amp;gt;、&amp;lt;article&amp;gt;、&amp;lt;headed&amp;gt;、&amp;lt;footer&amp;gt;、&amp;lt;canvas&amp;gt;、&amp;lt;audio&amp

2019-03-12 20:20:54 294

原创 Javascript.DOM编程艺术读书笔记(第10章）

用JavaScript实现动画效果CSS中position属性的属性值：static是默认值，有关将按照它们在标记里出现的先后顺序出现在浏览器窗口里；relative含义与static含义相似，区别在于属性值为relative的元素可以（通过应用float属性）从文档正常的显示顺序里脱离出来；属性值为absolute的元素可以摆放到容纳它的“容器”的任何位置，这个容器要么是文档本身，要么是一个...

2019-03-12 12:23:39 257

原创 JavaScript.DOM编程艺术读书笔记（8-9章）

充实文档的内容最好不要通过JavaScript把一些重要的内容添加到网页上，内容应该在刚开始编写文档时就成为文档的组成部分display属性，当值为inline时，原本在浏览器窗口纵向排列的元素变为横向排列；当值为block时，原本在浏览器窗口横向排列的元素变为独占一行；当值为none时，该元素不在浏览器窗口显示for/in循环，for(variable in array)，在第一次进入循...

2019-03-10 21:45:52 232

原创 JavaScript.DOM编程艺术读书笔记（第7章）

动态创建标记document.write的最大缺点是它违背了“行为应该与表现分离”的原则innerHTML属性将替换元素中的全部内容，不会返回任何对刚插入的内容的引用document.createElement(nodeName),创建新节点，只要使用该方法，最好把新创建出来的元素赋给一个变量，例：var para = document.createElement(&amp;amp;quot;p&amp;amp;quot;);pa...

2019-03-09 22:46:36 285

原创 Javascript.DOM编程艺术读书笔记(5-6章）

最佳实践没有不好的技术，只有用不好的技术使用JavaScript前确认这么做会对用户的浏览体验产生怎样的影响平稳退化：某些功能无法使用，但基本的操作仍能顺利完成创建新的浏览器窗口：window.open(url,name,faetures)。最后一个参数是一个以逗号分隔开的字符串，其内容是新窗口的各种属性，对这个参数应掌握新窗口的浏览功能要少而精的原则。&amp;amp;amp;amp;quot;javascript:&amp;amp;amp;amp;

2019-03-08 19:30:22 371

原创 Javascript.DOM编程艺术读书笔记(第4章）

案例研究：JavaScript图片库任务目标：使用JavaScript创建图片库，把整个图片库的链接集中安排在浏览器主页里，只在用户点击了这个主页里的某个图片链接时显示相应的图片和图片描述知识要点：再给某个元素添加了事件处理函数后，一旦事件发生，相应的JavaScript代码就会得到执行。被调用的JavaScript代码可以返回一个值，这个值将被传递给那个时间处理函数。例：当点击这个...

2019-03-07 21:09:46 347

原创 Javascript.DOM编程艺术读书笔记(1-3章）

JavaScript简述DOM是一套对文档内容进行抽象和概念化的方法W3C对DOM的定义：一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态的访问和修改文档的内容、结构和样式最好的做法是把&amp;amp;amp;lt;script&amp;amp;amp;gt;标签放到HTML文档最后，标签之前，能使浏览器更加快的加载页面JavaScript语法自我提醒：有注释是好事情，用“//”来注释单行，用“/*”注释多行...

2019-03-06 20:04:20 1406 2

Fcat的博客