- 博客(90)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 React快速入门-跟着AI学习react
使用JSX的{}语法将JavaScript变量或表达式嵌入到标签中，实现数据的动态显示。了解Redux、MobX等状态管理库，以及React Router等路由库的使用方法。使用className或styled-components等库为组件添加样式。参与实际项目实践，将所学知识应用于实际开发中。学习条件渲染、列表渲染、事件处理等高级特性。
2024-07-04 20:33:05
380
原创 Yarn在安装依赖时忽略模块的引擎版本限制
选项有时可能是必要的，但请注意，这可能会导致项目在不受支持的环境中出现问题。因此，在忽略模块引擎版本限制之前，请确保你了解潜在的风险，并确认没有更好的解决方案可供选择。文件中指定的引擎版本要求，直接安装依赖项。这样，即使某些模块对 Node.js 版本有特定的要求，Yarn 也会继续安装它们而不会因为版本不匹配而失败。这个命令告诉 Yarn 忽略。删除依赖重新安装等都不行。
2024-04-02 11:40:14
1085
原创 Ant G6实现知识图谱
AntV G6是阿里巴巴集团开发的一款专注于关系数据可视化的图表库。G6基于Canvas/WebGL技术，提供了丰富的图形绘制、交互操作和布局算法等功能。它采用数据驱动的方式来渲染图表，通过定义节点和边的数据结构，再通过布局算法来确定它们在画布上的位置，最终实现图表的展示。在本文中，我们介绍了AntV G6的原理和特性，结合Vue 3.0和G6实现知识图谱的步骤，并提供了示例代码及其解析。
2024-03-28 09:31:56
1589
原创 yarn出现An unexpected error occurred: “https://registry.npm.taobao.org/@types%2flodash-es: certificate
yarn出现An unexpected error occurred: "https://registry.npm.taobao.org/@types%2flodash-es: certificate
2024-01-23 09:57:39
586
原创 跨域怎么解决
一文说清楚跨域的解决方案JSONPCORSNginx代理document.domainwindow.namepostMessage+iframe
2023-12-26 10:27:02
997
原创 React 状态管理 - 优化你的应用程序
在 Counter.js 组件中，我们使用了 connect 方法将 Redux 状态和操作绑定到组件的 props 上。使用 Redux 可以帮助我们更好地组织和共享状态，提高代码的可维护性和可扩展性。通过示例代码，我们演示了如何使用 Redux 进行状态管理，并将其连接到 React 组件中。在上面的示例中，我们首先定义了初始状态和 countReducer 函数来处理计数器的状态变化。在本文中，我们将深入探讨 React 状态管理的重要性，并详细介绍如何使用 Redux 进行状态管理。
2023-12-22 10:30:42
1291
原创 react入门热身
本文介绍了 React 的基本概念和用法，并通过一个简单的示例演示了如何使用 React 构建一个计数器应用。React 的组件化思想和虚拟 DOM 技术使得开发者能够以高效、灵活和可维护的方式构建用户界面。希望这篇文章能够帮助你入门 React，并能够在实际项目中运用它的优势。
2023-12-22 09:40:45
1140
原创 POST请求为什么会发送两次
在前端开发中，我们经常会遇到POST请求会发送两次的情况。这种问题可能会导致数据错误或其他意料之外的结果，让开发者感到困惑和不安。本文将深入探讨POST请求为何会发送两次的原因，并从以下几个方面进行解释：同源策略、简单请求、预检请求、为什么本地使用Webpack进行dev开发时，不需要服务器端配置CORS的情况下访问到线上接口。
2023-12-21 16:35:50
2346
原创 10 分钟了解 nextTick，并实现简易版的 nextTick
nextTick 是一个用于在 DOM 更新完成后执行回调函数的方法。在 Vue.js 或其他类似框架中，当我们修改了数据后，DOM 并不会立即更新，而是会进入一个队列中，然后在下一个 tick 执行更新。nextTick 提供了一种方式，使我们能够在 DOM 更新完成后执行一些操作，例如获取更新后的 DOM 元素。
2023-12-21 15:31:53
774
原创 通过示例解释JavaScript 数组方法
创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。返回数组中满足提供的测试函数的第一个元素的值。返回一个新的 Array 迭代器对象，该对象包含数组中每个索引的键/值对。对数组中的每个元素执行一个由您提供的函数，并将其结果汇总为单个返回值。返回数组中指定元素的最后一个匹配项的索引，如果不存在则返回 -1。返回一个新的 Array 迭代器对象，该对象包含数组每个索引的值。返回数组中指定元素的第一个匹配项的索引，如果不存在则返回 -1。返回数组中满足提供的测试函数的第一个元素的索引。
2023-11-14 10:12:04
217
原创 vue知识点
指令的本质就是自定义属性,Vue中指定都是以 v- 开头 v-cloak可以解决插值表达式{{}}带来的页面加载时出现闪烁问题,方法为:(1)通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏 (2)让带有插值 语法的 添加 v-cloak 属性在 数据渲染完场之后，v-cloak 属性会被自动去除，v-cloak一旦移除也就是没有这个属性了 属性选择器就选择不到该标签...
2023-11-13 10:55:16
204
1
原创 json.stringify
一、使用方法JSON.stringify()可以把一个JavaScript对象序列化为一个JSON字符串。letjson1={ title:"Json.stringify", author:[ "众里寻他" ], year:2021 }; letjsonText=JSON.stringify(json1);默认情况下，JSON.stringify()会输出不包含空格或缩进的JSON字符串，因此jsonText的值是这样的："{"ti...
2023-11-13 10:54:29
144
原创 sourceTree无法启动
前几天win10系统自动更新后，sourceTree就无法打开了，双击只是图标闪一下，电脑重启后还是无法打开。
2023-10-09 10:16:55
6058
11
原创 ajax相关
创建一个页面06-ajax-exercise.html，创建一个按钮，点击按钮时，向 06-ajax-exercise.php 异步的发送一个请求，并将 响应回来的数据(欢迎光临) 显示在页面的一个div中。2、创建一个请求，采用异步的方式，get的提交方法，向 response.php 发送一个请求。AJAX中，服务器响应回来的是部分的数据而不是完整的页面，并且可以以无刷新的效果来更改页面中的局部内容。当 status 的值是 200的时候，表示服务器已经正确的给出所有的响应。
2023-07-25 14:19:28
611
原创 vue3.0
官方文档：1.data选项哪去了？回想我们在Vue2中创建响应式数据是这样的:...data() { return { num:1 }}...而Vue3会setup组合式API这个选项了，为此引入了ref、reactive等响应式API，来看看怎么写的吧:<template> <div>num:{{num}}</div> <div>refNum:{{refNum}}</div> &l..
2021-09-22 11:29:45
6224
原创 JavaScript常用的8个数组去重方法
1.利用对象的属性使用对象属性不重名的特性。注：reduce()方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。语法为：array.reduce(function(accumulator, currentValue, currentIndex, arr), initialValue);/* accumulator: 必需。累计器 currentValue: 必需。当前元素 currentIndex: 可选。当前元素的索引；
2021-09-06 19:57:55
619
2
原创 echarts实现知识图谱
智识平台实现知识图谱可视化采取的开源库是echarts。相对其他工具来说，echarts是百度开源工具，API封装完善，简单好用，易上手。这也是我们为什么选择echarts作工具的原因。实现步骤：获取echarts，引入到项目中npm install echarts --saveimport * as echarts from 'echarts';2.初始化在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。<div id="main" style="
2021-06-29 20:52:48
2711
原创 Object.defineProperty
Object.defineProperty方法直接在一个对象上定义一个新属性，或者修改一个已经存在的属性， 并返回这个对象value: 设置属性的值 writable: 值是否可以重写。true | false enumerable: 目标属性是否可以被枚举。true | false configurable: 目标属性是否可以被删除或是否可以再次修改特性 true | false set: 目标属性设置值的方法 get：目标属性获取值的方法注意：当使用了getter或setter方法，不.
2021-04-21 10:19:41
115
原创 前端协作规范
什么是规范?规范，名词意义上：即明文规定或约定俗成的标准，如：道德规范、技术规范等。 动词意义上：是指按照既定标准、规范的要求进行操作，使某一行为或活动达到或超越规定的标准，如：规范管理、规范操作.为什么需要规范?降低新成员融入团队的成本, 同时也一定程度避免挖坑 提高开发效率、团队协作效率, 降低沟通成本 实现高度统一的代码风格，方便review, 另外一方面可以提高项目的可维护性 规范是实现自动化的基础 规范是一个团队知识沉淀的直接输出规范包含哪些内容?前端协作规范并不单...
2021-04-13 15:44:24
160
原创 Vue项目打包
1.vue cli 3 打包部署到服务器上出现net::ERR_ABORTED 404 (Not Found)问题解决解决方法：配置vue.config.js如下：module.exports = { publicPath: "./"}2.vue cli打包后运行使用npm run build命令进行打包，但是直接打开index.html是无法看到内容的，因为无法加载其中的内容，所以必须使用服务器来打开网页，这里以express服务器为例查看1.全局安装express-g.
2020-09-14 16:11:08
451
原创 vuex概述
1.vuex概述1.1组件之间共享数据的方式父向子传值:v-bind属性绑定子向父传值:v-on事件绑定兄弟组件之间共享数据:EventBus$on 接收数据的那个组件 $emit发送数据的那个组件(适合小范围内数据共享)1.2vuex是什么vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享1.3使用vuex统一管理状态的好处...
2020-03-19 22:05:37
204
原创 安装vue调试工具Vue Devtools报错
安装vue官网给的链接https://github.com/vuejs/vue-devtools依次克隆仓库,npm install,npm run build,中间还安装了webpack及webpack-cli,最后仍报错无法解决Error: Cannot find module '@vue-devtools/build-tools'最后试了其他办法安装1.访问该地址：vue调试工...
2020-03-07 09:54:32
785
1
原创 nvm的安装与使用
1.在GitHub找到下载nvm的地址,https://github.com/coreybutler/nvm-windows/releases,2.下载完双击安装即可安装成功的话,在控制台输入nvm,即可出现nvm版本及相关用法说明3.查看node可用版本 node list available4.配置settings.txt用where nvm,找到nvm安装...
2020-03-01 20:02:35
501
原创 卸载nodejs
由于要采取nvm安装node,便于node版本管理,故需先卸载原先下载的node采取如下步骤:(1)添加和删除程序中,选择卸载nodejs(2)确保卸载干净,查看C盘Program Files (x86)及Program Files下有无Nodejs目录,查看有无C:\Users\{User}\AppData\Roaming\npm（或%appdata%\npm）C:\Users...
2020-03-01 19:04:30
942
原创 ES6常用
1.变量声明const和letvar关键字声明变量存在函数变量提升,即无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)ES6中,通常用 let 和 const 来声明，let 表示变量、const 表示常量。let 和 const 都是块级作用域。2.字符串ES6模板字符,第一个用途，基本的字符串格式化。将表达式嵌入字符串中进行拼接。用${}来界定。...
2020-03-01 18:50:42
168
原创 ajax基础
ajax用来解决传统网站中存在的以下问题(1)网速慢的情况下,页面加载时间长(2)表单提交后,如果一项内容不合格,需重新填写所有表单内容(3)页面跳转,重新加载页面,造成资源浪费,增加用户等待时间可以实现页面无刷新更新数据ajax应用场景(1)页面上拉加载更多数据(2)列表数据无刷新分页(3)表单离开焦点数据验证(4)搜索框踢死文字下拉列表.....aj...
2020-03-01 13:49:26
95
⼤⼚⾼级前端⼯程师⾯试题汇总
2023-12-26
2023前端面试题vue专版
2023-12-26
mu课Java从零到企业级电商项目实战
2019-06-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人