HTML/浏览器/HTTP
关注
分享
扫一扫
文章平均质量分 52
WionWan
在路上
展开
-
浏览器渲染原理
最近看到一篇浏览器渲染的文章，读后笔记记下来。浏览器的进程Browser进程主进程，协调用户的操作。主控子进程的管理，提供存储功能渲染进程将HTML、css、js转换成我们的主页网络进程网络资源的加载GPU进程解决性能问题插件进程插件的运行插件容易崩溃，所以用这个进程来隔离一个浏览器包含一个browser主进程、一个GPU进程、...原创 2019-11-17 21:38:32 · 223 阅读 · 0 评论 -
最近做Vue前端项目时遇到的一些问题总结以及解决方案
最近忙碌，但是也要总结一下最近遇到的一些问题，查漏补缺文章目录遇到的问题：watch的深度监听deep:true 导致了 Maximum call stack size exceeded记录遇到的问题：页面动态扩展，从没有滚动条到出现滚动，导致页面抖动记录：遇到的问题：vertical-align 设置什么情况下才会起作用记录：遇到的问题：vue Webpack打包后的dist 文件夹中新增除...原创 2019-09-17 00:18:35 · 9955 阅读 · 0 评论 -
根据UI图设计的大小换算REM单位以及大屏页面全屏展示
需求：UI图设计的1366px，产品希望往大了适配，字体和div宽度都需要适配实际页面宽；设置rem节点适配例如设计的UI图尺寸是1366宽的，则正常页面往下滚动的是情况下，输入UI图设计的尺寸，可以是1366，也可以是1920 等；于是就用rem单位适配，根据根节点换算，关于单位相关的文章之前总结过：理解CSS常见的px/em/rem/vh/vw尺寸单位以下代码运行框架是Vue；...原创 2019-08-19 13:57:56 · 1904 阅读 · 0 评论 -
HTTP协议温故笔记190728
文章目录输入网址回车，后面发生了什么浏览器从地址栏的输入中获得服务器的 IP 地址和端口号浏览器用 TCP 的三次握手与服务器建立连接HTTP报文长相常见的八种请求类型安全与幂等响应状态码常见的五类响应状态码输入网址回车，后面发生了什么浏览器从地址栏的输入中获得服务器的 IP 地址和端口号；浏览器用 TCP 的三次握手与服务器建立连接；浏览器向服务器发送拼好的报文；服务器收到报文后处理...原创 2019-07-28 00:08:24 · 170 阅读 · 0 评论 -
Nginx配置的那些七七八八事
最近做小程序，除了前后端归自己弄，上线配置HTTPS和Nginx都是我这了~好吧 好吧，看过之前也看过一些Nginx，就着这个机会，汇总一下Nginx的配置吧（centerOS 7 系统）安装默认centerOS没有Nginx的源，需要自行设置sudo rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-releas...原创 2019-07-11 00:15:51 · 174 阅读 · 0 评论 -
解决移动端的300ms延迟
最近做移动端，想起之前见过这个问题，于是在项目里汇总也一并解决掉为什么会有300ms延迟300 毫秒延迟的主要原因是解决双击缩放(double tap to zoom)。双击缩放，顾名思义，即用手指在屏幕上快速点击两次，iOS 自带的 Safari 浏览器会将网页缩放至原始比例。当用户一次点击屏幕之后，浏览器并不能立刻判断用户是确实要打开这个链接，还是想要进行双击操作。因此，iOS Saf...原创 2019-04-25 21:24:11 · 533 阅读 · 0 评论 -
服务器端渲染（SSR）和客户端渲染（CSR）的区别，以及优化首屏的一些思考
今天考虑一个项目性能问题的时候想到这个知识点，想着就梳理一下：SSR：Server side render将组件或页面通过服务器生成html字符串，再发送到浏览器，简单理解下来，发了一个请求，服务器返回的不是接口数据，而是一整个页面的HTML结构，再结合界面之前定义的CSS把页面展示出来；VUE 服务器渲染文档SSR优点例如SEO–因为访问一个请求，返回的就是页面全部的HTML结构...原创 2019-03-26 23:18:34 · 7540 阅读 · 0 评论 -
理解CSS常见的px/em/rem/vh/vw尺寸单位
最近在做手机端和PC端的项目，用到了CSS单位的问题，于是想着空下来把CSS单位部分的知识自己写写CSS梳理一下；CSS中常见的单位px–最常见的，页面按照精准样式展示;属于绝对单位；em–基准点为父节点字体的大小，如果自身定义了font-size按自身来计算；也就是说这个em不是一个固定值，属于相对单位；rem–相对单位，r可以看作为 ”root“,结合em，理解为相对根节点HTML的...原创 2019-03-25 22:20:24 · 768 阅读 · 0 评论 -
前端为什么取不到后端接口带过来的sessionID的值？
通过document.cookie拿不到截图中的sessionID；但是能取到csrfTOKEN；仔细看图这个sessionID的HTTP状态打了勾，则表示HttpOnly，当这个值设为true时，浏览器是无法读取这个cookie值的，只有服务端能够读取。前端不能拿取，这是为了防止xss攻击；尝试修改这个值，之后接口请求都会报错为未登录状态；所以，这个值是不让在前端getter,set...原创 2019-01-03 23:50:34 · 6434 阅读 · 0 评论 -
最近做网页前端项目时遇到的一些问题以及解决方案
这几天和同学一起接了老师布置的两个网页项目，虽然只做前端静态页面，但是真正实践的时候我发现有些东西还是要用一用，出点错才能记得解决方案。第一个：设置宽屏效果 当我们需要顶部的banner横向充满整个屏幕以显示宽屏效果时 我们会把这个banner的width设置为100%， 于是问题出现了，我们发现边上会有一些边距，想这样 出现这种问题我们需要在CSS的body中设置两个属性： m原创 2015-04-23 23:27:34 · 17317 阅读 · 2 评论 -
input type="file" 选取文件路径时出现fakepath问题IE浏览器解决办法
今天写代码时需要用户选取一个文件然后提交，因为需要用到文件的绝对路径，所有我用一个 text文本框接住地址，于是我发现了问题高版本的浏览器为了安全期间，会将路径的进行隐藏，并且加上fakepath取代其中的地址，这样就与我想要的结果不一样了，我查了很多资料，但是只解决了ie浏览器的问题。谷歌的Chrome内核的貌似是禁止 input file 获取绝对路径的。那么IE浏览器怎么解决原创 2015-04-06 18:45:14 · 10431 阅读 · 0 评论 -
html5常用标签 body部分（2）包括 表格、图片、链接、视频、表单、以及其他html5新增
*****第五类标记：表格***** 标题 序号1 序号2 你好 你好2 制表人：万云华 *****第六类标记：图片标签***** *****第七类标记：链接***** 链接到指定网页：http://www.baidu.com" >baidu 锚点的指定，在页面原创 2015-01-28 19:05:44 · 1001 阅读 · 0 评论