前端
关注
分享
扫一扫
勇闯天亚
一步一个脚印
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
修改 iframe 滚动条样式使其更美观、好看，具有隐蔽性
代码如下： /*- scrollbar -*/ ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-thumb{ background-color: #999; -webkit-border-radius: 5px; border-rad原创 2021-06-23 22:04:24 · 7061 阅读 · 9 评论 -
计算字符串中出现最多的字符，当他的出现次数超过两次，以从左往右的顺序获取它第一次出现的位置
上代码：var string = "12389753121"; sor(); function sor(){ var cound = 0; var obj = {}; for(var i = 0; i<string.length; i++){ var chart = string.charAt(i); if(obj[chart]){ obj[chart]++; } else{ obj[chart] = 1;原创 2021-06-06 22:07:34 · 438 阅读 · 0 评论 -
css单行文本溢出隐藏和多行文本溢出隐藏方式，适用于列表、简介摘要等场景，通用于layui、bootstrap以及vue等
文本溢出隐藏首先要给文本一个确定的宽度，也可以结合div的大小进行自适应单行：width: 350px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;多行：width: 350px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;-webkit-line-clamp是原创 2020-08-20 22:02:45 · 494 阅读 · 0 评论 -
layui的验证码倒计时按钮变化功能，直接拿走就可以用
一、上代码：<div class="layui-form-item"> <!--<label class="layui-form-label">输入框</label>--> <label class="layui-icon layui-icon-vercode layui-form-label formslabel" ></label>原创 2020-08-14 18:21:15 · 2108 阅读 · 0 评论 -
thinkphp6的视图模板layui渲染赋值复选框专项----适用于thinkphp所有系列以及使用thinkphp引擎的相关框架
一、html代码<div class="layui-form-item"> <label class="layui-form-label">分类</label> <div class="layui-input-block" id="taglists"> <input type="checkbox" name="" title="请选择分类" value=""> </div> </di原创 2020-08-02 21:16:03 · 1122 阅读 · 0 评论 -
layui获取页面checkbox复选框值，以便提交后台获取值
直接上代码<form class="layui-form forms" action="" method="post" lay-filter="nei1s" id="nei1s"><div class="layui-form-item"> <label class="layui-form-label">分类</label> <div class="layui-input-block"> <input t原创 2020-08-01 23:21:58 · 2650 阅读 · 0 评论 -
layui选项卡不重复增加删除避免冲突的简单方法，超实用-----网上的那些都是些啥，一个比一个复杂，啥也不是！
本来想偷个懒，网上搜搜吧，然而，都是复制粘贴的内容，根本没有考虑实际场景和性能问题，冗长的代码、负责的逻辑，别说人了，就是机器都要费时间参与计算，最后导致卡卡卡。。。。哎，不说了，网上那些都啥也不是……开始上代码了：一、思路就是：将第一个固定，不参与选项卡计算，之后就好说了 <div class="layui-tab" lay-filter="demo" lay-unauto lay-allowclose="true"> <ul class="layui-tab-ti原创 2020-08-01 18:23:09 · 1172 阅读 · 2 评论 -
mui使用索引动态渲染通讯录联系人或者地点名称后无法进行搜索的解决方法
只需要在数据渲染完成后加入一条指令即可：window.indexedList = new mui.IndexedList(list);加入后就可以使用索引了哦！很简单哦，不需要太多的繁琐操作即可。原创 2020-05-09 15:52:14 · 427 阅读 · 0 评论 -
HTML5+ 复制_www内文件至_doc内，HTML5+复制文件api操作实测
一、直接上代码：先设置路径和文件路径//复制数据库到可读写目录 function copy(){ mui.plusReady(function () { var file1 = '/jietu/文件名'; var file2 = 'jietu';//目录名称 copyFile(file1,file2); }); }二、写入执行...原创 2020-04-19 14:50:03 · 761 阅读 · 0 评论 -
js控制input文本框只能输入金额数字（小数点后只能有2位）
一、首先，在input中增加onkeyup="money(this)"二、然后，引入代码<script type="text/javascript">//对输入金额进行校验function money(obj){obj.value = obj.value.replace(/[^\d.]/g,"");//清除"数字"和"."以外的字符obj.value = obj.v...原创 2020-04-16 01:28:30 · 1940 阅读 · 0 评论 -
mui和html5中使用js实现通讯录、索引页面、搜索功能等的具体操作方法通用于小程序--实测
一、先获取json数据（api返回数据或者sqllite本地数据库查询得出）var datau = [{"username":"我","id":1},{"username":"不","id":5},{"username":"懂","id":2},{"username":"爱","id":11},{"username":"啊","id":6},{"username":"按","id":9}];...原创 2020-04-14 04:24:51 · 641 阅读 · 4 评论 -
JS实现中文转拼音（首字母大写和首字母简拼）通用于mui、小程序等
一、将汉字翻译为拼音，其中每一个字的首字母大写；使用方式：pinyin.getFullChars(this.value);二、将每汉字的拼音首字母提取出来，是大写的形式。pinyin.getCamelChars(this.value);下面是实现的代码，getPingyin.js,均测试过，非常好用的var pinyin = (function (){ var...转载 2020-04-14 01:35:41 · 67527 阅读 · 0 评论 -
js 将页面保存为图片，并保存到本地，以供使用
<!DOCTYPE html><html><head><title>保存为images</title><meta charset="utf-8" ></head><body class="Body"><div class="AllWrap relative"> &l...转载 2020-04-11 20:03:36 · 913 阅读 · 1 评论 -
vue的时间戳转换标准时间格式的方法，适用于element和js
//时间戳格式化 formatDate(row) { let date = new Date(parseInt(row.createTime) * 1000); let Y = date.getFullYear() + '-'; let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : ...原创 2020-01-04 16:23:12 · 1937 阅读 · 0 评论 -
mui步骤条实现方法代码实例，直接就能用，无需二次加工操作，结合数据渲染，可以做到快递进度步骤条，满足于html和h5的mui开发
直接上代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>步骤条step</title> <meta name="viewport" content="width=device-width, initial-scale=1,m...原创 2019-12-19 13:32:53 · 1275 阅读 · 5 评论 -
mui使用css的按钮缩放动画效果，立竿见影
二话不说，上代码/* 按钮动画效果 */.按钮的class名{ -webkit-animation: free_download 1s linear alternate infinite; animation: free_download 1s linear alternate infinite;}@-webkit-keyframes free_download{ ...原创 2019-12-01 19:17:01 · 299 阅读 · 0 评论 -
微信小程序上传后报错但是调试、预览是正确的问题解决方法（cannot read property 'requirejs' of undefined）
一、通过测试调试中可以看到thirdscripterrortypeerror:cannot read property 'requirejs' of undefinedtypeerror:cannot read property 'requirejs' of undefinedat at(app-service.js:16352:157)at require(WASubContext...原创 2019-09-03 18:36:08 · 3226 阅读 · 0 评论 -
uni-app项目给uni-icons增加扩充自己所需要的字体图标（编辑ttf文件）
实现步骤1.下载uni-icons的ttf字体图标文件（原生项目创建后是没有的，需要去官方模板实例中找，直接复制也可以）我们需要编辑ttf文件，所以需要先下载这个文件。https://blog.youkuaiyun.com/kouryoushine/article/details/1023931712. 准备新的字体图标文件（iconfont）阐述下步骤吧，怕新手不会（在其中搜索图标，然后添加入购...原创 2019-10-10 21:46:09 · 3867 阅读 · 0 评论 -
MUI的chat聊天模板头部标题栏不显示的解决方法，使用原生标题栏h5+即可解决
问：在项目中使用文档中的chat代码后 在模拟器和真机上运行 页面的标题栏均不显示 但是在pc chrome浏览器调试 标题栏能显示。官方对于这个问题的回答代码冗长的可怕。。。根本不需要那么复杂，几行代码就能搞定……mui.openWindow({ url: webviewUrl, id: webviewId, styles: { ...原创 2019-06-24 17:51:56 · 996 阅读 · 2 评论 -
javascript监听键盘事件 - 如表单enter回车提交-MUI通用的哦！亲测有效
javascript监听键盘点击时间，比如：enter回车表单提交、禁止F5刷新、禁用鼠标右键等等<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>监听BackSpace_Esc_F2_F12_Enter_Ctrl+S等等组合键</title..转载 2019-02-24 00:00:52 · 1444 阅读 · 2 评论 -
layui执行操作的时候弹出等待框--亲测可用
一、创建事件方式function showLoad() { return layer.msg('拼命执行中...', {icon: 16,shade: [0.5, '#f5f5f5'],scrollbar: false,offset: 'auto', time:100000}); } function closeLoad(inde...转载 2019-08-14 18:09:52 · 5002 阅读 · 1 评论 -
electron中JS报错：require is not defined的问题解决方法
Electron已经发布了6.0正式版，升级后发现原来能运行的代码报错提示require is not defined解决办法：修改创建BrowserWindow部分的相关代码，设置属性webPreferences.nodeIntegration为 truelet win = new BrowserWindow({ webPreferences: { node...原创 2019-08-08 16:25:33 · 13266 阅读 · 20 评论 -
百度小程序将时间戳转换显示成几天前、几小时前，并循环渲染到视图层
可怜的百度小程序，文档少、例子少，网上还找不到。。。找了很多没几个能用的，哎，只能自己琢磨了……一、先说思路：当获取到数据后（服务端返回的一堆数组数据），将其中的时间转换，然后输出到逻辑层数据中，然后会自动更新视图层。二、上代码： success: res=> { var arr = res.data; for...原创 2019-03-28 14:09:13 · 1151 阅读 · 0 评论 -
百度小程序总是编译错误的解决方法
由于百度小程序也是上线正式版不久，各种bug还是挺多的，让很多新手会崩溃掉的哦。。。。对于一般的编译错误（没有提示明显语法错误等），只能够重新建立项目来修复这个bug了。没办法，官方都没有任何实质的结局方案。...原创 2019-03-28 02:11:54 · 1948 阅读 · 0 评论 -
H5和html、mui等前端百度ORC识别身份证、驾驶证接口的api实现方法
直接上代码：<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-s...原创 2019-03-23 18:35:10 · 3970 阅读 · 2 评论 -
mui的APP和uni-app的程序对于提示安卓9不兼容、无响应等问题的解决方法
近期很多人反馈安卓9不兼容、各种问题等，当然笔者也遇到了，由于手边没有安卓9的样机只通过安卓市场检测反馈出这个问题，通过调整后轻松解决。好了，介绍下方法吧：一、打包的之前保证使用的是HBuilderX最新版二、打包必须使用HBuilderX最新版进行打包，之前的HBuilder打包会出安卓9不兼容问题，而且打包还常常失败三、开启相关权限：如图 "ssl": { ...原创 2019-03-22 20:28:37 · 3879 阅读 · 5 评论 -
使用chrome解决http自动跳转https问题--实测有效-https服务后切换回http后总是自动跳转https
使用https服务后切换回http后总是自动跳转https，域名解析更换也无法解决，经过测试，找到了一个方法：1.地址栏输入： chrome://net-internals/#hsts2.找到底部Delete domain security policies一栏，输入想处理的域名，点击delete。3.搞定了，再次访问http域名不再自动跳转https了。 借鉴于：http:...转载 2019-02-11 15:32:20 · 5797 阅读 · 6 评论 -
MUI集成支付宝支付签名调用H5+plus接口问题解决方法（旧版接口）---原创
一、先下载文件：https://github.com/dcloudio/H5P.Server/tree/master/payment/alipay觉得速度慢就下载这个：https://www.lanzous.com/i313vgj二、按照压缩文件中的说明对照修改相应参数： 三、修改好以后，有几个注意的地方因为这个mui的h5+接口使用的是旧接口，也就是RSA的加密方式，新的...原创 2019-01-30 02:44:22 · 1615 阅读 · 5 评论 -
MUI使用h5+进行召唤各大APP应用市场调用启动的包名和方式
一、语法规范// 扩展API加载完毕后调用onPlusReady回调函数document.addEventListener( "plusready", onPlusReady, false );// 扩展API加载完毕，现在可以正常调用扩展APIfunction onPlusReady() {}// 调用第三方程序function launchApp() { if ( plu...原创 2019-02-15 16:04:36 · 2285 阅读 · 2 评论 -
mui中在线打包的api版本太低，无法符合最低26的api，无法上传IOS苹果和安卓市场解决办法，
一、使用HBuilder X二、在这个文件manifest.json 在 "google":{ //中加入 "targetSdkVersion":26 }，三、再打包即可。 "targetSdkVersion":26 中的26不要加引号。四、官方说HBuilder的最新版也可以，但是我试了很...原创 2019-01-02 20:53:45 · 1201 阅读 · 0 评论 -
js的隐藏姓名方式保护用户隐私，只显示首个汉字也就是姓，后面的隐藏，匿名方式
alert("13456789012".replace(/([\u4E00-\u9FA5]{1})([\u4E00-\u9FA5]+)$/,"$1*****"));原创 2019-05-15 22:20:37 · 4824 阅读 · 4 评论 -
mui的H5+APP实现联网定位权限提醒并跳转至设置，支持原生，api21以上实测
一、先获取网络状态和权限//获取当前网络类型 var nt = plus.networkinfo.getCurrentType(); if (nt == plus.networkinfo.CONNECTION_NONE) { if(localStorage.getItem('netStatus') == null || localStorage.getItem('netSta...转载 2019-06-02 02:32:38 · 1877 阅读 · 5 评论 -
h5+、mui等app安卓需要的Android权限大全（不用再费心找了）
1.android.permission.WRITE_USER_DICTIONARY 允许应用程序向用户词典中写入新词2.android.permission.WRITE_SYNC_SETTINGS 写入Google在线同步设置3.android.permission.WRITE_SOCIAL_STREAM 读取用户的社交信息流4.android.permission.WRITE_S...翻译 2019-07-04 15:36:52 · 3262 阅读 · 2 评论 -
mui的数字安全键盘适用于手机版h5+
一、代码引用<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">...原创 2019-08-08 00:57:21 · 1089 阅读 · 2 评论 -
PHP返回结果到前端的同时继续执行后续的任务，尤其是api请求的app、PC端等
$rs = ['code' => 0, 'msg' => 'ok', 'data' => true];set_time_limit(0);ob_end_clean();header("Connection: close");header("HTTP/1.1 200 OK");header("Content-Type: application/json;charset=...转载 2019-08-03 03:55:45 · 891 阅读 · 0 评论 -
ECharts+get.done来绘制图表，亲测有效，网上的都是失败，自己尝试写，最新版4.2.1
一、按照官网的引入相关js官网教程引入二、给个容器<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM --> <div id="main" style="width: 600px;height:400px;"></div>三、绘制空图表（很重要，否则报错）option = { color: ['#3398DB...原创 2019-08-03 00:44:37 · 1031 阅读 · 0 评论 -
window.open打开新页面，并将本页数据用过url传递到打开的页面，详解
页面1 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form action=""> ...转载 2019-07-06 10:59:59 · 2752 阅读 · 0 评论 -
mui和h5+中如何将讯飞语音更换成百度语音，并实现无限调用量配额，避免讯飞的500次限制
网络中和官方都是在绕来绕去，造轮子不说，成功率不高，可操作性不强……经过多次测试，发现一个终极解决方法，特别简单，如果你知道了肯定会脑海中无数动物飘过……好了，那我就上代码了……一、根据官方进行相关配置（配置语音权限、百度sdk申请key等）这里就不再重复了，一搜一大把二、打开你的mui.js（或者mui.min.js），实际使用中你用哪个就打开哪个，千万别说你都用，大家会^_^你...原创 2019-06-24 16:00:43 · 777 阅读 · 0 评论 -
mui使用百度在线语音合成来制作文字转语音来播放替代讯飞每天500次限制，做到无限使用，具备客户端和服务端调用方法，满足语音播报朗读等场景
上代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-sc...原创 2019-06-24 12:27:40 · 2597 阅读 · 9 评论 -
mui和h5+app集合讯飞语音合成播报功能
在需要语音合成的地方加入如下Native.Js代码var main = plus.android.runtimeMainActivity();var SpeechUtility = plus.android.importClass('com.iflytek.cloud.SpeechUtility');SpeechUtility.createUtility(main,"appid=你的a...原创 2019-06-24 00:25:53 · 2350 阅读 · 1 评论