- 博客(17)
- 收藏
- 关注
RSS订阅
原创 vue.js 仿哔哩哔哩的网站(低仿bilibili)
仿哔哩哔哩的网页版（仅有首页和搜索页面）线上地址：lovescode.top:8181b站效果展示视频：https://www.bilibili.com/video/bv1564y1U71T两个页面的效果展示：点击图片中的内容，会跳转到官方b站的相应视频页面，由于网上没有视频的接口(人家赚钱的东西当然不能有啦????)，所以就没有进行接下来的制作了。首页制作用 element-ui 和 html 加 css 相结合的方式尽可能的还原哔哩哔哩页面...
2021-05-02 15:02:21
15530
14
原创 用 Vue3+Canvas 开发了个塔防小游戏，感兴趣可以玩一玩
使用LOL和植物大战僵尸的部分ui和音频，来作为塔防和敌人。使用技术：Vue3 + Canvas + ts。
2023-04-14 08:24:01
601
原创 React 封装组件的一些心得（一）
分享自己使用React在写组件库的时候收获的一些心得体会。主要是参考了 antd-mobile , react-vant, tard 等组件库的。
2023-02-05 10:07:23
969
3
原创 ios 微信小程序 chooseImage 相机拍照跳转页面崩溃
使用 chooseImage 相机拍照并跳转页面崩溃，使用 chooseMedia 替代可解决部分因内存占满导致的问题。
2022-11-28 11:08:07
1768
原创 react 基于 dnd-kit 封装的拖拽排序组件
react 基于 dnd-kit 进一步封装的拖拽排序组件，作用：将其抽取成一个只需传入列表和对于的回调方法、使用更为简单的组件。
2022-11-08 20:32:02
6331
8
原创 react 基于 antd-img-crop 封装的图片裁切上传组件
基于 antd 的 upload 和 antd-img-crop 封装的图片裁切并上传组件，可以以字符串数组或文件数组的形式使用。
2022-11-03 11:00:04
1732
原创 ios scrollView滚动底部空白区域的问题 enhanced和enableBackToTop冲突
微信小程序中使用 `ScrollView` 然后同时开启 `enhanced` 和 `enableBackToTop` ，并且当里面的内容高度大于 `scrollView` 后，并小于 `scrollView` 高度乘2时就会有这个问题。
2022-09-30 16:16:28
985
原创 把 umi 的 useModel 抽离到其他项目中使用
分享一下在其他项目中使用useModel的方法，下面的内容就是如何从umi中抽离useModel到其他项目中使用。
2022-09-27 20:21:42
2726
1
原创 react taro 文字滚动横幅
适用于以taro框架来开发的小程序，使用技术栈为react、hooks和ts 封装的文字(dom)滚动横幅。
2022-09-23 14:42:07
1252
原创 基于 antd 的 Cascader 封装的省市区街道地区下拉选择器
根据 antd 的 Cascader 和 Select 组件进一步封装而成的省市区街道下拉选择器组件。这里用到的技术栈是：react，hooks 和 ts。
2022-08-23 16:31:36
2745
原创 react-draft-wysiwyg 清除复制粘贴的内容携带的样式
处理react-draft-wysiwyg粘贴内容携带样式的问题，只用添加一个粘贴事件即可。
2022-08-17 16:48:14
311
原创 canvas塔防小游戏-保卫大司马
游戏地址: http://codeape.site:8181/#/protectTheHorse/0这是一个自制的canvas塔防小游戏：保卫大司马
2022-06-18 12:08:22
771
2
原创 vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）
废话不多说，先看界面。线上地址：http://47.107.64.29/该游戏平台涉及的知识点有：html、css、js、canvas、vue.js，并搭配element-ui组件库共同开发。项目介绍鼠标移动到游戏区域可以看到游戏规则点击左侧游戏区域，会先弹出小游戏的弹出层(可移动、缩小、关闭)缩小效果如下，点击×可返回弹出层状态有键盘操作的小游戏，按上下左右方向键都会有特效（可关闭）右上角可以开关 方向键的特效和开关音乐各游戏分别介绍1.飞机大战跟随浏览器大小变化，响应式
2021-08-12 23:05:56
3295
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
92
原创 解决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
7629
原创 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
6032
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人