- 博客(16)
- 收藏
- 关注
RSS订阅原创 React框架学习
概念：以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用使用规则：1.只能在组件中或其他自定义Hook函数中调用2.只能在组件的顶层调用，不能嵌套在if，for，其他函数中；实现：1.声明一个use开头的函数；2.在函数内封装可复用的逻辑；3.把组件中用到的状态或者回调return出去（以对象或数组）；4.在哪个组件中要用到这个逻辑，就执行这个函数，解构出来状态和回调进行使用；
2023-11-01 14:54:25
711
原创 Vue和React框架原理学习
而虚拟DOM则是一个用JavaScript对象模拟真实DOM树的结构，个元素就是一个JavaScript对象，包含了元素的各种属性和方法，它可以通过对这个虚拟的DOM树进行操作，达到间接操作真实DOM的目的。模板是Vue中的HTML部分，它负责数据的展示。当状态发生变化时，Vue会根据对比新旧虚拟DOM树的差异，找出最小的变更，然后只更新需要变动的部分，达到高效更新视图的目的。组件是React应用的基本构建块，每个组件都有自己的状态和UI，当组件的状态发生变化时，React会自动更新组件的UI。
2023-11-01 14:52:25
843
原创 HTTP协议
资源是通过URL定位的，当客户端需要访问服务端资源时，首先需要知道资源的URL；在http中，数据称为资源，可以是html文档，图片，也可以是普通文本；（5）使用cookie和session设置状态，比如登录和购物车功能。（4）请求头，可以使用accept设置接收响应的类型。客户端发送请求，服务端返回响应；（5）请求体，GET和DELETE没有请求体。（2）路径与查询参数。
2023-11-01 14:48:46
75
原创 【无标题】
随着互联网的普及，网络技术也成为IT行业的重要组成部分，推动了电子商务、社交媒体等领域的迅猛发展。当前，人工智能、大数据、区块链等新兴技术正在引领IT行业进入一个新的发展阶段。从最早的大型机、个人电脑到现在的云计算、人工智能、物联网等领域，IT技术经历了漫长的发展历程。目前IT行业的发展速度非常的快，很多领域都已经开始和IT技术进行紧密的结合，这也带来了很多岗位的空缺。软件开发与工程：包括前端开发、后端开发、移动应用开发等，具体技术栈可以根据市场需求选择，如JavaScript、Python、Java等。
2023-10-23 17:31:42
31
原创 js数组对象操作（去重、转为对象、排序、清空）
2、将数组对象中某两个属性提取出来组成key:value格式。3.数组对象按照某个属性排序（根据mode排序）1、数组对象根据某个属性去重（根据id去重）不定期更新中......4.快速清空对象的值。
2023-09-12 17:07:27
205
原创 TypeScript和JavaScript的区别
在语法方面，TypeScript的语法与JavaScript基本相同，因为TypeScript是在JavaScript基础上进行扩展的。TypeScript可以直接使用JavaScript的库，并且还具有自己的类型定义文件（Type Declaration），可以提供对第三方JavaScript库的类型支持。除了这些语法上的不同之外，大部分JavaScript代码都可以直接作为TypeScript代码运行，TypeScript还提供了更丰富的工具和功能，以提高开发效率和代码质量。
2023-08-24 21:15:00
258
原创 Vditor无法正常使用的问题（unpkg.com）
去了官网下，演示的富文本编辑器可以正常使用，于是我抠了演示的富文本编辑器的加载地址；进到源码里面，把源码中第1793行 https://unpkg.com/vditror@3.9.4 换成 https://ld246.com/js/lib/vditor 后就可以继续使用了。最近发现已经上线的富文本编辑器无法加载出来；打开开发者工具后发现zh_CN.js文件加载报404的问题。删除依赖重新下载后还是报错；跑到官网去也没有找到有效的解决方案；最后一步步排查，发现是。这个地址访问不了了；
2023-08-24 20:30:00
2500
2
原创 if-else 和 switch-case的区别
if-else 和 switch-case 都是 JavaScript 中常用的条件语句，用于根据条件执行不同的代码块。本文介绍了它们之间的区别和各自的优缺点：
2023-08-18 17:58:48
705
原创 Vue 2 和 Vue 3 的响应式原理
Vue 2 的响应式原理是通过使用 Object.defineProperty() 方法来实现的。它会遍历数据对象，并将对象的属性转换为 getter 和 setter，从而在访问和修改属性时触发对应的依赖收集和更新操作。对象级别的响应：Vue 2 只能对已经存在的属性进行响应，无法检测新增或删除的属性。数组的特殊处理：Vue 2 对数组进行了重写，通过重写数组的一些常用方法（如 push、pop、splice 等）来实现对数组的响应式。
2023-08-18 15:45:25
55
原创 在el-select下拉框内实现增删改查
查询就更简单了，直接在el-select标签中设置 filterable属性即可；如果想要更复杂的远程搜索效果，请移步element-ui官网。效果：在下拉框内就可以实现增删改查效果，不需要另外建立表格；1、编辑按钮和删除按钮都是写在下拉框内容里，设置了向右浮动。1、在下拉框显示的时候，会触发生成新增按钮标签事件；2、点击新增按钮会弹出可输入弹框 ,确定后会提交内容。至于删除就是获取到要操作的那一列数据，删除即可。2、点击编辑时获取点击的那一列数据，然后修改。废话不多说，直接上效果和代码。
2023-08-09 17:28:59
1967
原创 香港地图d3.js实现（附JSON数据）
但是这份JSON数据实现的香港地图和实际地图有出入，且使用echarts实现地图宽度会被压缩，所以经理就在群里说了这个问题，要求换一个更详细的地图；于是我找了百度了很久，最终使用D3.js来绘制该香港地图；D3.js还有很多我没弄明白的地方，这次也是第一次使用，比如他渲染出来地图是上下翻转的，但文字又是正常的....希望能一起讨论学习。最近公司在香港有新项目，于是便要求大屏上显示香港地图；
2023-07-31 16:54:18
489
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人