产品经理的技术字典

最新推荐文章于 2023-01-19 17:09:36 发布

林秀成

最新推荐文章于 2023-01-19 17:09:36 发布

阅读量1.2k

点赞数 1

分类专栏：读书笔记文章标签：产品经理

本文链接：https://blog.csdn.net/m0_46916270/article/details/112008141

版权

内容来源：《给产品经理讲技术》，陈宇/龚晓波/高杨/杨俊勇/关磊，电子工业出版社

有技术知识对于产品经理来说，是必要不充分条件，以我自身经验来说，懂技术知识有以下好处：

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.com为一级域名，www.qq.com是二级域名
           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，它就会根据不同的手机来取值