- 博客(23)
- 收藏
- 关注
原创 修改uView中的DatetimePicker 实现《年月日时分秒》
对uView中的DatetimePicker组件进行修改,实现《年月日时分秒》
2023-05-07 16:03:24 1361
原创 vue项目PC端开发,当内容滚动到最顶部时按住鼠标下拉刷新,滚动到最底部时,自动加载更多数据
找了好几个网友发的代码,为什么都不符合呢。。。难道是本人太菜??只好自己写一个了。。。废话不多说,直接上demo。其中的节流,使用了lodash的throttle方法其他注意的地方,可以看注释。如有帮助,请点个赞,谢谢!<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"&
2022-04-26 00:37:36 1218
原创 前端fabric.js绘制多张图片,并通过mycanvas.toDataURL获取base64转换后,进行分割切割生成多个canvas图片
实现思路如下:通过fabric.js绘制多张图片,同理这一步也可以直接使用canvas绘制多张图片; 通过save()将整个绘制的canvas的内容转成base64数据,然后onload方法后对图片进行剪切操作; 分割的方法主要就是canvas的putImageData以下为代码demo<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="v
2021-04-14 10:50:55 3913
原创 去除vue路由链接中的#号
只需要在vue-router配置的时候添加即可const router = new VueRouter({ mode: 'history', routes // (缩写)相当于 routes: routes})
2021-03-22 22:31:51 144
原创 findIndex方法的使用,返回索引值
findIndex方法的使用,返回索引值 const arr2 = [{ "corrected": [1, 2, 3, 4], "piece": 11, "pieceName": "数据1", "uncorrected": [10, 2, 3, 4] }, { "corrected": [1, 2, 3, 4], "piece": 22, "pieceName": "数据2", "uncorr
2021-02-25 17:27:51 3485
原创 JS合并数组对象中重复数据
参考链接为:https://www.jianshu.com/p/c50515d369c4实际项目demo如下: var oldData = [ { "classid": 219, "classname": "(01)班", "gradeid": 7, "gradename": "初中一年级", }, { "classid": 224, "classname": "(02)班", "grad
2020-11-20 17:12:46 229
原创 typescript 对dom操作展开和隐藏
判断展开/收起的dom显示和隐藏,小于68隐藏功能获取dom结构,页面数据page_list const dom_text = document.querySelectorAll('.circular_text') as any; const heights: any = []; dom_text.forEach((item: any, index: number) => { // console.log(item.offsetHeight......
2020-11-05 14:30:20 414
原创 匹配两个数组,把相同的元素删除
var all_name = [{ "name": "A组", "crpMembersList": [] }, { "name": "B组", "crpMembersList": [] }, { "name": "C组", "crpMembersList": [] }, { "name": "D组", "crpMembersList": [] }, { "name": "E组", "crpMembersLi...
2020-08-03 15:29:48 1515
原创 判断内容是否滚动到底部的demo
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } </style> </head> <body&g.
2020-08-03 13:27:34 147
原创 vue的页面方法挂载到全局,便于其他跨端平台调用
需求:难点:解决办法:需求:.net开发组嵌套vue的前端页面,调用其中某一个页面的方法,并传递参数进来,进行数据接口调用,并刷新vue接口数据;难点:.net只能调用整个项目的全局方法,故页面的方法要放在全局才能被调用(当时这个问题比较麻烦,虽然方法放在了全局,但是.net却不能调用)解决办法:1、.net端和前端统一调用方法的名字,如:search();如图1所示,其中,vueTest()是单独的vue挂载到全局的方法,挂载方法见32、前端将这个方法放在项目文件p
2020-08-03 11:49:57 1263
原创 selecte 标签获取当前的选中值,通过 onchange事件获取相应的参数
html内容<select id="linewidth" onchange="line_Width(this)"> <option value="1" slected="slected">a</option> <option value="3">b</option> <option value="5">c</option> <option value="10">d</o
2020-08-02 16:55:41 3557 1
原创 根据教程写的原生js的拖拽事件
根据智能社的教程,写的demo。主要是看网上的很多都有各种各样的bug,这是在上大学期间看的视频教程,现在拿出来在这里做个备注;各位同行有用到的请点个赞再走给右下角的红色区域添加拖拽事件具体的demo如下:<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> <title>无标题文档</title> <
2020-05-15 16:18:14 10003
原创 判断一个js值是否为数字,并且不能为负数,如果有小数的话,不能多于2位
在匆忙中写了个校验数字的方法,以下为demo,验证的条件是:数值为数字,不能为负数,如果有小数,那么最多有2位小数。代码如下: var oValue = '-141'; // 字符串或者数字都可以 if (checkNumRule(oValue)) { console.log('是数字,并且大于0,小数点最多有两个'); } else { console.log('不符合验证规则'); .
2020-05-13 18:18:35 2334
原创 接上一篇
分享类型1function downloadImg(img) { var fs = api.require('fs'); fs.exist({ path: 'fs://image/shareImg.png' }, function(ret, err) { if(ret.exist) {...
2020-01-05 17:30:22 746
原创 总结一下aipclude单页面引入vue常用的方法
2019年主要做的是apiclude单页面引入vue开发APP。以下是常用的一些方法总结,在这里汇总一下吧,也算是对过去进行总结,并希望2020年能有更多的收获;Alert提示内容api.toast({msg: rs.msg,duration: 2000,location: 'bottom'});placeholder样式::-webkit-input-place...
2020-01-05 17:29:37 436
原创 根据索引删除数组对象的某一项,主要是数组操作方法splice的使用
直接上demo和输出结果 var delIndex = 2; //删除的索引值 var arr = ['aa', 'bb', 'cc']; console.log(arr.splice(delIndex, 1));//["cc"] console.log(arr);// ['aa', 'bb']...
2019-05-19 21:08:37 5141
转载 css文字两端对齐
在写页面的时候,有时候只有一行文字,上面是一张图片,但是要文字和图片两端对齐,这时候就用到css是文字两端对齐,完整demo如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> ...
2019-04-19 18:40:36 182
原创 初始化移动端页面(特别是单页面的登录界面)的最小高度,解决调用手机键盘输入时,会覆盖输入框的问题!
在移动端做单页面登录的时候,总要先设置一下页面的初始最小高度,不然在调用手机键盘的时候会将整体的页面顶上去,平时用到的比较多,还是在这里记录一下吧var screenMinHeight=document.body.clientHeight+'px'; document.getElementById('login').style.height=screenMinHeight;docum......
2019-04-19 11:48:57 494
原创 纯JS实现 省 市 县的地址三级联动,可对省市县进行初始化
在网上看了很多的效果,但是总感觉不是自己想要的效果,故花了一些时间整理了国家的省市区的行政区域规划的JSON格式的数据(2018年4月的哦),并使用jq实现了传参;一、html文件如下,select标签选择时,需要传入select标签当前选中的val值(val)和索引(index),html文件下面的js是对地址初始化的处理:<!DOCTYPE html><html&...
2018-04-24 11:32:37 2391 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人