实现自己的React之渲染Class Component技术分享文章探讨了在自制React框架中渲染Class Component的过程。它解释了React 15中Class Component的渲染和更新机制,以及如何通过React.createElement创建组件。文章通过代码示例详细描述了渲染步骤,包括实例化React.Component、处理生命周期方法和递归渲染子元素。最后,文章预告了将介绍的diff更新算法。2020-11-5 React
实现自己的React之渲染原生DOM技术分享这篇文章讲述了实现字符串和数字的渲染后,接下来将渲染原生 DOM 的过程。文章提到了需要了解简单的正则知识来匹配事件和 style 属性,并介绍了使用正则的 test 判断以及与 String.place 搭配使用的方法。文章还提到了在元素创建时采用事件委托绑定事件,元素移除时也要移除事件,使用命名空间实现简便操作的技巧。最后,文章通过分析 React 代码的原理,介绍了 JSX 是 React.createElement 的语法糖。2020-10-29 React
实现自己的React之渲染字符串和数字技术分享这篇文章介绍了渲染字符串到指定元素上的问题,并提出了使用工厂函数解决方案。作者修改了目录结构,实现了文本操作类,最终暴露了工厂函数供使用。2020-10-28 React
实现自己的React之基础准备技术分享这篇文章探讨了作者在使用React一段时间后的深入学习经历。作者强调了理解React的重要性,并介绍了使用jQuery简化原生DOM操作和事件绑定的做法。在环境搭建方面,作者使用了create-react-app工具快速创建项目,并对代码进行了替换和简化。文章最后指出,虽然已经建立了基本开发环境,但作者计划逐步深入学习原生DOM和类组件。2020-10-27 React
Github在线IDE初体验技术分享这篇文章介绍了GitHub最新推出的在线IDE服务GitHub Codespaces。用户可以在克隆代码时选择"plain"进入,查看已有的IDE列表或新建。该服务支持同步配置和插件扩展,自动识别package.json安装依赖,并预装了基础环境如node、docker、npm、git、python等。用户可以全局安装Hexo并启动项目,也可以通过Docker安装PostgreSQL。然而,与本地VSC相比,接口/graphql使用不如本地开发舒适,缺少一些辅助扩展。总体来说,GitHub Codespaces的推出为开发者提供了更便捷的开发环境。2020-10-24 Github
Github和Gitee同步中的坑技术分享这篇文章总结了在将代码同步到 Gitee 和构建 Gitee Pages 时可能遇到的问题和解决方法。其中包括使用 wearerequired/git-mirror-action@master 同步到 Gitee,使用 yanglbme/gitee-pages-action@master 构建 Gitee Pages 的步骤,以及解决登录问题的方法。2020-10-9 Github
hexo添加动态背景技术分享这篇文章描述了使用免费API获取随机图片,用于设置Hexo主题背景图片,并在Next主题的样式文件中添加了背景图片的CSS样式,实现了背景图片的动态变化效果。2020-9-4 Hexo
CICD实战之Jenkins构建前端镜像并上传到制品库技术分享这篇文章介绍了前端构建部署通过SCP传输dist文件到指定目录的实现方式,以及学习使用Jenkins构建docker前端镜像并上传到制品库部署的过程。其中提到了登录制品库和Jenkins容器,配置Nginx以拉取和部署docker镜像,添加DockerFile文件描述镜像制作过程,以及利用docker镜像实现版本控制和更新的好处。2020-8-9 CICD
CICD实战之Nexus制品库的介绍与安装技术分享这篇文章介绍了学习 Nexus 制品库的过程,包括制品库的概念与功能,使用 Nexus3 搭建制品库的详细步骤,以及如何配置 Nexus 和使用 Docker 私服。文章还提到了如何推送镜像到私服并验证,最后展望了接下来构建代码并推送到私服的步骤。2020-8-8 CICD
CICD实战之Jenkins Gitlab 实现前端构建技术分享这篇文章记录了在 Jenkins 中安装 NodeJS、配置环境、生成公钥私钥、配置 Gitlab 公钥、配置 Jenkins 私钥、同步到 Nginx 环境以及发布到 Nginx 的过程。作者表示完成了 Jenkins + Gitlab 的搭建,准备开始实战。2020-8-1 CICD