愚墨的博客
  • 首页
  • 前端技术
  • 面试
只争朝夕不负韶华
前端技术

从pnpm了解软硬链接的应用

从2017年pnpm的诞生,到现在各公司都在去npm、yarn化,pnpm正在陆续接管各大前端项目的依赖包安装。原因在于她使用软链接和硬链接的方式不仅提高了安装速度还节约了磁盘空间,同时避免了依赖分身和幽灵依赖等问题。 这篇文章先对比一下npm、yarn、pnpm的区别,再了解一下硬链接和软链接的应用。开始吧。 npm 老牌包管理工具npm的成功主要原因是Node的横行,引入了package.json文件,将所有的依赖都添加到了package.json中,比如运行 npm install --save lodash…

2022年09月12日 0条评论 460点热度 0人点赞 阅读全文
前端技术

Docker前端应用-命令篇

docker在前端的使用 - 命令篇 本地镜像管理 docker images : 列出本地镜像。 ➜ ~ docker images REPOSITORY TAG IMAGE ID CREATED SIZE demo/nginx v1 7ae06402eb54 About an hour ago 142MB docker rmi : 删除本地一个或多个镜像。 docker rmi -f demo/nginx:v1 docker tag : 标记本地镜像,将其归入某一仓库。 docker build 命令用于使用 …

2022年09月04日 0条评论 299点热度 0人点赞 阅读全文
前端技术

Docker前端应用-实践篇

这是docker在前端的使用实践篇,本文从一个小Demo入手,来学习一下基本的使用姿势。 拿一个场景来说,如果我们想要搭建一个网站,那我们常规操作需要这几部: 买一个云服务器,或者自己搞一个树莓派。 给服务器上装一个系统,无论是CentOS还是Ubuntu。 然后装nginx,如果需要数据库,那可能装一个套装。 前端在本地开发好项目,然后build出产物。 将产物同步到服务器上,然后配置一下nginx.conf,指定一个端口,配置上域名。 那就可以正常访问了。常规操作没有什么问题。 那我们现在用Docker来构建一…

2022年09月04日 0条评论 356点热度 1人点赞 阅读全文
前端框架

Docker前端应用-入门篇

入门篇 docker在前端的使用 - 入门篇 在招聘后端同学的JD中,docker是一个比较重要的考察点,但是这些年前端的发展使得前端coder也需要懂一些docker的基本使用,这样在部署的时候才不至于过渡依赖运维同学。 因为这是针对前端coder的一篇入门级的docker介绍,所以我们就用理论+实践的方法来了解一下。 虚拟化 首先先了解一下什么是虚拟化,简单来说,虚拟化是一些程序创建虚拟化的过程,虽然说虚拟化可以应用到计算机、操作系统、网络、存储设备等,但是服务器才是虚拟化应用的最主要的地方。 虚拟化使用软件来…

2022年09月04日 0条评论 334点热度 0人点赞 阅读全文
HTML5

前端水印如此简单

我们从实现方式上来考虑,既然要做水印,那肯定要是全屏幕的,我们会先想到几点 1. 用一个 div 全屏fixed。 2. 水印要和登录信息绑定,那么我们从cookie中获取一下账号信息。 3. 屏幕上一个大的水印,效果没有密密麻麻的小水印效果好。 4. 水印之前的间距要小一点,这样才能增加覆盖面积。 5. 要有防止窜改的功能。 列出以上这几点,我们就依次实现就好了。 第一点 很好实现。我们create一个dom元素,插入到body中就可以了。 const divObj = document.createElemen…

2022年03月13日 0条评论 609点热度 11人点赞 阅读全文
HTML5

viewport朝花夕拾

一个人做到只剩了回忆的时候,生涯大概总要算是无聊了吧,但有时竟会连回忆也没有。 ——鲁迅 《朝花夕拾》 什么是 Viewport? viewport 是用户网页的可视区域。 viewport 翻译为中文可以叫做"视区"。 我们常见的 meta标签中的 viewport 是 HTML5 针对移动端新增的一个 meta 属性, 它的作用是为同一网页在不同设备的呈现,提供响应式解决方案。 一、引言 在PC时代,我们用 css 设置 1px 边框,显示器会用1个物理像素进行渲染。而进入移动应用时代后,我们原来设置1px边框…

2022年02月22日 0条评论 543点热度 9人点赞 阅读全文
HTML5

如何写出高质量的技术文章

对于一个从小不喜欢语文、不喜欢阅读、作文很少及格的理科生来说,做梦也没想到,有一天我会写一篇文章教人如何写文章 :) 一、为什么要写文章 懂了,不一定能说出来,说得出来,不一定能写出来。这就是写文章最大的好处,官方术语叫“费曼教学法”。写文章是一个逼迫自己深入理解问题、把问题想清楚,整理好思路,并能清晰表达出来的过程。其本质是一种自我学习、自我提升、构建知识体系的最佳方法。 除此之外,写文章还有一个副产品——帮助我们扩大影响力。就拿我来说,我大概是在4年前,开始有规划地搭建自己的知识体系,包括阅读、记笔记、写文章、…

2021年05月16日 0条评论 1668点热度 8人点赞 阅读全文
前端技术

https原理指南

开篇 在前端面试博弈过程中经常会被问到https、ssl相关内容,我们对比总结一下。 在http协议中可能存在信息窃听或者身份伪装的安全问题,使用https可以通信机制可以有效的防止这些问题。 https = http + ssl 背景 http 和 https的区别 http的缺点 使用明文通信,内容可能会被窃听,并且随意篡改 不验证通信双方身份,有可能遭遇伪装 无法证明报文的完整性,内容可能遭到篡改 HTTP + 加密 + 认证 + 完整性保护 = HTTPS HTTPS 是身披SSL外壳的HTTP https…

2021年04月23日 0条评论 1573点热度 0人点赞 阅读全文
前端技术

使用Lerna以Monorepo的方式开发项目

起因 源于一次面试:我让面试者展开讲了一下她的项目经历(一个内部使用的组件库)。多个包的维护方式让她在开发过程中浪费了大量的时间。虽然是用的Multirepo的组织方式,但是她并知道Multirepo的管理理念,且更不懂Monorepo。这我岂能容忍,必须解释一番。 Monorepo 和 Multirepo 是两种不同的源码管理理念。 Monorepo 是把所有的相关项目都放在一个仓库中(例如:React, Angular, Babel, Jest, Umijs, ...) Multirepo 则是按模块把子项目拆…

2021年04月11日 0条评论 2529点热度 0人点赞 阅读全文
面试

如何写一份优秀的简历

金三银四已过半,各大公司抢人大战已进入白热化。能否进入一个自己心仪的公司,拿到自己满意的薪资。面试中的能力展现很重要,但是能不能进入面试环节更重要。 「无刷题,不面试」应该是当下初中级开发工程师的常态。 「BB is nothing,show me the code」应该是当下好多公司面试的常态。 目前在前端领域,人才供给呈现出一个底面特别宽的金字塔形状。 开发同学特别多,但是好多公司还是会出现用人荒、招人荒。不得已在当下时段好多公司会选择适当的降低面试标准。 这也让好多开发者有了相对简单的进入大厂的机会。 拿到一…

2021年04月01日 0条评论 1565点热度 0人点赞 阅读全文
12345…11
搜搜看看
历史遗迹
  • 2022年9月
  • 2022年3月
  • 2022年2月
  • 2021年5月
  • 2021年4月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年9月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年1月
  • 2019年5月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年9月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年7月
  • 2017年6月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年6月
  • 2015年4月

COPYRIGHT © 2020 愚墨的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS