自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 uni-App如何实现一键登录(详细)

uni-app实现一键登录功能详细说明,前置条件,如何配置,手把手教你学会使用该功能。package.json4.关联云服务空间在uniCloud上右击选择关联云服务空间就行(没有就需要创建一个)在按钮上绑定事件触发就行(getPhoneNumber可以自取名字)

2023-11-17 23:04:11 2208 5

原创 基于React制作一个简易的五子棋游戏

根据React官方文档提供的九宫格游戏示例,可知五子棋主要更改的地方有棋盘大小,判断输赢。今天学习React看官方文档,有个九宫格游戏示例,自己就想着自己写一个五子棋的案例。主要传递两个参数,第一个为胜利时个数,第二个为棋盘的宽度(正方形棋盘)1.点击棋盘位置渲染黑白棋子(同一位置渲染一次,不覆盖)。2.当一种棋子成5个连在一起,结束游戏,提示那种棋子胜利。3.底部历史记录,可点击记录回到记录的那一步。五子棋示例第一个参数即为5(5个棋子判胜利)先看效果:(X和O分别表示黑棋和白棋)

2023-11-01 20:14:58 192 1

原创 Vue中快速实现点击侧导航页面平滑到需要的位置

实现侧导航第一步肯定是控制侧导航的显示隐藏,然后通过点击事件回到需要的位置,而这个位置我不希望它写死距离,就可以用到描点的方式来实现了。控制描点元素位置来实现内容变化还是滑动在想要的位置。但是直接使用描点不会具有平滑效果,其实浏览器原生提供了一种方法。实现平移到页面最顶部且看不到的区域,这样使用。后面可以通过 behavior: "smooth"来指定滚动方式为平滑效果。来将顶部元素滚动到可视区域就等同于页面滚动到最顶部来实现回到顶部功能。,它可以操作元素滚动到可视区域内,而且可以在后面添加滚动的效果。

2023-10-27 10:40:27 227 1

原创 解决Vue中动态渲染图片路径报错问题

今天在做项目的时候在本地assets中后动态渲染加载图片,死活加载不出来,F12控制台提示图片存在路径错误,但是不使用动态渲染,一模一样的路径,就可以渲染出来,就很神奇。其中说到了直接路径会编译为 require('./image.png')这类资源将会直接被拷贝,而不会经过 webpack 的处理。代码如下,可以看见动态渲染的地址直接写的地址一模一样,但就是渲染不出来。这样图片就能成功渲染了,不在出现路径错误。

2023-10-26 20:10:00 519 1

原创 如何使用原生js来实现下拉菜单

下拉菜单在页面中存在无非就是显示和隐藏的效果,鼠标滑动到标题显示下拉菜单,离开的使用关闭下拉菜单,但是在显示隐藏的时候会有一个小条件,就是控制鼠标移入移出事件的标签必须是包裹这个标题和下拉列表的,否则就会出现移入标题标签能够显示,但是移除标题标签就直接隐藏了,而我们要的效果是移入标题标签显示下拉菜单,而且移除标题标签,但是鼠标在下拉标签中,下拉菜单是显示的,所以在编写事件的时候,需要注意是由大盒子来控制里面的显示隐藏效果!

2023-09-27 21:55:53 1208 1

原创 js中的subStr()、subString()、slice()、splice()方法的用法和区别

js中shbStr()与subString()、slice()与splice()方法与他们之间的区别

2023-09-02 14:15:52 690 1

原创 js中浏览器默认行为有哪些?(如何阻止这些默认行为?)

在 JavaScript 中,浏览器默认行为是指在特定的用户操作下,浏览器会执行的默认动作。

2023-09-01 19:08:35 592

原创 解决JavaScript中使用时间戳获取当前时分秒不符合问题

有时候在使用JavaScript中编写当前时间的时候,想要通过时间戳来获取当前时间的时分秒来渲染页面,通过公式来计算出时间戳的时分秒,但是会发现,使用公式获取出来的时间分秒都是正确的但是小时根本对不上,代码也没有问题。代码都是正确的,公式也没有错误,但是为什么时间相差了8个小时呢?通过JavaScript另一种方法,不用时间戳,直接获取时分秒就是正确的但是有些时候不得不使用时间戳来获取时间,该如何解决呢?

2023-07-26 20:38:22 649 1

原创 如何使用h5元素“Canvas”来绘制一个简易的网页时钟(附代码)

Canvas是HTML5中的一个元素,用于通过JavaScript和HTML绘制图形、动画和交互式内容。它可以在浏览器中创建和操作位图图像,使开发者可以在网页上实现高度个性化的视觉效果和交互体验。通过Canvas,开发者可以使用JavaScript来绘制图形、文本和图像。可以动态地更新画布上的内容,实现动画效果或响应用户的交互操作。Canvas提供了一组丰富的绘图函数和方法,使开发者可以在画布上绘制直线、矩形、圆形、路径等形状,并可以使用各种样式、颜色和渐变来装饰绘制的图形。

2023-07-26 16:00:48 632 1

原创 如何使用“存css”编写一个3D骰子(详细)

使用“存css”编写一个3D模型的骰子,了解如何给页面中骰子的每个面设置为3D的样式,然后就是设置为3D样式如何去给每个面经行布局,每个面中骰子点数样式的布局等等。最后把整个模型设置放置位置。

2023-07-24 19:40:32 251 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除