摘要: 引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生,本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大,不过只是希望通过一些浅显的论述,让你知道什么是图片的 base64 编码,为什么我们要用它,我们如何使用并且方便的使用它,并 阅读全文
posted @ 2021-02-01 13:26 外行的小白 阅读(10017) 评论(0) 推荐(2) 编辑
摘要: 图片的 base64 编码就是可以将一副图片数据编码成一串字符串,使用该字符串代替图像地址。 将图片转换为base64编码最常见的应用应该就是在将网页中的一些图片转换为base64编码可以实现网页图片在网速不好的时候先于内容加载和减少HTTP的请求次数来减少网站服务器的负担。 图片转换成base64 阅读全文
posted @ 2021-02-01 13:13 外行的小白 阅读(1218) 评论(0) 推荐(0) 编辑
摘要: 1.gitee 新建 仓库 gitee 创建成功之后 右键 打开 本地新建文件夹 在项目中 git Bash Here 输入命令 首先 —> git init 初始化本地仓库 然后 —> git remote add origin 码云仓库地址 例如:git remote add origin ht 阅读全文
posted @ 2021-01-31 21:08 外行的小白 阅读(1574) 评论(0) 推荐(0) 编辑
摘要: 你是不是遇到和思考过下面的问题? 什么是package-lock.json(或yarn.lock)? 我们为什么需要它? 我的package-lock.json文件中有冲突 我提交时会忽略它 我要把它删掉 更糟糕的是,您可能已经删除了它,并提交了您的 PR 或 push 到master! 如果是这种 阅读全文
posted @ 2021-01-26 22:37 外行的小白 阅读(1630) 评论(0) 推荐(0) 编辑
摘要: 对于web developer来说,代码依赖管理一直都是个头疼的问题。自前端代码模块化开发以来,前端依赖管理也从原始的手动加载维护演化为基于模块仓库和工具的自动管理。目前相对比较流行的包管理工具是bower和npm。 bower && npm bower的完全面向web的包管理工具。本身并不存储模块 阅读全文
posted @ 2021-01-26 21:34 外行的小白 阅读(387) 评论(0) 推荐(0) 编辑
摘要: 周一入职,同事JJ让我熟悉一下基于React的新项目。 按照以往,我的步骤都是: git clone xxx npm install npm run dev 这时,JJ给我来了下面一段 git clone xxx yarn yarn start “咦,yarn是什么鬼?难道npm更高级的替代品?为什 阅读全文
posted @ 2021-01-26 21:20 外行的小白 阅读(310) 评论(0) 推荐(0) 编辑
摘要: 用history.push,和history.go或者replace其他方式去改变当前的location有什么特别的区别 history.push 这个方法会向history栈里面添加一条新记录,这个时候用户点击浏览器的回退按钮可以回到之前的路径。 history.go 这个方法的参数是一个整数,意 阅读全文
posted @ 2021-01-18 17:31 外行的小白 阅读(6500) 评论(0) 推荐(1) 编辑
摘要: #基础知识 houdunren.com (opens new window)@ 向军大叔 在文档、浏览器、标签元素等元素在特定状态下触发的行为即为事件,比如用户的单击行为、表单内容的改变行为即为事件,我们可以为不同的事件定义处理程序。JS使用异步事件驱动的形式管理事件。 #事件类型 JS为不同的事件 阅读全文
posted @ 2021-01-15 17:02 外行的小白 阅读(128) 评论(0) 推荐(0) 编辑
摘要: componentDidMount() { // 监听滚动 window.addEventListener('scroll', this.handleScroll) // 监听窗口大小改变 window.addEventListener('resize', this.handleResize) } 阅读全文
posted @ 2021-01-15 16:57 外行的小白 阅读(1587) 评论(0) 推荐(0) 编辑
摘要: #视口与文档 来自向军大叔 首先理解视口(窗口)与文档的含义 网页很多都是多屏(通过滚动条显示看不见的内容),所以文档尺寸一般大于视口尺寸 视口尺寸不包括浏览器工具条、菜单、标签、状态栏等 当你打开控制台后,视口尺寸就相应变小了 position使用文档定位,fixed使用视口定位 文档坐标在页面滚 阅读全文
posted @ 2021-01-15 14:47 外行的小白 阅读(351) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示