- 博客(67)
- 收藏
- 关注
RSS订阅原创 react recharts饼图 及配置项
为每个切片设置自定义颜色。可以根据需要为每个数据项选择不同的颜色。：设置鼠标悬停时显示的提示框。：指定饼图的数据和样式。：设置图例的样式和位置。
2024-01-07 10:38:37
433
原创 JS防抖如何实现
防抖函数返回一个新函数，该函数会在一定时间内不执行，在该时间内如果再次触发了该事件，会清除之前的计时器并重新设置计时器。当计时器结束后，才会执行传入的函数并向后台服务器请求数据，同时将 input 元素的值作为参数进行输出。找到页面中第一个 input 元素，添加一个 "keyup" 事件监听器，当用户输入内容时，使用防抖函数 debounce 来限制事件的触发频率，每次事件最多只被触发一次。这样可以防止用户输入过快或者频率过高，导致向后台服务器发送重复的请求。
2024-01-07 10:31:06
427
原创 js实现三级联动
然后，为省份 select 元素添加一个 change 事件监听器，当省份选择改变时，根据选择的省份动态生成对应的城市选项，并将其添加到城市 select 元素中。接下来，我们通过获取 select 元素的引用，并在初始化时给第一个省份 select 元素添加省份选项，在这个示例中，我们使用原生的 JavaScript 实现了三级联动的功能。其中，province 属性保存了所有的省份数据，city 属性保存了各个省份对应的城市数据，district 属性保存了各个城市对应的区县数据。
2024-01-07 10:30:11
388
原创 js的flex和float的区别
总体而言，Flex布局是一种功能强大且灵活的布局技术，适用于处理容器内多个子项之间的布局和对齐。而浮动布局主要用于创建多栏布局和图文混排等特定的场景。在现代的Web开发中，推荐使用Flex布局来实现更复杂和灵活的布局需求。Flex布局（Flexbox）和浮动（Float）是两种不同的CSS布局技术，它们在实现布局和排列元素方面有一些区别。
2024-01-07 10:28:59
498
原创 js的几种布局方式
盒模型布局（Box Model Layout）：使用CSS盒模型来进行布局，通过设置元素的宽度、高度、内边距和外边距等属性来调整布局。流式布局（Flow Layout）：也称为自适应布局，它使用CSS的流式布局特性，使元素根据窗口或父容器的大小自动调整位置和大小。网格布局（Grid Layout）：使用CSS的网格布局特性，通过将元素放置在网格容器中，并定义行和列的大小和位置来进行布局。弹性盒子布局（Flexbox Layout）：使用CSS的弹性盒子布局特性，通过设置容器的。属性来控制元素的排列方式。
2024-01-07 10:28:10
437
原创 Html5知识点
本地存储：HTML5提供了本地存储特性，包括Web Storage（localStorage和sessionStorage）和IndexedDB，使得网页可以在客户端存储数据，实现离线应用和更好的性能。响应式设计：HTML5推广了响应式设计的概念，通过使用媒体查询和CSS3的弹性布局等技术，使网页能够在不同设备和屏幕尺寸下自适应显示和布局。Web Workers：HTML5引入了Web Workers，可以在后台线程中运行JavaScript代码，实现并行处理和更好的性能。Canvas绘图：HTML5的。
2024-01-07 10:21:05
350
1
原创 ES6知识点
模板字符串：模板字符串是一种增强版的字符串，使用反引号 ` 包裹，可以在字符串中嵌入变量和表达式，以及多行文本，提供了更便捷的字符串拼接和格式化功能。迭代器与生成器：ES6引入了迭代器（Iterator）和生成器（Generator）的概念，使得遍历数据结构和控制异步流程更加简便和可读。解构赋值：解构赋值允许从数组或对象中提取数据，并将其赋值给变量，使得变量的创建和赋值更加方便和灵活。关键字，可以将代码拆分为多个模块，并在不同模块之间进行导入和导出，实现代码的复用和管理。关键字定义类，并通过。
2024-01-07 10:20:56
387
1
原创 JS知识点
来声明变量，并支持多种数据类型，包括数字（Number）、字符串（String）、布尔值（Boolean）、对象（Object）、数组（Array）、空（null）和未定义（undefined）等。DOM操作：JS可以通过DOM（文档对象模型）来操作HTML元素，如查找元素、修改元素的样式、内容或属性，以及添加和删除元素等。对象：JS支持对象的创建和操作，可以使用对象字面量或构造函数来创建对象，可以添加属性和方法，并对其进行访问和修改。函数：JS允许定义和调用函数，可以通过函数实现代码的封装和重用。
2024-01-07 10:20:45
388
1
原创 React知识点
通过将表单元素的值与状态进行绑定，并使用事件处理函数来更新状态，实现表单数据的管理。这些只是React的一部分知识点，React作为一种流行的前端框架，还有更多的特性和技术可供学习和探索。每个组件都有自己的状态（State）和属性（Props），可以通过组合不同的组件来构建复杂的应用程序。生命周期方法：React组件具有一系列的生命周期方法，用于在组件的不同阶段执行特定的操作。状态提升：当多个组件需要共享相同的状态时，可以将状态提升到它们的共同父组件中，以实现状态的共享和统一管理。运算符来进行条件渲染。
2024-01-07 10:20:36
340
1
原创 Ts知识点
接口和类型别名：TS允许使用接口（Interface）和类型别名（Type Alias）来定义自定义类型。类型注解和类型推断：TS引入了静态类型系统，可以为变量、函数参数、函数返回值等添加类型注解，以提供编译时的类型检查。这些只是TS的一部分知识点，TS作为一种强类型的JavaScript超集，还有更多的特性和技术可供探索和学习。泛型：TS提供了泛型（Generics）特性，可以创建可以在多个类型上工作的可重用组件。类型断言：TS允许使用类型断言（Type Assertion）来明确指定变量的类型。
2024-01-07 10:20:25
355
1
原创 Vue知识点
Vue扩展：Vue具有丰富的扩展生态系统，如插件、第三方UI组件库（如Element UI、Vant）、Vue Devtools等，可以提供更多的功能和便利性。路由：Vue Router是Vue.js官方提供的路由库，可以实现单页应用中的路由功能，使页面之间可以进行无刷新的切换。状态管理：Vue提供了Vuex作为官方的状态管理库，用于集中管理应用程序的状态，实现不同组件之间的数据共享和通信。Vue CLI：Vue CLI是Vue.js的脚手架工具，可以快速搭建Vue项目，并提供了开发、打包和部署等功能。
2024-01-07 10:20:10
364
1
原创 Vue中的加密方式(js-base64、crypto-js、jsencrypt、bcryptjs)
方法对加密后的字符串进行解密。您可以根据需要使用这些方法来加密和解密字符串。请注意，加密后的字符串可能包含特殊字符，需要进行URL编码或Base64编码后才能在URL中传递。是一个JavaScript加密库，支持多种加密算法，包括AES、DES、Triple DES、RC4、SHA-1、SHA-256、MD5等。您可以在Vue项目中使用。是一个JavaScript RSA加密库，支持RSA加密和解密操作。是一个JavaScript加密库，支持bcrypt算法。来实现RSA加密和解密。来实现密码加密和验证。
2024-01-07 10:19:52
2969
原创 MySQL where条件
select * from students where name like '杨%' or name like '%靖张';查询没有填写体重的学生: select * from students where weight is null;select * from 表名 where 条件。判断非空使用: is not null。判断为空使用: is null。
2024-01-07 10:19:42
382
原创 fastadmin自定义图片上传
由于我们定义了一个删除按钮，所以也应该有对应的js进行删除操作。最后在html文件下创建srcipt标签 ，请求控制器。然后在对应html的文件中创建控制器。首先在html页面中定义上传样式。
2024-01-07 10:19:31
693
原创 Linux的chmod
chmod 命令是 Linux 系统中的一个重要命令，用于更改文件或目录的访问权限。chmod 命令可以设置文件或目录的所有者、所属组和其他用户的读、写、执行权限。通过 chmod 命令，用户可以控制文件或目录的访问权限，以保护重要数据不被非法访问和修改。每个数字的取值范围是 0 到 7，其中 0 表示没有权限，1 表示执行权限，2 表示写权限，3 表示写和执行权限，4 表示读权限，5 表示读和执行权限，6 表示读和写权限，7 表示读、写和执行权限。第一个数字表示文件所有者的权限。l 表示符号链接等。
2024-01-06 20:20:16
307
原创 使用iframe标签嵌入外部网页的示例及详解
iframe（内联框架）是一种HTML元素，它允许在一个网页中嵌入另一个网页。通过使用iframe，可以在一个页面中显示来自不同源的内容，例如嵌入另一个网站的地图、视频或表单等。属性指定了iframe的宽度和高度。如果浏览器不支持iframe标签，那么会显示。在这个示例中，我们使用iframe元素来嵌入一个网页，其中。属性指定了要嵌入的页面的URL，
2024-01-06 20:17:06
1149
原创 JavaScript跳转方式
与window.location.href不同，window.location.replace方法会替换当前页面的历史记录，使用户无法回退到上一个页面。在JavaScript中，页面跳转可以通过多种方式实现。这是最常见的页面跳转方式，通过修改window.location.href属性来实现跳转。除了使用JavaScript来实现页面跳转，还可以通过a标签的href属性来实现跳转。当页面跳转时，浏览器会加载新的URL，并显示新的页面内容。通过以上几种方式，我们可以实现页面跳转的功能。
2024-01-06 20:14:12
358
原创 微信小程序跳转方式详解：实例演示及完整代码分享
以上示例演示了页面跳转的方式，点击首页上的按钮可以跳转到详情页，详情页上的按钮可以返回首页。首先，我们创建一个包含两个页面的小程序，一个是首页index，一个是详情页detail。以上示例演示了TabBar跳转的方式，点击首页上的按钮可以切换到详情页。下面我们以一个简单的示例来演示这几种跳转方式的实现。
2024-01-06 20:07:48
1212
原创 实现 Vue 路由不存在时跳转到当前页面的技术指南
在Vue中，当用户访问一个不存在的路由时，通常会显示一个404页面。接下来，我们需要在路由配置中添加一个通配符路由，以便在用户访问不存在的路由时能够跳转回当前页面。在上面的代码中，我们定义了两个路由：一个是根路径'/'对应Home组件，另一个是'/about'对应About组件。接下来，我们需要在Vue实例中使用这个路由。在上面的代码中，我们使用通配符'*'来匹配所有不存在的路由，并将其重定向到根路径'/'。现在，当用户访问不存在的路由时，他们将会被重定向到当前页面，而不是显示一个错误页面。
2024-01-06 20:03:20
523
原创 Vue路由跳转
在上面的代码中，我们首先引入Vue和VueRouter，并在Vue实例中使用VueRouter。然后，我们创建了一个router实例，并定义了两个路由，分别是'/'和'/about'，并且分别对应了Home和About组件。标签来创建了两个链接，分别指向'/'和'/about'路由。当用户点击这些链接时，Vue路由会自动进行页面跳转，并加载对应的组件。这样就可以实现在点击按钮时，页面跳转到'/about'路由对应的组件。接下来，我们可以在组件中使用。标签，我们还可以在组件中使用。在上面的代码中，我们使用。
2024-01-06 20:00:07
301
原创 js map()方法
方法会对数组中的每个元素执行一次回调函数，并将回调函数的返回值组成一个新的数组。方法返回一个新的数组，其中包含了回调函数对原始数组元素的处理结果。●callback :一个回调函数，用于处理每个数组元素。●array(可选):调用mmap()方法的数组本身。●index (可选) :当前数组元素的索引。●element :当前数组元素的值。●array :要操作的原始数组。
2024-01-06 19:53:40
383
原创 js中三个关键字
方法会对数组中的每个元素执行一次回调函数，并将回调函数的返回值组成一个新的数组。方法返回一个新的数组，其中包含了回调函数对原始数组元素的处理结果。●callback :一个回调函数，用于处理每个数组元素。●array(可选):调用mmap()方法的数组本身。●index (可选) :当前数组元素的索引。●element :当前数组元素的值。●array :要操作的原始数组。
2024-01-06 19:53:09
330
原创 js三种循环
其中，初始化表达式用于设置初始值，条件表达式用于定义循环的结束条件，更新表达式用于更新计数器变量的值。当条件表达式为真时，循环会继续执行，直到条件表达式为假为止。循环用于遍历可迭代对象（如数组、字符串、Map、Set等）中的元素。循环用于遍历对象的可枚举属性。它会迭代对象自身的属性以及继承的属性（如果对象是从其他对象继承而来的）。循环是最常见和最基本的循环结构。它使用计数器变量来迭代指定次数的操作。将被赋值为当前属性的名称。循环将继续迭代直到所有可枚举属性都被遍历完。循环将继续迭代直到所有元素都被遍历完。
2024-01-06 19:52:50
276
原创 js中math()
在 JavaScript 中，Math 对象是一个内置的数学对象，提供了许多与数学相关的方法和常量。你可以直接使用 Math 对象来进行各种数学计算和操作。
2024-01-06 19:52:35
298
原创 vue diff算法
总结来说，Vue.js 的 diff 算法是通过对比新旧虚拟 DOM 树的节点差异，找到最小的更新操作来提高渲染性能。它能够准确地追踪节点的变化，只对变化的部分进行实际 DOM 操作，从而避免了无效的重新渲染，提高了页面的响应速度。key 属性用于唯一标识节点，可以帮助 Vue.js 更准确地追踪节点的变化，减少不必要的比较和操作。diff 算法是一种用于比较新旧虚拟 DOM 树的算法，它通过对比两个树的节点差异，找到最小的更新操作，以最小化实际 DOM 的操作（减少重新渲染的开销），从而提高性能。
2024-01-06 19:52:21
316
原创 计算属性侦听属性的区别
计算属性(computed)：计算属性是一个函数式的属性，它根据依赖的数据进行计算，并返回计算结果。计算属性的值会根据其相关依赖项的变化而自动更新，类似于一个响应式的缓存。计算属性适用于需要根据依赖数据进行计算，并将计算结果作为一个属性来使用的场景。侦听属性(watch)：侦听属性用于监听指定的数据变化，并在变化时执行相应的回调函数。侦听属性可以用来响应数据的变化，并执行一些异步操作或复杂的逻辑处理。侦听属性适用于需要在特定数据变化时执行一些特定操作的场景，比如发起异步请求、处理复杂逻辑等。
2024-01-06 19:51:58
1467
原创 Vue 和 React：比较和区别
以上是一些 Vue 和 React 的区别实例，总的来说，Vue 更加注重开发者的易用性和快速上手，而 React 更加注重灵活性和可定制性。在选择框架时，需要根据项目的需求和团队的技术栈来进行选择。Vue 和 React 是两个流行的前端框架，它们有很多相似之处，但也有一些明显的区别。
2024-01-06 19:49:38
462
原创 Vue中如何封装接口请求：使用Axios创建API服务的详细教程
在上面的示例中，我们首先在api.js文件中封装了获取用户信息和更新用户信息的接口请求，并将其导出。然后在UserProfile.vue组件中引入api.js，并在mounted钩子中调用fetchUserInfo方法来获取用户信息，在updateUserInfo方法中调用updateUserInfo接口来更新用户信息。同时，我们也可以在不同的组件中重复使用这些封装好的接口请求，提高了代码的复用性。接下来，我们可以在Vue组件中创建一个API服务来封装接口请求。
2024-01-06 19:25:34
601
原创 JS tostring（）和join（）方法
方法将其转换为字符串形式。如果数组中的元素是对象或其他复杂类型，则会调用其默认的。都是用于处理数组的方法。字符串表示形式，而不是深层次的字符串转换。方法对于数组中的每个元素都会调用其。在JavaScript中，
2024-01-05 20:26:57
344
原创 微信小程序如何搜索iBeacon设备
7.最后如果想检测蓝牙是否连接可以加上 wx.onBluetoothAdapterStateChange事件。8.如果出现报错，则需要安装 npm install @babel/runtime，或检查是否正确引用了。1.首先在utils文件夹下创建bluetooth.js和ibeacon.js。6.在page内写入获取ibeacon设备代码及停止搜索。4.在需要获取蓝牙的wxml中的page上方引入。2.在 bluetooth.js文件中写入。3.在 ibeacon.js中写入。
2024-01-05 20:26:00
971
原创 Vue和Vue3的区别
Vue 3在性能方面有了很大的改进。此外，Vue 3还引入了一些新的编译优化，使得生成的代码更小更快。在这个例子中，我们使用了Vue 3的响应式系统来管理todo列表的状态，并使用了Composition API来组织代码。这使得组件更容易理解和维护。Vue 3对TypeScript有了更好的支持，包括更好的类型推断和更好的编辑器支持。Vue 3还引入了一些其他改进，包括更好的Tree-shaking支持、更好的自定义指令支持等。下面是一个简单的代码示例，演示了Vue 2和Vue 3中的响应式系统的区别。
2024-01-05 20:13:21
316
原创 Vue.js中的动态路由、路由导航守卫和路由拦截器详解
在上面的例子中，我们定义了一个动态路由/user/:id，当用户访问/user/1时，会渲染User.vue组件，并且可以通过this.$route.params.id来获取id参数的值。在Vue.js中，可以使用动态路由来实现根据不同的参数来渲染不同的页面。在上面的例子中，我们在beforeEach导航守卫中进行了权限验证，如果用户未登录且要访问非登录页面，则跳转到登录页。在上面的例子中，我们在afterEach路由拦截器中记录了用户的访问记录。
2024-01-05 20:02:45
389
原创 为什么执行npm install会自动下载对应依赖
总之，npm install 会自动安装对应依赖是因为 npm 会读取项目的 package.json 文件中的 "dependencies" 字段，并根据其中定义的依赖项和版本号自动下载和安装这些依赖项，同时也会解决依赖项的依赖关系，确保所有的依赖项都被正确安装。npm 会根据指定的版本号下载对应的依赖项，并且会自动解决依赖项的依赖关系，确保所有的依赖项都被正确安装。这样做的好处是，你不需要手动一个个去下载和安装依赖项，npm 会帮你自动处理所有的依赖关系，确保项目所需的所有依赖都被正确安装。
2024-01-05 19:59:06
532
原创 Vue路由
这样，当用户访问不同的路径时，Vue路由会根据配置的路由表，自动切换并渲染对应的组件。在上述示例中，我们使用了VueRouter插件，并定义了两个路由：'/'对应Home组件，'/about'对应About组件。在路由表中，我们需要指定每个路径对应的组件，以及可选的参数或者子路由。当用户访问某个路径时，Vue路由会自动匹配对应的组件，并将其渲染到页面上。在Vue.js中使用路由，需要先安装vue-router插件，并在项目中引入该插件。在上述代码中，我们将创建的路由对象传递给Vue实例，并在根组件中使用。
2024-01-05 07:57:23
352
原创 ES6知识点
ES6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。基本上，ES6 的 class 可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新。1. 箭头函数的 this 是静态的，始终指向函数声明时所在作用域下的 this 的值；ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构赋值；2. 函数体如果只有一条语句，则花括号可以省略，函数的返回值为该条语句的执行结果；ES6 引入了一种新的原始数据类型 Symbol，表示独一无二的值。
2024-01-05 07:55:55
911
原创 react生命周期
React 16.3之前的生命周期分为三个阶段：挂载（Mounting）、更新（Updating）和卸载（Unmounting）。React 16.3及以后的版本引入了新的生命周期方法，并将原有的几个生命周期方法进行了分类。另外，React Hooks 的引入使得函数式组件也能使用生命周期相关功能，如useState、useEffect等Hooks可以在组件中进行状态管理和副作用操作，简化了组件的编写和复用。这些方法按照不同的阶段被调用，允许开发者在组件的不同生命周期阶段执行特定的操作。
2024-01-05 07:53:11
352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人