admin管理员组文章数量:1122850
内容来源:《给产品经理讲技术》,陈宇/龚晓波/高杨/杨俊勇/关磊,电子工业出版社
有技术知识对于产品经理来说,是必要不充分条件,以我自身经验来说,懂技术知识有以下好处:
1、减少与技术同事沟通时一脸懵逼,犯低级错误的几率;
2、在规划设计产品过程中,产品流程更加实际;
3、在运营过程中发现问题,能更快理解以及溯源;
4、在对外沟通,能更好在全局立场上提出意见。
当然,不能拿皮毛去装逼,实事求是,专业的事情还是交给专业的人做。
所以我根据书籍,整理成了浓缩笔记,需要时可以使用CTRL+F与目录配合使用
一、WEB前端
1.1 AJAX
含义:Asynchronous JavaScript And XML,异步JavaScript和XML
连接一个特定的地址,利用xmlhttprequest对象请求后台,收到返回的json串,JavaScript进行解析,插入DOM,页面重新渲染出现效果
DOM,网页的骨架。javascript,操作DOM。
作用:网页不用刷新就获取新数据,加速体验,如搜索栏的联想词
1.2 DOM
含义:HTML文档里的标签抽象成代码里的对象,按层次进行解析的结构组织就是DOM。可以理解为,将代码分门别类按树形放好,然后需要显示(渲染)的时候则按照这个DOM的从上到下,从左到右顺序,以此按照CSS代码进行布局摆放。
备注:JavaScript操作DOM比较耗性能,于是有了虚拟DOM,演练所有操作之后一次性修改DOM
1.3 静态网页和动态网页
区别:静态页面即不需要通过程序处理,一次性加载,无后台进行支撑的页面
动态页面一般由程序ASP JSP PHP PYTHON RUBY等程序处理,并由数据库提供数据支撑
html结尾不代表着页面就是静态页面,伪静态页面是为了方便搜索
1.4 URL结果
含义:URL由protocol、hostname、port、path、parameters、query组成
protocol,协议,http/https、ftp、thunder,是资源访问的规则
hostname,主机名,一台名为xxx的机器,qq为一级域名,www.qq是二级域名
port,端口号,一般http为80,https为443,即访问主机名的门号,共65536个
path,/a/b/c.html,路径,最终文件的储存路径与文件名
parameters,查询,?a=1此类参数的查询
1.5 表单
<form name='"" action='"" method=='"Get/POST">
数据提交给后台的内容
1.6 H5缓存应用
含义: Application Cache是HTML 5中定义的一种离线存储技术标准
作用:明确资源在第一次调用时可以缓存在本地下次更新
缓存用得好,加载速度可以媲美native应用
1.7 CHROME浏览器功能
包括:执行JavaScript语句,F12调试模式,指定搜索引擎,转存为PDF
1.8 JS DDOS攻击
含义:分布式拒绝服务攻击(Distributed Denial of Service,DDoS)是一种对网站发起大量连接,导致正常用户无法访问网站的攻击手段。利用流量劫持变相进行 DDoS,就是JS DDoS
jQuery是JavaScript的公共方法库,代码相同,黑产劫持后可让访问者成为傀儡机
防御方法是引用第三方库时在页面加上散列值,每次执行前先验证是否匹配。或者直接用HTTPS解决
1.9 UA
含义:UserAgent 用户代理,区分不同浏览器
大部分都还有Mozilla标志,因为Netscape网景流行了多年,IE等浏览器为了兼容框架加上了标识,Mozilla/3.0(Win95;U)代表网景浏览器3 宿主机平台win95,U128位加密,I40位加密,N没加密
1.10 URL编码
备注:%的编码是因为中文字符不支持,所以进行了编码转换
1.11 HTML/CSS/JavaScript
含义:HTML 超文本标记语言,对普通文本(网页元素)的修饰规则
CSS 级联样式表,外观控制
JavaScript 脚本语言,控制元素变化
1.12 跨域和同源
含义:两个页面的协议、主机名、端口一样,就是同源的,否则就是非同源的
跨域就是跨源,iframe框架就是跨域实现标签,支持嵌入外部资源
跨域实现方法
(1)JSONP(2)iframe document.domain(3)iframe location.hash(4)HTML 5 PostMessage
1.13 cookie和广告联盟
含义:请求者的身份信息就是cookie
cookie对应有行为习惯分析,有了行为习惯分析,就能提供针对的广告内容
1.14 HTTP Header
含义:数据区域分为请求头和响应头
请求头
accept,表示当前浏览器可以接受的文件类型
accept-encoding,表示当前浏览器可以接受的数据编码
accept-language,表示当前使用的浏览语言
Cookie,很多和用户相关的信息都存在 Cookie 里,用户在向服务器发送请求数据时会带上。
user-agent,表示浏览器的版本信息
响应头
content-encoding,表示返回内容的压缩编码类型
content-length,表示这次回包的数据大小
content-type,表示数据的格式
set-cookie,服务器通知浏览器设置一个Cookie
1.15 GET和POST
含义:GET 获取,POST提交,一个在地址栏可加参数,一个更隐蔽,实际使用界限不分明
1.16 WebSocket
HTTP无状态,收到回复则断开链接
面对高频变化的需求,需要定时轮询,开销大
HTTP Comet,占用一个端口,浪费资源
含义:WebSocket是建立在TCP上的全双工协议,用http建立链接告知使用socket方式,并保持心跳
1.17 直出
web请求→DNS解析IP→向IP发起http请求→多次http握手→多个路由器和网关转发→HTML页面→拉取CSS→拉取JavaScript→拉取真实数据
含义:第一次请求时,直接就拿JavaScript渲染过的html页面,达到秒看到页面内容的效果,就是直出
1.18 爬虫
含义:爬取数据,有效内容为关键字,链接做下次目标
网站根目录下放robots.txt描述哪些页面可被抓取
1.19 WEB应用
含义:H5应用
用AJAX和网页历史栈实现
AngularJS、React开发框架
1.20 锚点
含义:对页面位置跳转,通过标签<a=... 实现
1.21 屏幕适配
含义:苹果viewport 视口,手机上的浏览器为了适配桌面上的网页,把它设置成宽980像素,但是这样的网页要正确地显示出来必须经过缩放或者用滚动条
devicePixelRatio(设备像素比)
把 viewport 的宽度写成device-width,它就会根据不同的手机来取值
1.22 盗链和反盗链
含义:HTTP的refer头,判断是否允许,否则返回盗链警告图
1.23 广告过滤机制
含义:不让广告下载或者不让展示
找到广告者的URL直接拦截,找到广告标签,直接隐藏
二、客户端技术
2.1 动画障眼法
作用:响应慢用动画效果过渡
退出应用时截屏,启动时先展示
2.2 Android应用保活
实现方法:
监听系统事件
利用安卓系统广播机制,在发生改变时复活
守护进程唤醒
ROM限制,因此创建一个守护进程,持续检查程序状态
全家桶
多应用持续复活
2.3 Hybrid APP
含义:基于H5应用和原生应用的混合模式移动应用
H5兼容好,拓展好
原生体验好,不卡顿
2.4 手机传感器
磁场传感器
应用:指南针,三维空间
加速度传感器
应用:xyz加速度,计步器
三轴陀螺仪
应用:手机翻转
版权声明:本文标题:产品经理的技术字典 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/biancheng/1726420951a1093640.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论