- 博客(23)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 自学系列之小游戏---贪吃蛇（vue3+ts+vite+element-plus+sass)（module.scss + tsx）
vue3vitetstsxsass实现贪吃蛇小游戏使用的技术有为了使用而使用的嫌疑，使用还有些不太熟练，望大家多多理解，如有建议欢迎多多评论或私信指教。
2023-10-23 11:27:22
586
1
原创 vue全局组件 之 自定义this 调用的全局element- confirm 组件实践
实现vue this调用的全局confirm组件需求背景说明代码实现1、实现页面元素内容2、实现组件ref调用及链式调用(Promise)3、实现组件挂载全局完整代码需求背景在日常工作中用到vue开发就必然会涉及到组件，当然也会涉及到Tost、confirm等简单的全局组件。不管是在小程序、pc还是h5都会有。那么问题来了，在组件库及原生API没有支持到，但是我们又需要用的简单组件怎么办？一次又一次的引入注册？还是全局注册页面上写了一个又一个的空标签？这都不是我们想要的。所以我们要自己实习一个直接将组
2021-09-14 15:59:49
1396
原创 js通过扫描枪快速扫码录入的功能实现(区分手动输入和扫码枪录入)-pc
扫码录入实践实践背景需要解决的问题代码实现最终代码结语实践背景在近期工作过程中接手了一个让我有些棘手的需求，需求如下：输入框内支持扫码录入商品，且支持连续扫码录入。相同输入框中支持手动输入条码录入商品。页面任意位置用扫码枪扫码都可以成功定位到该输入框且录入对应商品。需要解决的问题事件注册在那里事件注册什么时候注册，什么时候注销。如何不影响页面上其他input元素如何区分手动输入和扫码枪录入代码实现事件注册什么时候注册，什么时候注销因为我们要注册的为全局事件，但是又不能影响
2021-09-13 16:50:46
5921
原创 uni-app 请求封装
uni-app 官方封装的http请求使用起来相对麻烦，针对于这个问题做了一套请求封装如下首先我们还是把相关依赖方法放出来。config：项目配置文件export default { apiHost:"http://xxx.xxx.com"}utils.js公共方法：/** 气泡弹框 */export const showToast = title => { uni.showToast({ icon: "none", titl
2021-03-02 16:03:40
430
原创 复杂数组排序
/** * 数组排序 * @param {*需要排序的数组} arr * @param {* * type 排序字段名 降序排列-desc | 升序排列-acs * fieldName 根据那个字段排序 * } storObj */export const sortArray = function (arr,storObj) { let newArray = [] let field_name = storObj?.fieldName || Object.keys.
2021-02-22 17:08:13
165
原创 基于Yapi文档的统一代码生成器 生成interface Windows桌面工具（electron打包）
工具介绍：该工具是为了提高开发效率、解决繁琐的TS->interface编写、避免书写错误应运而生的。仅仅支持Yapi的数据格式，当然各位大佬也可以自己扩展。该工具为Windows桌面程序，当然也可以将源码用作网页。工具使用截图及使用方式介绍：（1）安装后启动工具界面（2）选择接口文档点击编辑（2）选择要转义的数据层级（3）复制json数据（4）粘贴数据到代码生成工具中并生成interface三、主要实现逻辑介绍：我们通过打开Yapi各个接口文档我.
2021-01-22 16:40:39
1027
11
原创 扫雷简易版-TS初学版（好吧基本上没有用到什么TS的内容）
游戏介绍：《扫雷》是一款大众类的益智小游戏，于1992年发行。游戏目标是在最短的时间内根据点击格子出现的数字找出所有非雷格子，同时避免踩雷，踩到一个雷即全盘皆输。游戏操作功能：游戏的基本操作包括左键单击（Left Click）、右键单击（Right Click）、双击（Chording）三种。其中左键用于打开安全的格子，推进游戏进度；右键用于标记地雷，以辅助判断，或为接下来的双击做准备；双击在一个数字周围的地雷标记完时，相当于对数字周围未打开的方块均进行一次左键单击操作：左键单击：在判断.
2020-11-16 17:13:29
279
原创 js获取时间戳各种获取玩法、new Date() 格式处理
## new Date() 提供的apivar myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) // 所以获取当前月份是myDate.getMonth()+1; myDate.getDate(); //获取当前日(1-31) myDate.
2020-05-09 16:00:45
293
原创 vue 获取元素宽度、高度
//获取dom元素高度/宽度通过在标签里面定义ref属性，用this.$refs.自定义名称.clientHeight/ clientWidth;去获取。// html<div ref="pageContainer">// jsthis.$refs.pageContainer.$el.clientWidth + "px" //宽度this.$refs.pageContainer.$el.clientHeight + "px" //高度亲测有效~...
2020-05-09 15:24:59
17816
原创 数组实用的原型扩展方法举例
原生 JavaScript 中对数组提供的方法不能完全的满足我们的需求，这在一定程度上降低了开发效率，如果你也为此所困扰，那么我们可以将我们日常经常用到的方法挂载到Array的原型链上。1.深拷贝Array.prototype.coyp = function(){ return JSON.parse(JSON.stringify(this))}2.简单数组去重Array....
2020-03-24 16:48:21
335
原创 仿电商红包摆动效果
废话不多说，直接上代码~~~html:<img class="small" src="https://resource.tuixb.cn/test/mp_51dcd190-834c-11e9-8444-018b79c0e985/default/f82aaf97-0fbc-4a7e-afc9-ad9a11277924.png" />css:.small{ po...
2020-03-24 15:33:51
517
原创 淘宝镜像安装
#### 淘宝镜像安装 控制台内执行 npm install -g cnpm --registry=https://registry.npm.taobao.org#### 使用 安装成功后 使用 cnpm i xxx 代替 npm install xxx
2020-01-13 15:00:49
486
原创 CSS清除样式
/*---------------------------- 清除默认样式---------------------- *//**{margin:0; padding:0;font-size:12px;font-family:"微软雅黑";color: #666; border: none;}*//*去掉所有元素的边框*//**:focus { outline: none; }*...
2020-01-13 14:12:20
531
原创 移除JSON对象中的某个属性
思路：方法一：通过把json中需要的值取出来，重新生成json对象，这种方法比较笨，并且相对复杂，不建议。方法二：通过delete 删除属性，这种方法比较常用，在第三方js库中经常能看到，推荐举个栗子：let objArr = [{"name":"张三",age:"11",sex:"男"},{"name":"李四",age:"20",sex:"男"}];//删除李四的age...
2020-01-07 16:37:41
6665
1
原创 JQ预览图片
var reader=new FileReader(); reader.onload=function(e){ console.log(e) fileImg = reader.result if(fileImg){ $(‘.poster > img’).eq(isIndex).attr(‘sr...
2020-01-03 17:07:41
166
原创 小程序获取上个页面vm对象 解决百度小程序返回上一页不更新onShow更新（适用于uni-app）
export function getPrevPageVue(){ let pages = getCurrentPages(); return pages[pages.length-2].$vm }可通过getPrevPageVue()拿到上一个页面的数据及方法
2020-01-03 17:06:38
1643
原创 js项目常用方法集合
1.价格格式化 export function moneyFilter(val){ if(!val||val==0){ return "0.00" } val = Math.floor(Number(val)*100+0.500001) let decimalStr = val%100 if(deci...
2020-01-03 16:58:05
317
转载 css 样式初始化（rem兼容）
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd...
2020-01-03 16:48:56
206
1
原创 canvas截屏网页为图片下载到本地-html2canvas.js
说明：此方法主要是运用canvas插件：html2canvas.js插件地址下载：http://html2canvas.hertzen.com/在此再附带赠送一位大佬自己页面的链接：https://www.baidufe.com/（备注：插件多多，组件多多，dome多多！！！）//canvasImg为需要截取成图片的html部分html2canvas(canvasImg).t...
2020-01-03 16:03:15
160
原创 小程序 请求Promise封装
最近做小程序在调用后台接口的时候感觉总写很长一串，很冗杂。非常想念vue中promise封装的写法，于是自己初步封装了一下。1.url 接口地址2.headers请求头3.params 请求参数4.host 服务端地址 /** 字符串化 */ export function stringifyQuery(query){ let arr = [...
2019-09-17 09:32:21
176
2
原创 小程序组件 scroll-view 横向滚动条无效
小程序组件 scroll-view 中分别有上下竖向滑动和左右横向滑动，在这次项目中刚好需要用到横向滑动，但在测试过程中发现横向滑动没有了效果（静止在那里没移动过,并且换行了），经调试发现：1.scroll-view 中的需要滑动的元素不可以用 float 浮动；2.scroll-view 中的包裹需要滑动的元素的大盒子用 display:flex; 是没有作用的；3.scroll-v...
2019-09-17 09:30:36
222
ts-interface-yapi Setup 0.1.0.exe
2021-01-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人