![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 74
青颜的天空
做自己的保护神!
展开
-
DNS解析和DNS缓存, 如何清理DNS解析缓存
一、DNS解析DNS解析也即是我们说的域名解析,为了方便记忆,网站都是注册了一个域名,通过域名来访问网站。访问网站内容,实际是通过访问IP地址实现的,所以在域名和IP之前存在一种对应关系,而域名解析服务器即DNS服务器则完成将域名翻译成IP地址的任务。对于用户来说,永远不需要关心访问的IP地址是多少,只需要输入域名即可,所以当IP发生变化时对用户没有一点影响,这就是动态域名解析。域名服务器承载着IP与域名的管理工作和解析工作,当域名对应的IP出现变化时,域名服务器需要重新进行配置。动态域名:域名对应的转载 2022-05-23 16:57:50 · 3467 阅读 · 1 评论 -
HTTP 请求头各参数具体含义
HTTP的头域包括通用头、请求头、响应头和实体头四个部分。每个头域由一个域名,冒号(:)和域值三部分组成。通用头部:是客户端和服务器都可以使用的头部,可以在客户端、服务器和其他应用程序之间提供一些非常有用的通用功能,如Date头部。请求头部:是请求报文特有的,它们为服务器提供了一些额外信息,比如客户端希望接收什么类型的数据,如Accept头部。响应头部:便于客户端提供信息,比如,客服端在与哪种类型的服务器进行交互,如Server头部。实体头部:指的是用于应对实体主体部分的头部,比如,可以用实体头部转载 2022-03-21 00:16:57 · 5733 阅读 · 0 评论 -
谈谈对前端工程化的理解
什么是前端工程化?工程化是一种思想,而不是某种技术。其主要目的为了提高效率和降低成本,即提高开发过程中的开发效率,减少不必要的重复工作时间等栗子要盖一栋大楼,假如我们不进行工程化的考量那就是一上来掂起瓦刀、砖块就开干,直到把大楼垒起来,这样做往往意味着中间会出现错误,要推倒重来或是盖好以后结构有问题但又不知道出现在哪谁的责任甚至会在某一天轰然倒塌,那我们如果用工程化的思想去做,就会先画图纸、确定结构、确定用料和预算以及工期,另外需要用到什么工种多少人等等,我们会先打地基再建框架再填充墙体这样最后建立起转载 2022-03-20 16:58:52 · 1139 阅读 · 0 评论 -
在CSS代码中使用JS变量
场景:想在CSS中使用JS变量解决方案CSS变量示例:以在 vue 项目为例:在行内的 style 属性中定义 CSS 变量赋值为 JS 变量在 CSS 中使用行内定义好的 CSS 变量<!--html--><div class="container"> <div class="test" :style="{ '--width':width, '--color':color, '--margin':margin }"></di原创 2021-12-21 13:03:10 · 9066 阅读 · 0 评论 -
如何上传本地代码到github仓库
上传代码到github.com原创 2021-12-20 23:27:42 · 2176 阅读 · 1 评论 -
git删除未跟踪文件
# 删除 untracked filesgit clean -f# 连 untracked 的目录也一起删掉git clean -fd# 连 gitignore 的untrack 文件/目录也一起删掉 (慎用,一般这个是用来删掉编译出来的 .o之类的文件用的)git clean -xfd# 在用上述 git clean 前,墙裂建议加上 -n 参数来先看看会删掉哪些文件,防止重要文件被误删git clean -ngit clean -nxfdgit clean -nfgit cle原创 2020-11-13 17:40:34 · 1172 阅读 · 0 评论 -
Angular学习之-Angular Router 详解, navigate() 和navigateByUrl() 用法区别
路由是 Angular 应用程序的核心,它加载与所请求路由相关联的组件,以及获取特定路由的相关数据。这允许我们通过控制不同的路由,获取不同的数据,从而渲染不同的页面。接下来我们将按照以下目录的内容,介绍 Angular 的路由。目录Installing the routerBase hrefUsing the routerRouterModule.forRootRouterModule.forChildConfiguring a routeDisplaying routesFuther原创 2020-10-15 16:19:36 · 3765 阅读 · 1 评论 -
JavaScript中变量提升相关易错面试题
有关变量提升知识请戳这里:JavaScript中变量提升(声)1.fn()function fn() { console.log(1)}fn()function fn() { console.log(2)}fn()var fn = function () { console.log(3)}fn()function fn() { console.log(4)}fn()function fn() { console.log(5)}输出:5 5 5 3 3图原创 2020-10-14 17:25:14 · 227 阅读 · 0 评论 -
JavaScript中函数作用域相关易错题
var a = 9function fn() { a = 0 return function (b) { return b + a++ }}var f = fn()console.log(f(5))console.log(fn()(5))console.log(f(5))console.log(a)输出:5 5 6 2题解:2.var a = 1function fn(a) { console.log(a) var a = 2 fun...原创 2020-10-14 17:24:10 · 693 阅读 · 0 评论 -
高级前端面试题总结
JSV8 工作原理数据存储栈空间:先进后出的数据结构,调用栈,存储执行上下文,以及存储原始类型的数据。堆空间:用数组实现的二叉树,存储引用类型。堆空间很大,能存放很多大的数据。存放在堆内存中的对象,变量实际保存的是一个指针,这个指针指向另一个位置。原始类型的赋值会完整复制变量值,而引用类型的赋值是复制引用地址。但JavaScript依然是值存储,对于引用类型存储的是堆空间中的首地址。垃圾回收回收调用栈内的数据:执行上下文结束且没有被引用时,则会通过向下移动 记录当前执行状态的指针(称为原创 2020-10-14 17:23:07 · 1217 阅读 · 0 评论 -
HTML 网页特殊符号代码大全
HTML网页特殊符号代码大全在网页设计中,我们有时需要把以下两种字符显示在页面上:HTML的保留字符。无法通过键盘输入但能表达某种特殊含义的字符。直接使用往往是无法显示的,这时就必须使用它们对应的实体名称或实体数字才能显示(在大多数浏览器中默认的字符集为ISO-8859-1)。下面做了整理,以备速查(注意:代码对大小写敏感)。1、特色类字符实体名称实体数字描述©©©版权标志| 竖线,常用作菜单或导航中的分隔符原创 2020-07-09 23:07:27 · 42510 阅读 · 9 评论 -
面试题总结2-大厂
1.document.parentNode和document.parentnode的区别?(腾讯)document:文档对象,最外层parentNode: 父节点属性,document没有父节点,因此document.parentNode = nullparentnode:document没有parentnode这个属性, document.parentnode = undefined当前对象有这个属性,但是目前这个属性没有值,则为null若当前对象连这个属性都没有,则为undefined原创 2020-07-06 15:08:49 · 1672 阅读 · 1 评论 -
那些好用真香的工具网站
看抽象语法树: https://astexplorer.net/gif制作:http://www.gif5.net压缩图片:https://www.yasuotu.com/原创 2020-06-18 16:10:38 · 521 阅读 · 1 评论 -
Angular中subscribe需要手动取消的场景
RouterAngular在组件销毁时并没有取消router的所有订阅事件,同样是延迟10秒,可以看到请求依然是会发出的。’ngOnInit() { this.subscription = this.router.queryParamMap.delay(10000).subscribe((param) => { this.user.getUser(+param.get(id)) }) } ngOnDestroy() { this.subscript.原创 2020-06-09 23:07:37 · 1124 阅读 · 1 评论 -
Angular路由复用策略出现Cannot reattach ActivatedRouteSnapshot created from a different route错误
自己写的angular路由复用,用着基本挺好。// simple-reuse-strategy.tsimport {ActivatedRouteSnapshot, DetachedRouteHandle, RouteReuseStrategy} from '@angular/router'import Debug from './debug.service'import {ComponentRef} from '@angular/core'export class SimpleReuseStra原创 2020-06-02 10:24:47 · 2558 阅读 · 0 评论 -
git基本指令使用,git status,git stash,git merge
git(下文中的–均为2个-)git log查看项目历史的信息git statusgit status命令用于显示工作目录和暂存区的状态。使用此命令能看到哪些修改被暂存到了, 哪些没有, 哪些文件没有被Git tracked到。git status不显示已经commit到项目历史中去的信息。看项目历史的信息要使用git loggit stash应用场景有部分代码是多余的,想保留以后查看,但是又不想提交到远程分支在进行多分支开发时,比如你在A分支上开发,但是突然发现B分支上有个bug需要修复原创 2020-05-29 14:40:52 · 1170 阅读 · 0 评论