前言
打开浏览器从输入网址到网页呈现在大家面前,背后到底发生了什么?经历怎么样的一个过程?先给大家来张总体流程图,具体步骤请看下文分解!
从URL输入到页面展现
总体来说分为以下几个过程:
- DNS 解析:将域名解析成 IP 地址
2025年07月15日
前言
打开浏览器从输入网址到网页呈现在大家面前,背后到底发生了什么?经历怎么样的一个过程?先给大家来张总体流程图,具体步骤请看下文分解!
从URL输入到页面展现
总体来说分为以下几个过程:
2025年07月15日
CSS定位机制
CSS 有三种基本的定位机制:相对定位、浮动和绝对定位。
相对定位
相对定位指的是设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。
如果将box2的框 top 设置为 50px,那么框将在原位置顶部下面 50 像素的地方。如果 left 设置为 20 像素,那么会在元素左边创建 20 像素的空间,也就是将元素向右移动。
2025年07月15日
上午十点那会,有网友在微信上给我留言,说我做微信公众号遇到瓶颈了。不知道该如何推广了。好像很多人做微信公众号的运营都会面临这个困境,就是无法把公众号给推广出去。
我让他简单介绍了下他自己的情况,他说:自己的专业是钢琴(8级)和作曲,现在想从事网络教学这一块。但是现在由于资金有限,目前实体店的规模做不起来。现在吸引得只是一些大学城附近的业余钢琴爱好者。
现在苦恼的是无法把自己给推广出去,目前也没有太多的生源。现在想开展一下线上的教学,不知道该如何去做好推广了,自己也运营的有微信公众号,但是没有什么效果。
2025年07月15日
手机,平板设备的暴增,直接促进了移动互联网的大潮来袭,互联网迎来了更多的变革,包括web前端行业也是, 现在变为移动web前端开发了,有多少人迎风倒下,又有多少人经受了这场革命的洗礼。这次教大家如何为自己网站添加响应式,快速抓住移动互联网用户。
流行的有某适配,如果你愿意每年支出高额的费用的话,这里介绍的是一个屌丝如何为网站添加响应式,响应式实现原理非常简单:就是通过css3 media query技术通过浏览器窗口宽度的判断,来调整合适的布局。
2025年07月15日
问题的引出是这样的,在一个项目中有大量的页面主体是table做数据展示,所以就封装了一个table的组件,提供动态渲染的方案。有个问题是数据类型中有图片,对于图片的加载失败我们需要做容错。一般我们的思路都是对img绑定error事件,替换该图片为一个默认的图片。但是error事件是不会冒泡的,我们渲染是动态的,我们不能delegate事件到body上。如果将处理写在js里,那么每次渲染的时候都要去给图片绑定error事件,写在模板里拼接(内联事件)又会很麻烦(我采取的方案是用户编写基本th,td模板,所以需要使用者拼接,思考过走配置的方法初始化table这个问题可以忽略。。。)
2025年07月15日
最近比较忙,灵感稍微有点缺乏,本着宁缺毋滥的想法,所以一直也没憋出一篇文章来,希望大家见谅,想了想,整理了一篇关于 Web学习的文章,因为总有人会问类似的问题,所以想着直接整理下以前回答以及自己的一些经验,我想对大家的学习应该有一些参考价值!这是该系列的第一篇,后续应该还有有工具等其他篇。
我接触安全行业有几年了,在高中的时候开始感兴趣并且学习安全的,启蒙老师是《黑客X档案》以及《黑客防线》,后来才看到的《非安全手册》,基本刚开始的时候,很多人学的估计都是网吧黑客(万象之类的)、黑站(很多人估计第一个黑的就自己学校的),我也不例外,反正在网吧免费上网的那段日子是快乐的,至今还印象很深刻,挺怀念那段日子的,那时候留校,每周的生活费基本就花在买书上了,虽然生活周边找不到志同道合者,不过在网络上有一堆朋友。
2025年07月15日
开篇一张美女,大家国庆节快乐,感谢大家百忙之中来看我这张美女图。给大家上黑丝。
言归正传,今天介绍下获取DOM元素的一些方法。根据w3school上介绍的大概有
2025年07月15日
打开浏览器从输入网址到网页呈现在大家面前,背后到底发生了什么?经历怎么样的一个过程?先给大家来张总体流程图,具体步骤请看下文分解!
总体来说分为以下几个过程:
DNS 解析:将域名解析成 IP 地址
TCP 连接:TCP 三次握手
发送 HTTP 请求
服务器处理请求并返回 HTTP 报文
浏览器解析渲染页面
2025年07月15日
我退休那年,闺女给我买了个平板,说啥让我多学点新东西。我拿着平板坐在沙发上,先搜了自学网站,什么b站、知乎、得到、网易云课堂、喜马拉雅、TED、MOOC、Coursera、edX、学堂在线、51CTO、慕课网、极客时间、菜鸟教程、W3School、Udemy、YouTube、国家中小学智慧教育平台、超星尔雅、樊登读书、看理想、得到大学、TED-Ed、LinkedInLearning、云班课、百度传课、豆瓣阅读、人人自学网、作业帮、腾讯课堂、百度文库、简书、知乎Live、InfoQ、优达学城、搜狐课堂、荔枝微课、千聊,我全收藏一遍。茶杯一搁,坐那儿看怎么注册账号,有的还得翻墙,有的要实名认证,手点得都快抽筋
2024年09月25日
编辑导读:「Radio Button」是构成表单功能的基础元素之一,合适巧妙的设计它可以让用户对表单完成有个很好的心理预期,对提高用户体验至关重要。本文作者围绕Radio Button进行了分析,与你分享。
今天在群里有个小伙伴截了两个boss直聘当中有关单选任务的设计问题,不研究不知道,一探究其根本发现「Radio button」这个表单设计当中最基本的元素可讲的点还是挺多的。今天我们就手把手从基本的组件层面来聊下「Radio button」。