首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏AI 协作日志

    ChatGPT 辅助重构:老旧 jQuery 项目迁移React 的协作日志

    整个重构过程历时6周,最终成功将项目从jQuery 1.12迁移React 18,不仅保持了所有原有功能,还实现了40%的性能提升和60%的代码量减少。 } + Bootstrap 3- 目标:迁移React 18 + TypeScript + Ant Design请在后续对话中保持这个上下文,并提供专业的技术建议。 4. **转换方案**:如何转换为React组件?请提供具体的实现思路。5. **优化建议**:在React版本中如何优化?请用结构化的方式回答,并提供代码示例。 ChatGPT协助的jQueryReact重构项目,我深刻体会到AI协作在现代软件开发中的巨大价值。 官方文档 - 从jQuery迁移指南ChatGPT提示工程最佳实践现代前端架构设计原则代码重构经典理论与实践AI辅助软件开发研究报告

    20000编辑于 2025-09-16
  • 来自专栏睡不着所以学编程

    jQuery笔记(4)

    jQuery事件 目标: 本文由“壹伴编辑器”提供技术支持 单个事件注册: element.事件(function( ){ }) 其他事件基本和原生一致,比如mouseover/mouseout 语法: $.extend([deep], target, object1, [objectN]) deep: 如果设为true为深拷贝,默认false为浅拷贝 target: 要拷贝的目标对象(拷贝. ..) object1: 待拷贝对一个对象的对象(被拷贝) 浅拷贝是把拷贝的对象复杂数据类型中的地址拷贝给目标对象,修改目标对象会影响被拷贝对象 深拷贝,前面加true,完全克隆(拷贝的对象,而不是地址 就是将object的对象拷贝target里去 (注意: 这个方法会覆盖target原来的数据) 解释一下浅拷贝的地方: 解析深拷贝: 本文由“壹伴编辑器”提供技术支持 jQuery多库共存 jQuery插件 图片懒加载

    58220编辑于 2022-09-20
  • 来自专栏技术杂记

    mysql 迁移4

    n .2 ip a 使用给新master keepalived 升优先级重载的方式切IP 使用 watch 来观察ip变化 ---- 从两边密切监控观察检查应用与数据库状态 使用netstat 观察数据库的连接比如 xtrabackup: Generating a list of tablespaces >> log scanned up to (4998975644454) ---- 销毁slave数据库 如果有足够空间,可以备一个目录

    1.7K30编辑于 2022-03-22
  • 来自专栏技术杂记

    mysql 迁移4

    xtrabackup: Generating a list of tablespaces >> log scanned up to (4998975644454) ---- 销毁slave数据库 如果有足够空间,可以备一个目录

    71120编辑于 2022-03-21
  • 来自专栏超级架构师

    【前端架构】从 JQuery React、Vue、Angular——前端框架的演变及其差异

    xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function () { if (this.readyState == 4 DOM API && jQuery 过去开发网页时,主要是通过浏览器提供的DOM API来操作DOM。 但是 DOM API 比较繁琐,在不同的浏览器中存在兼容性问题。 为了简化dom操作和兼容不同的浏览器,jQuery开始流行起来。在那个时候,jQuery可以说是前端开发者必学的技术。 React JSX 与 Vue 模板 React 和 Vue 在描述视图层时给出了不同的解决方案。React 选择扩展 JavaScript 并引入 JSX。 本文https://jiagoushi.pro/jquery-react-vue-angular-evolution-frontend-frameworks-and-there-difference讨论

    2.7K20编辑于 2022-03-24
  • 来自专栏静之森

    迁移Hexohalo

    bash 1dd if=/dev/zero of=/var/swapfile bs=1M count=1024 2mkswap /var/swapfile 3swapon /var/swapfile 4echo arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" 3sudo apt-get update 4sudo 所以你需要在 docker-compose.yaml 文件中修改以下配置: docker 1 halo: 2 restart: always 3 image: ruibaby/halo 4 1docker-compose up -d 2docker pull ruibaby/halo COPY 停止与重构 bash 1#停止容器运行: 2docker-compose stop 3#重新构建 Halo 容器: 4docker-compose 以上适用于Ubuntu18.10 bash 1cd 2dd if=/dev/zero of=/var/swapfile bs=1M count=1024 3mkswap /var/swapfile 4swapon

    1.5K20编辑于 2021-12-28
  • 来自专栏不止dotNET

    迁移WordpressDocker

    现在我的博客早已迁移到了 github ,女儿也长大了,博客好几年没有更新,准备停掉 linode 服务器,将女儿博客迁移到本地。 迁移有三个步骤: 1、备份原博客数据; 2、本地部署 wordpress; 3、还原。 备份 1、将服务器 wwwroot 目录中的文件拷贝本地。 2、将 mysql 数据库进行备份。 general_ci --default-authentication-plugin=mysql_native_password networks: wp_net: ipv4_ 1、在构建的数据库中创建一个名为 wordpress_bak 的库,将备份的数据库还原这个库中。 4、使用下面语句将 wp_posts 表中 post_content 字段中内容的域名进行替换,这一步骤是将文章中的图片地址替换为本地地址: update wp_posts set post_content

    48810编辑于 2024-05-15
  • 来自专栏柠檬先生

    jquery mobile 移动web(4)

              

  • List 3
  •           
  • List 4<

1.3K90发布于 2018-01-19
  • 来自专栏随便写写-kifuan

    迁移 VPS Vultr

    为什么要迁移 趁着中秋节之前总算是把我的 VPS 迁移到了 Vultr,域名也换了一个 .me 结尾的,更有个人网站的感觉,但是一年下来也得多花不少钱,疼死我了。 迁移过程 这里不是为了做教学,只是记录一下,不会说的太详细。因为首先我记不住,其次我不想专门为了演示重新走一遍整个过程,实在是太费神了。 把原来的退掉 我的情况比较复杂,简单描述一下:我在去年搞活动时候入手的低价服务器,但前几个月按原价续费了,退款时有效期还有一年。

    21.2K20编辑于 2023-05-15
  • 来自专栏k8s技术圈

    迁移 Nginx Envoy

    大部分的应用可能还是使用的比较传统的 Nginx 来做服务代理,本文我们将介绍如何将 Nginx 的配置迁移到 Envoy 上来。 我们将学到: 如何设置 Envoy 代理配置 配置 Envoy 代理转发请求到外部服务 配置访问和错误日志 最后我们还会了解 Envoy 代理的核心功能,以及如何将现有的 Nginx 配置迁移到 Envoy Envoy 代理主要有4中主要的配置类型,它们是支持 Nginx 提供的核心基础结构的: Listeners(监听器):他们定义 Envoy 代理如何接收传入的网络请求,建立连接后,它会传递一组过滤器进行处理 下面的配置将创建一个新的监听器并将其绑定 8080 端口上,该配置指示了 Envoy 代理用于接收网络请求的端口。 1 "-" "curl/7.47.0" "f21ebd42-6770-4aa5-88d4-e56118165a7d" "one.example.com" "172.18.0.4:80" 我们也可以通过设置

    1.5K20发布于 2020-06-15
  • 来自专栏云计算D1net

    内部部署迁移:成为云原生的4个关键挑战

    在将应用程序和数据从内部部署迁移到云平台时,组织需要了解其面临的主要挑战。这表明组织需要了解在云平台中部署工作负载的重要性,并将应用程序从内部部署迁移到云平台。 ? 在将应用程序和数据从内部部署迁移到云平台时,组织需要了解其面临的主要挑战。这表明组织需要了解在云平台中部署工作负载的重要性,并将应用程序从内部部署迁移到云平台。 成功的云迁移面临许多挑战,其中包括控制成本、选择正确的体系结构以及扩展学习曲线。因此,至关重要的是要确保从规划和评估到迁移的每个步骤都由经过云计算专家的认证或服务提供商执行。 挑战4–编写和使用存储过程 云迁移期间最容易被忽视的挑战之一是编写和使用存储过程的能力。 组织在将其应用程序和数据迁移到云平台时都必须解决许多挑战。通过熟练的云计算工程师采用高级工具进行部署,组织可以避免重大的云迁移挑战。

    1.7K20发布于 2020-11-23
  • 来自专栏大数据-BigData

    log4j 1.x2.x迁移指南

    Log4j 1.x 已于 2015 年结束生命周期,不再受支持。 本页介绍如何迁移当前使用 Log4j 1.x API 的应用程序或库,以使用 Log4j v2 作为其主要日志框架。 这是一种省力的迁移方式,并且还可以让迁移随着时间的推移逐渐进行。 Log4j 1 发行版中提供的 Appenders、Layouts 和 Filters 的配置将被重定向它们的 Log4j 2 对应物 – 已实施的重写策略除外。 不支持或未实现的组件 如果您的配置包含以下任何组件,请考虑将您的配置迁移到 Log4j 2 格式。 Root level="debug"> <AppenderRef ref="ASYNC"/> </Root> </Loggers> </Configuration> 本文为从大数据人工智能博主

    2.8K20编辑于 2022-06-15
  • 来自专栏学习猿地

    Web前端学习 第4jQuery 3 jQuery插件

    一,概述 jQuery插件就是别人已经开发好弄的,我们直接约会就可以使用。并且基于jQuery制作的,可以实现某些特定的网页效果的js文件(js + css)。 二,下载插件 可以查询jQuery插件官网例如: jQuery之家 三,使用插件 一,日期插件文件后,通过对标类名实现插件效果。 二,日期插件文件后,通过调用js接口实现插件效果。 四,课后练习 一,手动下载一个jQuery插件,分别练习class名和js接口来实现插件完成的页面效果。

    61410发布于 2020-06-18
  • 来自专栏学习猿地

    Web前端学习 第4jQuery 1 jQuery概述

    二、jQuery代码的编写 引入jQuery 要使用jQuery,首先我们需要下载和引入jQuery,我们可以jquery官网下载jQuery文件,然后在html页面中添加script标签引入jQuery 1 <body> 2 <script src="script/<em>jquery</em>.js"></script> 3 <script> 4 //这里可以编写jQuery代码 5 1 <body> 2

    hello jquery

    3 <script src="script/<em>jquery</em>.js"></script> 4 <script> 5 1 <body> 2

    hello jquery

    3 <script src="script/<em>jquery</em>.js"></script> 4 1 <body> 2 3 <script src="script/<em>jquery</em>.js"></script> 4 <script>

    1.1K20发布于 2020-06-18
  • 来自专栏向治洪

    React Navigation 5.x迁移指南

    Navigation 5.x的基本使用,本文主要讲如何将4.x迁移到5.x。 对比4.x,大部分API和4x都是一致的,当然5.x的变化还是蛮大的,并且语法也发送了一些变化,不过迁移的总体成本并是很大。 首先,在5.x中对应的包名发生了变化,要完成4.x5.x的迁移就需要将下面的包迁移到5x中去。 [在这里插入图片描述] 因此,将4.x迁移到5.x只需要对照上表,在package.json中依赖的4.x的包删除,然后重新安装对应右侧5.x的包即可。 <NavigationContainer independent={true}> 路由配置迁移React Navigation 4.x版本小红,我们通常使用createXNavigator(

    2.6K00发布于 2020-12-21
  • 来自专栏海仔技术驿站

    React-day4

    移动App第4天 组件的生命周期 概念:在组件创建、加载到页面上运行、以及组件被销毁的过程中,总是伴随着各种各样的事件,这些在组件特定时期,触发的事件,统称为 组件的生命周期; 组件生命周期分为三部分 页面已经完全保持同步 组件销毁阶段:也有一个显著的特点,一辈子只执行一次; componentWillUnmount: 组件将要被卸载,此时组件还可以正常使用; vue中的生命周期图 React React生命周期的回调函数总结成表格如下: ? 中使用ref属性获取DOM元素引用 使用React中的事件,绑定count自增 组件运行中事件的对比 shouldComponentUpdate: componentWillUpdate: render 在React.js中,默认没有提供双向数据绑定这一功能,默认的,只能把state之上的数据同步界面的控件上,但是不能默认实现把界面上数据的改变,同步state之上,需要程序员手动调用相关的事件,来进行逆向的数据传输

    1.1K20发布于 2021-05-06
  • 来自专栏后端开发笔记

    JQuery从入门实战

    jQuery 官网:https://www.jquery.com 1.2、JQuery快速入门 开发思路 编写 HTML 文档。 引入 jQuery 文件。 使用 jQuery 获取元素。 = $("div:gt(1)"); //alert(divs4.length); //alert(divs4[0].innerHTML); //alert(divs4[1].innerHTML (“A[属性名=属性值]”); 过滤器选择器 (“A:even”);(“A:odd”); 表单属性选择器 (“A:disabled”);(“A:checked”); 4JQuery DOM 操作对象</title> </head> <body>

    <input type="button" id="btn1" value="添加一个span<em>到</em>div 删除指定元素(自己移除自己) 9. empty() 清空指定元素的所有子元素 */ // 按钮一:添加一个span<em>到</em>div

    16.2K30编辑于 2022-11-18
  • 来自专栏kyle的专栏

    react-router4

    一、关于react-router react-router是一些封装好的组件用于前端路由,当我们点击的时候会出现一个虚拟的路由,并不会做页面的全刷新,实现不同组件之间的切换和跳转。 https://github.com/ReactTraining/react-router github 三、react-router有3种使用场景 React Router被拆分成三个包:react-router ,react-router-dom和react-router-native。 react-router提供核心的路由组件与函数。其余两个则提供运行环境(即浏览器与react-native)所需的特定组件。 ? import React from "react"; import { withRouter } from "react-router"; class ShowTheLocation extends

    1.9K30发布于 2020-08-24
  • 来自专栏一Li小麦

    react 同构初步(4

    到目前为止的代码中,客户端如果要发送请求,会直接请求mock.js。现实中接口数据来源不一定是node服务器,很可能是java,php或是别的语言。因此,从客户端直接请求会发生跨域问题。 '}, {id:2,name:'背锅的艺术'}, {id:3,name:'撸丝程序员如何征服女测试'}, {id:4,name:' 查看源代码,发现css是直接插入header的style标签中的,直接作用于全局。 如何对样式进行模块化(BEM)处理?将在后面解决。 状态码支持 当请求一个不匹配的路由/接口,如何优雅地告诉用户404? 在Notfound中定义一个Status组件用来给staticContext赋值: import React from 'react'; import { Route } from 'react-router-dom

    2.4K10发布于 2020-01-02
  • 来自专栏快乐阿超

    迁移spring项目springboot

    今天是周六没上班,来把我们的spring+springmvc项目迁移到springboot吧! 首先创建springboot项目 然后一直下一步,复制我的pom <? artifactId> </plugin> </plugins> </build> </project> 然后把代码复制过来 这里记得把我们在AOP里的@Log4j 改成@Slf4j 然后运行,成功!

    68510编辑于 2022-08-16
  • 领券