自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue.js 仿哔哩哔哩的网站(低仿bilibili)

仿哔哩哔哩的网页版(仅有首页和搜索页面)线上地址:lovescode.top:8181b站效果展示视频:https://www.bilibili.com/video/bv1564y1U71T两个页面的效果展示:点击图片中的内容,会跳转到官方b站的相应视频页面,由于网上没有视频的接口(人家赚钱的东西当然不能有啦????),所以就没有进行接下来的制作了。首页制作用 element-ui 和 html 加 css 相结合的方式尽可能的还原哔哩哔哩页面...

2021-05-02 15:02:21 16694 15

原创 用 Vue3+Canvas 开发了个塔防小游戏,感兴趣可以玩一玩

使用LOL和植物大战僵尸的部分ui和音频,来作为塔防和敌人。使用技术:Vue3 + Canvas + ts。

2023-04-14 08:24:01 731

原创 React 封装组件的一些心得(一)

分享自己使用React在写组件库的时候收获的一些心得体会。主要是参考了 antd-mobile , react-vant, tard 等组件库的。

2023-02-05 10:07:23 1055 3

原创 ios 微信小程序 chooseImage 相机拍照跳转页面崩溃

使用 chooseImage 相机拍照并跳转页面崩溃,使用 chooseMedia 替代可解决部分因内存占满导致的问题。

2022-11-28 11:08:07 2043

原创 react 基于 dnd-kit 封装的拖拽排序组件

react 基于 dnd-kit 进一步封装的拖拽排序组件,作用:将其抽取成一个只需传入列表和对于的回调方法、使用更为简单的组件。

2022-11-08 20:32:02 6862 8

原创 react 基于 antd-img-crop 封装的图片裁切上传组件

基于 antd 的 upload 和 antd-img-crop 封装的图片裁切并上传组件,可以以字符串数组或文件数组的形式使用。

2022-11-03 11:00:04 2034

原创 ios scrollView滚动底部空白区域的问题 enhanced和enableBackToTop冲突

微信小程序中使用 `ScrollView` 然后同时开启 `enhanced` 和 `enableBackToTop` ,并且当里面的内容高度大于 `scrollView` 后,并小于 `scrollView` 高度乘2时就会有这个问题。

2022-09-30 16:16:28 1134

原创 把 umi 的 useModel 抽离到其他项目中使用

分享一下在其他项目中使用useModel的方法,下面的内容就是如何从umi中抽离useModel到其他项目中使用。

2022-09-27 20:21:42 2918 1

原创 react taro 文字滚动横幅

适用于以taro框架来开发的小程序,使用技术栈为react、hooks和ts 封装的文字(dom)滚动横幅。

2022-09-23 14:42:07 1429

原创 基于 antd 的 Cascader 封装的省市区街道地区下拉选择器

根据 antd 的 Cascader 和 Select 组件进一步封装而成的省市区街道下拉选择器组件。这里用到的技术栈是:react,hooks 和 ts。

2022-08-23 16:31:36 3156 4

原创 react-draft-wysiwyg 清除复制粘贴的内容携带的样式

处理react-draft-wysiwyg粘贴内容携带样式的问题,只用添加一个粘贴事件即可。

2022-08-17 16:48:14 365

原创 canvas塔防小游戏-保卫大司马

游戏地址: http://codeape.site:8181/#/protectTheHorse/0这是一个自制的canvas塔防小游戏:保卫大司马

2022-06-18 12:08:22 972 2

原创 antd tree树形控件 onCheck单选并准确获取父子节点

antd tree树形控件 onCheck单选并准确获取父子节点

2022-01-27 12:00:11 6648 10

原创 vue+js练手前端项目->游戏平台(贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋)

废话不多说,先看界面。线上地址:http://47.107.64.29/该游戏平台涉及的知识点有:html、css、js、canvas、vue.js,并搭配element-ui组件库共同开发。项目介绍鼠标移动到游戏区域可以看到游戏规则点击左侧游戏区域,会先弹出小游戏的弹出层(可移动、缩小、关闭)缩小效果如下,点击×可返回弹出层状态有键盘操作的小游戏,按上下左右方向键都会有特效(可关闭)右上角可以开关 方向键的特效和开关音乐各游戏分别介绍1.飞机大战跟随浏览器大小变化,响应式

2021-08-12 23:05:56 3970 4

原创 Vuex简明使用教程,绝对没有一句废话(除了这句)

vuex使用方法 ( npm install vuex --save)在 src 目录下创建 -> store 文件夹 -> index.js// 项目/src/store/index.jsimport Vue from 'vue'import Vuex from 'vuex'// 一.安装插件Vue.use(Vuex)// 二.创建Store对象const store = new Vuex.Store({ // 1.状态 state:{ student

2021-07-06 21:04:33 140

原创 解决uni-app chunk-vendors.js:28553 GET http://localhost:8080/sockjs-node/info?t=1624461967173

uni-app 一直报这个错误,但不影响项目运行百度了很多,大部分都是说在目录中新建一个package-lock.json然后在里面添加:“sockjs”:{“dev”: false},“sockjs-client” :{“dev”: false}但尝试了多次都没用解决方法: 取消 “启用https协议” 的钩由于一开始解决h5端跨域问题,后来有些地方报错然后为了改错脑抽,在 manifest.json 改了一个地方如下:或者打开源码视图,修改如下...

2021-06-23 23:48:47 8329

原创 uni-app获取手机顶部状态栏高度,并设置其与导航栏navbar的距离

1. 动态绑定 navbar 与顶部的距离<view class="nav-bar" :style="{marginTop: systemBarHeight + 'px'}"></view>2. 获取系统栏高度 data() { return { // 系统状态栏的高度 systemBarHeight: 0 }; }, computed: {}, watch: {}, created() { this.getSysteminfo(); },

2021-06-07 20:59:05 7655

空空如也

空空如也

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

TA关注的人

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