- 博客(65)
- 收藏
- 关注
RSS订阅原创 纯css实现满屏雪花飘落效果
这里使用了关键帧动画（keyframes animation），其中定义了一个名为"snow"的动画，以及一个"-webkit-snow"的动画（兼容WebKit内核的浏览器）。这两个动画使用相同的规则：通过改变背景图片的位置，模拟雪花从天上落下的效果。其中，初始位置为0 0，终止位置为500px 1000px和500px 500px。该元素的背景使用两张图片，即"snow1.png"和"snow2.png"。这段代码定义了一个名为"snow"的CSS样式，该样式将被应用于某个HTML元素上。
2023-05-06 16:36:01
922
1
原创 用js实现防抖和节流
节流（throttle）是指在一定时间间隔内，无论用户触发多少次某个函数，只执行一次该函数。节流可以用于如滚动监听等需要频繁触发函数的场景。防抖和节流是 JavaScript 中常用的函数优化技巧，它们可以限制特定的函数执行次数，提高页面性能并避免浏览器崩溃等问题。作为参数，并返回一个新函数。当新函数被调用时，它会使用。函数，如果在这段时间内新函数被再次调用，则清除上一个。定时器并重新设置一个新的定时器，以此类推。函数，它接受一个需要执行的函数。
2023-04-20 15:51:27
244
原创 el-table绑定的数组里面的对象值进行修改时，视图没有更新
其中，array是绑定到el-table的数组，index是需要修改的对象在数组中的索引位置，propertyName是需要修改的属性名称，newValue是新的属性值。其中，findIndex()方法用于查找满足条件的元素在数组中的索引位置，item是数组中的每个元素，item.id表示对象的id属性值，2表示要查找的id值。其中，第一个参数是数组对象，第二个参数是对象在数组中的索引位置，第三个参数是一个新的对象，它继承了原始对象的所有属性，但是将age属性值改为20。
2023-04-20 13:45:40
2450
原创 vue报错Eror in v-on handler: “TypeError: Cannot set property name of #＜File＞ which has only a getter“
这个错误通常出现在使用 Vue 的 v-model 绑定一个文件上传表单元素时，在触发上传事件时尝试修改表单元素的值。文件上传表单元素是只读的，因为浏览器不允许 JavaScript 直接设置它们的值。因此，当你试图修改一个文件上传表单元素的值时，就会出现这个错误。
2023-04-20 11:50:47
4455
原创 element-ui中el-table点击其他自定义按钮展开table中某一行
在日常开发中，我们遇见了会有点击某些按钮，使得表格行展开的需求，这时候去查看文档element-ui（table）这里官方提供了示例为在行最左侧有一个展开合并icon，但是点其他地方不能展开，我们又想点其他地方而展开我们看见是在table-column上定了type为expand，而该列里面的自定义模板便是展开后显示的内容我们想要实现点击自定义功能，继续查阅文档：这里的expand-row-keys文档解释说可以设置当前已展开的行，那么我们可以给table绑定这个属性，在点击方法里面进行绑定
2023-02-17 14:07:48
4812
1
原创 uni-app获取本机的mac地址
//获取设备的mac地址 getDeviceMac() { //获取本机Mac地址 var deviceMac = ''; var net = plus.android.importClass('java.net.NetworkInterface'); var wl0 = net.getByName('wlan0'); var macByte = wl0.getHardwareAddress(); deviceMac = ''; for (var i = 0;
2022-12-16 22:20:57
2372
4
原创 vue中watch函数调用methods中的方法
我们在开发中难免会遇见监听某个值的场景，这时候就要用到咱们vue中的watch，然后咱们在watch里面监听后对应不同的逻辑调用不同的处理方法。那么咱们这里正确的做法是不要使用箭头函数，使用普通的function函数。说是咱们调用的这个getEqLists方法未定义。这样的话，就可以成功调用了。这时候浏览器就报错了。
2022-12-12 10:59:52
796
原创 javascript中格式化时间，时间戳与时间相互转化，显示为年月日时分秒星期
javascript中格式化时间，时间戳与时间相互转化，显示为年月日时分秒星期
2022-11-09 16:01:40
793
原创 JS使用try，catch判断解析的情况
try语句包含了三种声明：try...catch try...finally try...catch...finallycatch子句包含try块中抛出异常时要执行的语句。也就是，你想让try语句中的内容成功， 如果没成功，你想控制接下来发生的事情，这时你可以在catch语句中实现。 如果在try块中有任何一个语句（或者从try块中调用的函数）抛出异常，控制立即转向catch子句。如果在try块中没有异常抛出，会跳过catch子句。finally子句在try块和catch块之后执行但是在下一个
2022-05-06 11:30:47
902
原创 推荐用vsCode写前端的几个好用的插件
vsCode强大之处除了它免费以外，它的插件功能也是非常的强大，这里推荐几个写前端推荐用的插件（大佬别喷，我也是菜鸡！！！）Auto Rename Tag这个插件最强大的就是，在写html标签时，修改标签名，闭合标签会自动更改...
2022-04-29 11:32:24
909
原创 React中的useSelector+useDispatch
React中的useSelector+useDispatch我们都知道，Vue中的Vuex是Vue提供的一个全局性的状态管理仓库和工具，通过Vuex，很多事情就可以不调用接口和传值，只需要调用仓库去使用即可。那么在React中也有这样的状态管理仓库，它叫Redux。当函数式组件要使用 redux store 时调用useSelector+useDispatch这两个钩子函数。例子：首先建立 redux store. 一个App 只能有唯一一个 redux store。此文件是一个手动建立的文件，这样
2022-04-25 10:34:31
2376
原创 pc端网页唤起本地的咚咚和千牛
前段时间接手了一个需求，需求大概就是pc端的产品需要做一个点击按钮唤起咚咚和千牛，并且需要打开对应的顾客聊天窗口。当时接到这个需求人都不好了，大牛们都没接触过这个需求，不知道咚咚和千牛的协议，去看淘宝和京东开发平台的文档也没发现什么有用的，然后就一直考古呀考古。。。最后还是实现了，代码如下：先来介绍唤起咚咚的window.location.href = `aliim:sendmsg?touid=cntaobao${buyerName}&uid=cntaobao${val......
2022-04-24 19:49:36
2168
原创 react如何让ant中select组件失去焦点
react如何让ant中select组件失去焦点我们在开发时，经常遇见很多定制化的需求，这里我讲一下我处理select组件失去焦点的方法首先，我使用的是函数式组件，介绍到一种东西叫做ref，相信大家应该都知道。它可以在dom节点上使用，可以引用真实的dom节点我们给select组件一个ref属性然后定义一下seleRef在对其进行使用时，只需即可调用当前组件dom的方法...
2022-03-17 15:01:16
2566
原创 关于react中的ref
关于react中的refref有3种用法：字符串dom节点上使用，通过this.refs[refName]来引用真实的dom节点<input ref="inputRef" /> //this.refs['inputRef']来访问回调函数React 支持给任意组件添加特殊属性。ref 属性接受一个回调函数，它在组件被加载或卸载时会立即执行。当给 HTML 元素添加 ref 属性时，ref 回调接收了底层的 DOM 元素作为参数。当给组件添加 ref 属性时，ref 回调接收当前
2022-02-17 19:29:45
238
原创 关于React中useRef
ref有3种用法：字符串 dom节点上使用，通过this.refs[refName]来引用真实的dom节点<input ref="inputRef" /> //this.refs['inputRef']来访问回调函数 React 支持给任意组件添加特殊属性。ref 属性接受一个回调函数，它在组件被加载或卸载时会立即执行。当给 HTML 元素添加 ref 属性时，ref 回调接收了底层的 DOM 元素作为参数。 当给组件添加 ref 属性时，ref 回调接收当前组件实例作为参
2022-02-17 19:24:53
569
原创 Vue中为什么不建议v-if和v-for一起使用
Vue中为什么不建议v-if和v-for一起使用我们先来看一段代码<h-tab-pane v-for="(item, index) in tabItems" :key="index" :label="item.title" :id="item.id" :name="item.id" v-if="item.show"
2022-01-06 17:26:38
603
原创 golang中连接mongo数据库并进行操作
golang中连接mongo数据库并进行操作golang中连接mongo数据库并进行操作首先，我们需要下载mongo模块执行go get github.com/mongodb/mongo-go-driver/mongo然后再执行一下go mod tidy 拉取缺少的模块，移除不用的模块如果拉的时候timeout，那么去修改一下配置$env:GOPROXY = "https://goproxy.io"然后再go mod tidy拉一下。然后建一个文件夹，用来建立mongo客户端代码如
2021-12-13 18:37:40
1803
原创 React函数式组件使用ant表单中的重置表单功能
React函数式组件使用ant表单中的重置表单功能我们在使用react+ant组件开发的过程中，会遇见一种情况，就是我们在使用ant的表单的时候，想要在其他的处理函数之中去将表单的值给清空，那这个时候怎么办呢。我们就需要引入form从ant中。然后调用form里面的useform方法。然后在表单里面给他绑定进去。最后我们直接调用其提供的api即可。...
2021-11-18 16:36:31
1882
原创 在golang中去写redis客户端，建立连接
Redis在golang中的应用我们在平时使用golang开发服务器的过程中，会遇见使用Redis的业务场景，Redis简单的来说就是一个缓存数据库。可以对其进行操作。首先，我们需要去在golang后端的项目中写一个Redis的客户端，以此和redis服务器来建立连接。package redisimport ( "context" "github.com/go-redis/redis/v8" "github.com/spf13/viper")var RedisClient *redis
2021-11-17 11:50:44
959
原创 umi.request获取响应头headers里面的内容
umi.request获取响应头headers里面的内容我们在日常开发中，难免会遇见需要使用服务器时间的场景，这个时候，如果去服务端写哥时间time.Now()函数获取当前的时间，再包在请求处理函数里面返回给前端那么会非常的麻烦，那么，怎么办呢？我们打开控制台的network看一下在请求的标头里面，响应头中，是函数个参数名叫date的参数，它是本条请求发送到服务器，服务器返回时所记录的时间，但是！请注意！，这里的date时间时世界时间，也就是说，这个时间不是北京时间，不能直接拿来用，需要进行转换。
2021-10-22 15:20:23
5168
原创 react中子组件向父组件传值
react中父子通信传值我们在日常开发中，使用react框架难免会遇见多个组件之间互相传值的情况出现，那么我们这个时候应该怎么去处理呢。这里我就要分享以下父子传值的方式。首先大概说一下思路吧，我们想要子组件传一个值去父组件，那么，这个时候我们就可以这样去实现，首先让父组件定义一个方法函数，然后这个方法函数在子组件中去定义，这样就可以把方法传到子组件，然后子组件用props.方法名去接收，并且将想要传上的值传进函数里面，然后父组件的函数体内用形参去接受一下，这样就实现的子组件向父组件传值。下面截图示例
2021-09-23 11:47:08
2469
原创 echarts中饼图旁边的小方块也就是legend区域的点击事件
echarts中饼图旁边的小方块也就是legend区域的点击事件这里指的就是红色方框内箭头所指的区域为legend区域。我们在代码里面写的myCharts.on（‘click’，event）这个点击事件是只是对饼图区域内进行绑定点击事件，旁边的小方块区域是无法对这个生效的。所以我们查看文档这里官方文档在events事件里面提供的关于legend的选中事件，我们在代码中应该这样去写函数里面逗号后面是触发的函数体或者函数名字。但是现在还有一个问题这里默认触发了两次事件，这肯定是行不通的，所以
2021-09-23 11:33:22
2506
1
原创 react中为什么建议给setstate传入一个函数而不是对象
因为在setstate中，props和state可能会异步更新，也就是说，对相同的变量进行处理的时候，会将这多次处理合并为一个，这个是批处理；而如果传入函数，那么会进行链式调用，这个函数会被react加入到一个执行队列中，函数中的代码会依次执行。然后给大家看一个例子这里呢function打印为2obj打印为1...
2021-09-19 11:13:21
1321
原创 js中localStorage存储数据的格式
js中localStorage存储数据的格式我们在平时开发的时候，难免会遇到使用本地存储，比如记住账号密码啊之类的，这个时候，我们就要清楚，本地存储的数据的数据类型都是字符串类型，这一点大家要清楚。这里控制台打印的是string字符串类型。然后呢关于本地存储的几个方法存储：（）里面第一个参数是key，第二个参数是value。取出：（）里面只能传一个参数，那就是key值，然后返回的是指定key的value值删除：（）里面只能传一个参数，那就是key值，删除目标key和其对应的val
2021-08-16 17:11:40
443
原创 vue调用时间函数并格式化
vue调用时间函数并格式化在平时开发中，我们经常会遇见需要显示时间的地方，这个时候就需要去获取当前的时间有个方法是new 一个 Date我们来看看这个函数会打印什么这函数获取了当前的时间信息，但是有时候我们又用不到这上面的全部时间信息，所以，需要选择其中需要的信息。new Date（）里面有几个函数分别是和其他很多的方法，就不一一列举了webstorm的代码提示也告诉我们有很多方法。根据自己的需求从中截取相应的函数进行调用。当然，直接获取的时间信息，格式可能达不到我们的要求，这
2021-08-12 14:34:55
880
原创 vue中push路由跳转只跳转路径，不跳转页面
vue中push路由跳转只跳转路径，不跳转页面最近我在做毕设时，遇见了一种情况，就是我们从一个页面跳转到另外一个页面时，一般会在方法中去this.$router.push(’/xxx’)。这样就会跳转到我们在路由模块中所配置的页面及其对应的组件。比如说这里我们需要从当前的login页面跳转到home页面，下面是路由模块的配置首先是要引入我们所写的home模块，然后对路由进行配置这里配置好了我们直接进行跳转，但是却发生了只跳转路径，不跳转页面的情况发生这里的页面不为所动，我在网上查找了一
2021-08-10 17:03:38
9218
原创 git与远程仓库建立连接并上传文件
git与远程仓库建立连接并上传文件首先最好还是bush文件，在它专门的运行命令行操作，初次进行操作时，先git init初始化一下。然后就是与远程仓库进行连接git remote add origin xxxxxxxx是远程仓库的地址，地址在克隆/下载里面有直接复制这个地址到origin后面就行了。然后就git status看一下文件状态，如果修改过，直接git add .这里的意思是添加所有的文件。然后git commit -m “对本次提交的描述”然后git status再确认一下
2021-08-10 09:55:50
403
2
原创 git操作commit时提示Please enter the commit message for...
git操作commit时提示Please enter the commit message for…咱们直接来看报错的页面是咋样：或者是这样:这里第一种报错解决方法是先在那个页面输入:wq退出该页面，然后重新commit一下：git commit -m “这里是提交的说明信息”,然后git status 查看一下状态，没问题后就直接git push...
2021-08-10 09:44:12
2308
原创 Vue3中处理主函数中配置axios的$http报错
Vue3中处理主函数中配置axios的$http报错在vue2.0版本的开发中，想要快速的在组件中发送请求，一般都是直接this.$http.get/post(‘url’,参数),如图这里的$http是在入口函数里面对axios进行配置，2.0引入的模块是这样的从vue这个模块引入了Vue对象，下面就直接进行配置，直接获取Vue的原型，配置$http但是在vue3.0当中，模式就发生了一些变化这里不再从vue包中引入vue，而是引入了一个对象，然后下面对这个对象进行配置用一个a
2021-08-05 10:43:05
1354
中国绿色食品发展中心.rarhtml+css，网页web设计制作作业，期末设计
2023-02-22
map.rarhtml+css，网页web设计制作作业，期末设计
2023-02-22
影视网站.ziphtml+css，网页web设计制作作业，期末设计
2023-02-22
疫情防控.ziphtml+css，网页web设计制作作业，期末设计
2023-02-22
work（3页的宠物）.ziphtml+css，网页web设计制作作业，期末设计
2023-02-22
计科2107严芳组（第2组）.ziphtml+css，网页web设计制作作业，期末设计
2023-02-22
美食.ziphtml+css，网页web设计制作作业，期末设计
2023-02-22
我和我的家乡昭通.rarhtml+css，网页web设计制作作业，期末设计
2023-02-22
work(旅游).ziphtml+css，网页web设计制作作业，期末设计
2023-02-22
work(大西北旅游).ziphtml+css，网页web设计制作作业，期末设计
2023-02-22
C0430 薛之谦（6页）.Zip喜爱的明星网站，课堂作业期末作业，静态页面，html+css，网页设计与制作
2023-02-21
未命名站点 4(修改).rar心理健康相关静态页面，html+css，web期末作业，课堂作业，网页设计制作
2023-02-21
work(心理健康)（修改）.rar心理健康相关静态页面，html+css，web课程课堂作业，期末作业，网页制作
2023-02-21
work(旅游).rar旅游网站静态页面，html+css，web课堂期末作品作业
2023-02-21
work（考试）（心理）(修改).rar前端静态页面制作，web课堂作业，期末考试页面制作
2023-02-21
个人简历静态页面，web期末作业，课堂作业，网页制作
2023-02-21
广东茂名-htmlcss静态页面，共三页
2023-02-21
某马机构前端-vue高频面试题.md
2023-02-21
05-大事件和node阶段某马机构前端内部面试题.md
2023-02-21
移动端web某马机构前端内部面试题，es，js
2023-02-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人