- 博客(109)
- 收藏
- 关注
RSS订阅
原创 前端工程引入Source Map
简单说，Source map就是一个信息文件，里面储存着位置信息。也就是说，转换后的代码的每一个位置，所对应的转换前的位置。有了它，出错的时候，除错工具将直接显示原始代码，而不是转换后的代码。这无疑给开发者带来了很大方便。Source Map使用前，手动出现错误提示报错行数16，点进去是编译后的js代码，根本不知道报错的源码是什么这种情况下，还比较容易找出问题所在。
2024-11-25 21:56:09
1085
1
原创 浏览器HTTP缓存解读（HTTP Status：200 & 304）
本文将带你深入探索浏览器如何通过HTTP缓存机制，巧妙地处理200和304状态码，以提升网站性能和用户体验。我们将揭开浏览器缓存的神秘面纱，揭示如何通过Last-Modified和ETag这些看似简单的HTTP头部，实现对资源的智能验证和缓存控制。
2024-10-29 21:20:46
1172
原创 GitLab CI Runner安装
本文介绍了GitLab Runner的安装与配置流程，实现CI/CD自动化部署。通过Docker安装Runner容器后，可在同一镜像中注册多个Runner，每个Runner绑定不同的标签和配置类型。关键步骤包括：进入容器执行注册命令、输入GitLab URL、命名Runner、选择执行器类型（需与.gitlab-ci.yml配置匹配）。注册成功后，在CI文件中指定Runner标签即可触发自动化构建。相比Jenkins，GitLab CI/CD配置更简洁高效，提交代码后自动执行流水线任务，实现无缝部署。
2024-09-10 21:08:00
824
1
原创 GitHub提交PR
本文详细介绍了如何在GitHub上为开源项目提交PR（Pull Request）。主要内容包括：1）Fork目标仓库到自己的账号；2）本地配置远程仓库（设置upstream获取最新代码，origin作为推送中转）；3）获取最新代码并修改文件；4）提交修改到自己的origin仓库；5）在自己的仓库页面发起PR请求。教程以QuickChat项目为例，强调必须在dev分支修改代码，禁止直接提交到upstream仓库。最后还说明了如何关闭PR和后续获取合并后的代码。
2024-04-13 20:10:41
1608
转载 git: 放弃所有本地修改
但是此命令不会删除掉刚新建的文件。因为刚新建的文件还没已有加入到 git 的管理系统中。所以对于git是未知的。自己手动删除就好了。此命令用来放弃掉所有还没有加入到缓存区（就是 git add 命令）的修改：内容修改与整个文件删除。执行完此命令后，文件状态就回归到第一种情况了，此时再按照情况1处理。可以用命令回退到上一次commit的状态。放弃本地修改，强制和之前的某次提交同步。放弃本地修改，强制和远程同步。如果是放弃所有，直接执行。
2024-01-01 17:17:30
1548
原创 06-React组件 & Redux & React-Redux
1.redux是一个专门用于做状态管理的JS库(不是react插件库，只是名字像)。2.它可以用在react, angular, vue等项目中, 但基本与react配合使用。3.作用: 集中式管理react应用中多个组件共享的状态。也类似于VueX(1).去除Count组件自身的状态(2).src下建立:-redux-store.js1).引入redux中的createStore函数，创建一个store2).createStore调用时要传入一个为其服务的reducer。
2023-12-10 10:11:55
448
原创 05-React路由（Router 5版本）
借助this.props.history对象上的API对操作路由跳转、前进、后退go: ƒ go(n) // n传入几就前进几步，传入正数前进，传入负数后退push: ƒ push(path, state) // path是url路径，state是传值replace: ƒ replace(path, state) // path是url路径，state是传值。
2023-11-29 15:31:35
473
原创 04-React脚手架 & 集成Axios
拆分组件、实现静态组件，注意：className、style的写法动态初始化列表，如何确定将数据放在哪个组件的state中？1）某个组件使用：放在其自身的state中2）某些组件使用：放在他们共同的父组件state中（官方称此操作为：状态提升1）【父组件】给【子组件】传递数据：通过props传递2）【子组件】给【父组件】传递数据：通过props传递，要求父提前给子传递一个函数注意defaultChecked 和 checked的区别，类似的还有：defaultValue 和 value。
2023-11-22 09:35:48
1099
原创 03-React事件处理 & 生命周期 & Diffing算法
1. 初始化阶段: 由ReactDOM.render()触发---初次渲染4. componentDidMount() =====> 常用一般在这个钩子中做一些初始化的事，例如：开启定时器、发送网络请求、订阅消息2. 更新阶段: 由组件内部this.setSate()或父组件render触发3. render() =====> 必须使用的一个，不渲染没法显示3. 卸载组件: 由ReactDOM.unmountComponentAtNode()触发。
2023-11-09 10:38:20
381
原创 02-React组件与模块
1.类中的构造器不是必须写的，只有要对实例做一些初始化的时候，比如添加指定属性时才写2.如果A类继承了B类，且A类写了构造器，那么A构造器中的super是必须调用的3.类中定义的方法都是放在了类的原型对象上的为了解决类中方法的this指向问题，而采用了赋值语句接收箭头函数，如果是箭头函数，那么里面的this就会自动向外寻找，寻找其再外面一层的this，所以函数的再外一层的指向就是类，随即解决this指向问题。test作为变量接收箭头函数的返回值这样就相当于把箭头函数，赋值给了对象的属性上，
2023-11-05 09:22:56
527
原创 Vue console.log打印[object Object]
情景：想控制台打印个数据，这种打印会因为前面有字符串，而导致整个打印的内容为字符串。非要带点别的消息，就再写个console.log（信息）这样data的数据就不显示数据了，没有参考意义了。不要在console.log中配其他的信息，这样就可以正常打印了。
2023-01-05 13:02:05
2087
原创 Vue路由import报错This dependency was not found
Vue路由报错This dependency was not found
2023-01-03 11:13:11
2772
原创 Linux快速入门
Linux系统中使用以下命令来查看文件的内容：cat 由第一行开始显示文件内容tac 从最后一行开始显示，可以看出 tac 是 cat 的倒着写！nl 显示的时候，顺道输出行号！more 一页一页的显示文件内容less 与 more 类似，但是比 more 更好的是，他可以往前翻页！head 只看头几行tail 只看尾巴几行你可以使用 man [命令]来查看各个命令的使用文档，如 ：man cp。系统网络配置文件地址后续查看文件的操作都是基于这个文件进行操作。
2022-09-06 21:58:09
1325
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人