前端进阶
关注
分享
扫一扫
文章平均质量分 64
野生松
笨鸟要用力飞
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【前端提效】-- Chrome浏览器开发者工具使用技巧
Chrome浏览器开发者工具使用技巧原创 2023-05-11 18:00:43 · 1680 阅读 · 1 评论 -
【前端进阶】-- package.json 版本号引入符号种类
一、版本号通常一个包的版本号是这样的 a.b.c ：a、b、c 指代数字，且从 0 开始 a 表示固定主版本号，b表示次版本号、c表示修订号二、符号种类一些依赖的版本号中，我们还会看到 ^ 、~ 或者 >= 这样的标识符：没有任何符号：完全百分百匹配，必须使用当前版本号 对比符号类的：>(大于) >=(大于等于) <(小于) <=(小于等于) 波浪符号 ~：固定主版本号和次版本号，修订号可以随意更改，例如~2.0.0，可以使用 2.0.0、2.0....原创 2022-05-24 21:12:41 · 854 阅读 · 0 评论 -
MVC和MVVM的区别
MVCM: Model 数据模型（专门用来操作数据，数据库啥的） V：View 视图（对于前端来说，就是页面） C：Controller 控制器（是视图和数据模型沟通的桥梁，用于处理业务逻辑）View 接受用户交互请求 View 将请求转交给Controller处理 Controller 操作Model进行数据更新保存 数据更新保存之后，Model会通知View更新 View...原创 2020-04-09 22:17:15 · 304 阅读 · 1 评论 -
在浏览器输入url后发生了什么
著名前端面试题：一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？主要包括以下几个基本步骤：浏览器的地址栏输入URL并按下回车。 浏览器查找当前URL是否存在缓存，并比较缓存是否过期。 DNS解析URL对应的IP。 根据IP建立TCP连接（三次握手）。 HTTP发起请求。 服务器处理请求，浏览器接收HTTP响应。 渲染页面，构建DOM树。 关闭TCP连接（四次挥手）。...原创 2020-07-28 21:02:14 · 579 阅读 · 0 评论 -
chrome浏览器中的控制台Network中size栏状态（from memory cache 与 from disk cache对比）
在chrome浏览器中的控制台Network中size栏通常会有三种状态：from memory cache from disk cache 资源本身的大小(如：5k)三种的区别：from memory cache：字面理解是从内存中，其实也是字面的含义，这个资源是直接从内存中拿到的，不会请求服务器一般已经加载过该资源且缓存在了内存当中，当关闭该页面时，此资源就被内存释放掉了，再次重新打开相同页面时不会出现from memory cache的情况。 from disk cache：同上类似，原创 2020-05-11 21:19:32 · 4452 阅读 · 1 评论 -
【 前端进阶 】-- 浏览器的缓存机制
一、强缓存对于强缓存，浏览器在第一次请求的时候，会直接下载资源，然后缓存在本地，第二次请求的时候，直接使用缓存。强缓存方案Expires：服务端的响应头，第一次请求的时候，告诉客户端，该资源什么时候会过期。该字段是http1.0时的规范，它的值为一个绝对时间的 GMT 格式的时间字符串，比如 Expires:Mon,18 Oct 2066 23:59:59 GMT。这个时间代表着这...原创 2020-03-14 21:10:49 · 252 阅读 · 0 评论 -
深入学习面向过程与面向对象
一、面向过程面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了。二、面向对象面向对象是把构成问题事物分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为。三、举例如何大象装进冰箱？面向过程：为了把大象装进冰箱，需要3个过程。1) 把冰箱门打开（得到打开门的冰箱）...原创 2020-03-14 15:43:11 · 145 阅读 · 0 评论 -
前端安全知识（XSS和CSRF）
一、XSS（跨站脚本攻击）xss：跨站脚本攻击（Cross Site Scripting）是最常见和基本的攻击 WEB 网站方法，攻击者通过注入非法的 html 标签或者 javascript 代码，从而当用户浏览该网页时，控制用户浏览器。1、常见的攻击方式在输入框输入恶意代码（例如评论） 劫持用户的cookie2、防御方式httpOnly: 在 cookie 中设置 Http...原创 2020-02-12 20:50:50 · 413 阅读 · 0 评论 -
深入理解target与currentTarget
一、target与currentTarget两者既有区别，也有联系举例： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Example</title> 5 </head> 6 <body> 7 <div id="A"> ...原创 2020-02-10 20:40:42 · 775 阅读 · 0 评论