我的一些代码片断

我常用的一些代码片断，欢迎大家拍砖！已经放到Github上了，请访问：
https://github.com/s5s5/Code-snippets-of-s5s5
这里复制一份，但不在这里更新了，以后在Github上更新。

HTML

HTML文档声明

<!DOCTYPE html>

HTML编码使用utf-8，放置于

区最上方 （文件保存时存为 utf-8 无BOM）

<meta charset="utf-8">

强制IE系浏览器用最新渲染模式渲染

<meta http-equiv="X-UA-Compatible" content="edge">

多终端设备访问时自动缩放到屏幕宽度

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Meta 值是SEO优化的关键

<meta name="description" content="" />
<meta name="keywords" content=""/>

Title 部分更是SEO优化的关键

<title></title>

继续阅读“我的一些代码片断”

锋利的jQuery

优点：轻量、选择器、DOM操作、事件处理、兼容、链式操作
理念：write less, do more.
PS：windows.onload 与 $(document).ready() 区别
代码风格：1、链式操作风格（同级多行、子级缩进），2、注释
jQuery对象与DOM对象：1、方法不通用，2、可互转（$(cr), $cf[0]）
PS：is(‘:checked’)
与其它库的冲突：在别的库之前JQ被引入用jQuery. ，之后用noConflict()
—
基本选择器：#id .class element * selector1,…,selectorN
层次选择器：$(‘ancestor descendant’) $(‘parent > child’) $(‘prev + next’) $(‘prev ~ siblings’)
过滤选择器：:first :last :not(selector) :even : odd :eq(index) :gt(index) :lt(index) :header :animated :focus :contains(text) :empty :has(selector) :parent :hidden :visible [attribute] [attribute=value] [attribute!=value] [attribute^=value] [attribute$=value] [attribute*=value] [attribute|=value] [attribute~=value] [attribute1][attributeN] :nth-child(index/even/odd/equation) :first-child :last-child : only-child :enabled :disabled :checked :selected
表单选择器：:input :text :password :radio :checkbox :submit :image :reset :button :file :hidden
继续阅读“锋利的jQuery”

跨平台密码管理方案

LastPass 是个不错的跨平台密码管理方案，可惜你想跨平台就要收费，于是就想到有没有免费的，找了几个，最后试用 KeePass + 插件 的方式最好，记录一下。

PC：KeePass2 + KeePassHttp + chromeIPass + Dropbox
iOS：MiniKeePass + Dropbox
Mac: KeePassX + Dropbox (感谢好心人LYF)
Linux: KeePass2 + Dropbox (感谢好心人LYF)
Android: KeePassDroid + Dropbox (感谢好心人LYF)
……

非产产6

为什么运营
内容运营：内容评判、优质推荐、触发内容、话题炒作
营销推广：推新、激活、唤醒流失、新功能、渠道
用户团队：服务的心态
品牌/公关：品牌创立、引导舆论
行业分析：通过行业报告引导
运营事故：控制范围、减少影响、避免再次发生
数据分析：探寻原因、预测风险、要有质的认识、数据反哺策划

非产产4

非产品与产品不同：1、思维方式不同（怎么做 VS 为什么做、做什么）；2、判断标准不同。

组成：（功能 + 外观 + 载体） + （品牌）
目标：用户价值，竞争优势

以用户为中心
挑战：适应用户、吸引用户、留住用户
从用户的角度换位思考：别把自己当典型用户、重视第一次体验、先场景
访谈和观察身边的用户：多开放式问题、多WHY、观察用户行为

竞品：特点、发展、用户反馈
可能性测试：验证想法

定位=目标用户+策略 ： 功能、体验（海底捞）、用户群差异（YY）

需求设计：过滤和排序（基础核心 > 口碑 > 长尾）
体验设计：别让我等、别让我想、别让我烦（在使用过程中的感受，细节成就体验）

非产产3

java移植的故事：同步目标
开发GG的经历：想想你的老板

目标的产生：
竞品只是指引
战略分析是想做什么
竞品分析是最快了解产品的方式
行业分析与战略分析的差别
方法不重要 – 分析的过程 – 了解产品为何这么做 – 推导出你的产品目标
需求 – 产品目标

心态的作用：
不喜欢的产品怎么喜欢？
已是最好如何改进？
把产品当作自己的孩子：把产品推荐给熟悉的每一个人
屁股决定脑袋
疯狂用你的产品
只有韦小宝最适合当产品经理

团队内部：多用、多想、多问
尽一切可能去了解产品的目标！
做主人、爱产品，好的产品能成就你！
DON’T MAKE ME THINK

非产产2

CE（用户参与）：问卷法、访谈法、观察法、实验法
1、确定CE想要回答的问题
2、选择合适的方法

移动用户特性：
85后为主，手机上网新增70%，4.6亿，移动超过PC，碎片时间

做好产品、吸引新用户（用户满意原则）、用户换机

方法：观察-问卷-访谈

APP设计：省流量、省电、省空间、提升效率、环境判断、隐私保护

用户画像：对真实用户的提取
定量-定性-输出
了解、对比、扮演

非产产1

产品经理：了解、定义、推动
流程：WHY – HOW – DO IT
流程2：了解 – 设计 – 实践 – 验证

（打杂、沟通、了解动态、意见分析、提需求）
策划：梳理 – 转化 – 跟进 – 优化
运营：收集 – 设计运营方案 – 反馈

术语：头脑风暴、CE、闭环、SWOT、MECE
心法：简洁、8/2、分析、数据、迭代