- 博客(25)
- 收藏
- 关注
原创 Javascript基础知识整理—2
对象可以理解为一个和 webpack 环境整体绑定的一个对象,它包含了所有的环境配置,包括 options,loader 和 plugin,当 webpack 启动时,这个对象会被实例化,并且他是全局唯一的,上面我们说到的 apply 方法传入的参数就是它。ETag:根据服务器当前的文件内容,给文件生成的唯一标识,服务器会在响应头中加上这个字段,浏览器接收到ETag的值,会在下次请求时,将这个值作为If-None-Match这个字段的内容,放到请求头中,发给服务器。它同样也提供了很多的 hook。
2022-09-22 16:29:11
342
翻译 You -- Yes, You -- Can Speak at a Conference(你 -- 是的,你 -- 可以在会议上发言)
你是有阅读能力的(因为你正在阅读这篇文章),这意味着你在某种程度上学会了如何处理事情。如果你在同一项工作中变得很出色,你就会忘记过去你所遇到的所有困难(事实证明,这叫做“知识的诅咒”,这完全是同一件事。或者你正在做的事情已经持续了好几年(Ruby 编程,数据库,大胃王),你会是最合适的人选去帮助那些正在走的更远的人。这意味着无论你花费了几周(或是几个月,几年),你都可以很好的帮助那些落后你几个星期的人。并且你知道你是演讲的最好人选。如果你把时间花在某些事情上,这是一个很好的证明你已经发现了这件事情的乐趣。
2022-09-21 17:01:31
125
原创 关于使用Antd中的DatePicker出现的日期格式转化问题(Dayjs和Momentjs)
在测试过程中发现了一个比较有意思的bug问题,我们使用的是antd中的DatePicker组件,当时间选择框存在已经设定的初始值后,点击时间选择框直接报错,但是当清除内容或者处于新建没有默认值的情况下,组件可以正常运行。(以下是使用的时间范围组件展示)
2022-03-18 12:18:02
12697
1
原创 关于mini-css-extract-plugin在使用过程中出现冲突的问题
今天在优化打包的过程中,运行npm run build后,总是会出现冲突的警告信息,而且对于我的这个项目而言出现了几十条的冲突提示(如下)。问题排查首先我以为可能是由于我新引入的优化方面的插件导致了原先的打包出现了问题,所以我注释掉了所有新加入的打包模块,再次打包,问题依旧出现,所以我又把新引入的插件取消了注释,排除了是我新引入的缘故(因为新引入后打包结果是成功的,并且我发现这些冲突并不会影响打包后的项目的运行以及样式)然后对照着错误发现基本上都是跟mini-css-extract-plugin插件
2022-03-16 16:16:48
4544
原创 关于Webpack plugins插件的两种写法
类写法以及require方式引入class HelloWorld { apply(compiler) { compiler.hooks.done.tap('Hello-World-Plugin', (stats) => { console.log('Hello World') }) }}module.exports = HelloWorld;// webpack.config.jsconst HelloWorld = require('HelloWorld')mod
2022-03-15 16:33:37
1311
原创 关于项目打包相关的优化问题
本文主要是针对项目在打包过程中使用的一些Webpack相关的打包手段在着手如何优化之前,我们需要对打包后的内容以及打包过程中花费的时间进行一个了解打包后各个模块的可视化工具webpack-bundle-analyzer// webpack.config.ts中配置(也就是你的webpack配置文件,可能各个项目的名称和后缀会不一样)const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlu
2022-03-15 14:36:20
1483
原创 解析Javacript的事件循环机制
前言 作为最受欢迎的Web编程语言,Javascript的单线程执行是其一大特点,也就是说在同一时间只能有一个任务处于执行状态,而后续的任务需要等待当前任务处理完毕后才能继续处理,而在当前编程语言普遍都支持多线程执行的情况下,Javascript依旧保持着其单线程执行的机制,并且单线程所带来的最显著的一个问题在于当任务需要的执行时间过长时,就会导致整个线程的任务队列出现阻塞,反馈在页面上就会造成页面内容出现加载错误甚至是短暂的白屏,给用户带来极其糟糕的体验,那么既然单线程带来的问题显而易见且可以通
2021-12-10 13:41:34
473
原创 Axios源码解析(部分)
从 Github 上把 Axios 项目的 master 分支拷贝到本地,用编辑器打开项目目录首先我们先解析一下整个 Axios 项目的一些关键的文件结构 //对照项目的文件目录,梳理一下其中的一些关键文件夹以及它的作用// axios源码总体结构.├── dist # 存放压缩过后的axios代码├── examples # 存放axios方法应用示例├── lib # 存放axios核心代码├── sandbox # 搭建模拟服务器// axios核心代码目录结构.├── l
2021-12-08 19:26:07
452
原创 Redux源码解析(部分)
相信用过React的小伙伴对于Redux一定不陌生,A Predictable State Container for JS Apps,这是官方文档对于Redux的定义,即一款适用于JS Apps的可预测的状态管理容器,简单来讲,Redux就是用来存放一些我们在项目中不同组件都需要使用的一些公共数据,并且通过Redux内置的方法在不同组件中去修改或者读取这些公共数据,并且实际上Redux和React并不是一种绑定的形式,也就是说Redux是一个通用的解决方案,不受制于框架类型的限制,只不过通常我们在使用Vu
2021-12-08 19:23:23
940
原创 自定义脚手架工具的制作
脚手架工具,顾名思义就是在开始一个实际项目时,它可以帮你完成一些项目基本结构的搭建,从而简化新项目的初始成本,而且现在最流行的几个前端框架都配有对应的脚手架工具,比如Vue对应的脚手架工具叫vue-cli,它可以帮助你完成一个初始的Vue项目结构的搭建,React对应的脚手架工具叫create-react-app,其实刚开始我对于脚手架还是感觉很神奇的,只需要通过npm安装对应的脚手架工具,运行命令,按照步骤设置一些初始值就可以自动的在本地生成一个配置好的项目文件夹,但是当真正的去了解包括查看了一些文档和教
2021-12-06 14:45:27
703
1
原创 浏览器从输入URL地址到最终页面呈现的过程
浏览器从输入URL地址到最终页面呈现的过程网络请求部分在浏览器输入URL地址https://www.teambition.com/浏览器构建请求行GET / HTTP/1.1请求方式 根路径 协议以及协议版本HTTP协议相关版本拓展HTTP/0.9最初版本,只支持GET请求,且只能请求HTML格式的资源HTTP/1.0增加了POST和HEAD请求方式可以通过Content-Type字段支持请求访问多种数据格式,如text/html, image/jpeg(即MI
2021-10-12 16:13:45
222
原创 前后端开发界限问题
前后端开发界限问题占位符处理对于所有非表格数据以外的展示信息的占位符添加对于所有表格数据的占位符添加状态信息的映射前端是否对于后端返回的字符串做中文或者状态字符的映射前端是否对于后端返回的字符串做不同状态颜色的映射(是否需要统一产品线的状态对应的颜色区分)错误信息在前端的显示前端是否需要要求后端对错误信息进行处理后再返回对应错误信息前端是否需要对于后端返回的未经处理的错误信息进行处理后再显示单位换算的处理(Byte到MB或GB等)单位换算是否需要由前端做统一
2021-07-12 14:34:46
258
原创 Git使用总结(持续更新中~~)
上学的时候也学过前端Vue框架,接触过项目,但一直没有接触到Git这个分布式版本控制系统,因为之前在学校的项目前端就我一个人,所以不论是布局还是代码编写都完全按照我一个人的想法来实现,不需要版本控制也不需要代码规范,进了毕业后的第一家公司,开始真正接触到规范化的项目,同时也开始学习和使用通过Git来提交自己修改过后代码到公司的代码库中,以下是我在Git使用当中常用的一些命令。1.常用命令 git branch //查看本地分支 git branch -r //查看远程分支 git branch -a
2021-04-01 11:36:06
320
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人