- 博客(23)
- 收藏
- 关注
RSS订阅转载 浏览器性能优化（初笔记后续修改补充）
参考：【前端工程师面试宝典】学习说明_互联网校招面试真题面经汇总_牛客网 (nowcoder.com)性能优化前端性能优化的手段方面：加载优化、执行优化、渲染优化、样式优化、脚本优化加载优化:减少HTTP请求、缓存资源、压缩代码、无阻塞、首屏加载、按需加载、预加载、压缩图像、减少Cookie、避免重定向、异步加载第三方资源执行优化：CSS写在头部，JS写在尾部并异步、避免img、iframe等的src为空、尽量避免重置图像大小、图像尽量避免使用DataURL渲染优化：设置viewport、减少
2022-05-23 14:54:19
705
原创 cookie,sessionStorage,localStorage整理（个人笔记）
参考：【前端工程师面试宝典】学习说明_互联网校招面试真题面经汇总_牛客网 (nowcoder.com)(29条消息) 浏览器缓存：memory cache、disk cache、强缓存协商缓存等概念_Lvan的前端生活的博客-CSDN博客_浏览器memorycookie,sessionStorage,localStorage的区别:三者操作：sessionStorage// 保存数据到 sessionStoragesessionStorage.setItem('key', 'value');
2022-05-19 20:46:25
174
原创 移动端以及多端适配问题
移动端1.移动端的适配方案（1）为适配不同端口不同屏幕下的页面布局采用的不同代码编写思路：[1]统一缩放（需要长宽比接近）[2]采用rem和vm等相对布局，固定长度的采用px等[3]固定的尺寸加弹性布局（要求的是元素不要固定长度超过范围量）（2）viewport适配通过宽度等比例缩小，使用meta标签元，对viewport属性的content设立width以及initial－scale屏幕与设计稿宽比的适配。但是需要动态化的设置initial的比值。通过初始化的js动态操作dom的meta标
2022-05-19 20:45:03
2525
原创 浏览器章节详解（多文章搬运总结）
搬运：细说浏览器输入URL后发生了什么 - 掘金 (juejin.cn)浏览器详解1.浏览器输入URL时候发生了什么？[1]地址解析:检验输入url的合法性（正则检验*），看输入的是url还是搜索内容，然后通过浏览器默认搜索引擎的服务器查找进行地址转换url查询。[2]DNS域名解析,涉及到了计网的相关知识点。在客户端输入 URL 后，会有一个递归查找的过程，从浏览器缓存中查找->本地的hosts文件查找->找本地DNS解析器缓存查找->本地DNS服务器查找，这个过程中任何一步
2022-05-19 20:42:28
495
原创 为博客搭一个node后端中台扩展一些服务
上面是后端的目录结构:这次的尝试是一次拾遗的过程 也是一次复习总结app.jsconst { APP_PORT } = require('./config/config.default')//端口获取静态配置const app = require('./app/index.js')app.listen(APP_PORT, () => { console.log(`后端程序运行在本地${APP_PORT}端口`);})根据配置开启了一个端口这里引入了./config/conf.
2022-04-21 20:26:03
882
原创 Docker常用
DockerDocker可以看成一个高性能的虚拟机，并且不会浪费资源，主要用于Linux环境的虚拟化笔记参考 ：大量解释来自下链接–>获取镜像 | Docker 从入门到实践 (docker-practice.com)传统的虚拟机和Docker的区别（需要查看）类比解释每台宿主机（电脑），他下载好了Docker后，可以生成多个镜像，每个镜像，可以创建多个容器。发布到仓库时，以镜像为单位。可以理解成：一个容器就是一个独立的虚拟操作系统，互不影响，而镜像就是这个操作系统的安装包。想要生成一个
2022-04-20 13:43:26
1060
原创 vue2源码（虚拟dom篇）
虚拟 DOM 篇我们在学习vue的时候或者是react的列表渲染时总会遗漏一些key值，于是便会报错—》这些key值是什么呢？key值是对一个列表渲染元素的标识–vue内以此来提高templete内元素转换成原生dom结构的速度于是我们可以引入虚拟DOM这个概念根据上一节，vue在数据层更新时，才会使视图层进行更新---------》视图层的更新 无非是通过原生的一些DOM方法来实现DOM树上元素的删减或者属性的更迭但是对于一个DOM结构 如果直接使用其本体需要一个庞大的数据结构支持 于是我们需要
2022-04-19 23:04:17
506
原创 vue2源码（变化侦测）
文档学习参考：写在最前面 | Vue源码系列-Vue中文社区 (vue-js.com)源码目录：├─dist # 项目构建后的文件├─scripts # 与项目构建相关的脚本和配置文件├─flow # flow的类型声明文件├─src # 项目源代码│ ├─complier # 与模板编译相关的代码│ ├─core
2022-04-19 23:03:21
343
原创 二叉搜索树与双向链表
很遗憾没有自己想到解决的办法 还是借鉴了答案的思维本题考查的是我们对一些常规名词（搜索树等）这些的信息提取能力首先便是中序遍历搜索树的顺序节点访问 与题目要求相同（从此处入手）还有就是如何构建两个节点之间的联系错误思想：原树的前驱指针不用替换 传入参数的形参调用问题var treeToDoublyList = function(root) {if(!root)return null; let pre=[]; def(root,pre); while(root.left)
2022-03-19 13:05:47
297
原创 leetcode 剑指offer 复杂链表的复制
复制链表的复制题目示例及需求：此题只有js写法：最初的想法：手动实现hash利用对象存储相同节点的地址值，在一次遍历后得到所有的对应关系 和新建链表 在回溯中使random指针指向实现的hash对象中的对应点就可以访问成功但是实践后发现：js无法获取对象的内存地址（或者说获取复杂 所以想法无疾而终，这是初步预想的代码）var copyRandomList = function(head) {let nodes={};let newnode=new Node(head.val,null,h
2022-03-18 19:06:47
529
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人