javascript
关注
分享
扫一扫
嘿喵-财运旺旺
这个作者很懒，什么都没留下…
展开
-
input 失去焦点键盘空白解决
这个问题是手机输入法是第三方输入导致，例如百度输入法、搜狗，ios会有不同版本导致。解决办法是全局监听失去焦点事件。原创 2022-11-14 19:49:21 · 981 阅读 · 1 评论 -
echarts旋转图表、图表横屏显示或是屏幕旋转横屏示例
<html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"/> <title>Untitled Document</title> <script src="https://cd原创 2021-01-27 15:02:17 · 4284 阅读 · 1 评论 -
Chart.js 旋转 支持屏幕旋转与窗口旋转
<html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"/> <title>Untitled Document</title></head><body><原创 2021-01-25 11:27:02 · 329 阅读 · 0 评论 -
vue 创建canvas画板制作图片和文字，支持文字自动换行
canvas文档：https://www.runoob.com/jsref/dom-obj-canvas.html创建画板、图片、文字、自动换行都是分开方法，可以灵活调用里面有两个小demo，演示调用方法其实简单修改也可以不需要依靠vue<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></原创 2020-05-15 17:38:11 · 3219 阅读 · 0 评论 -
开发者工具上正常运行而真机调试时出现“Component is not found in path "components……Error: Component is not found in path
首先components和page是两码子事情app.json ->pages内如果有路径那绝壁创建错了可以去你的 插件.json 内看看有木有 “component”: true,没有就加上不行就重新创建组建...原创 2020-04-02 10:57:53 · 1855 阅读 · 0 评论 -
微信录音amr解码问题
微信录音amr格式在php后端进行转码只有两种办法1、ffmpeg工具实现，需要安装拓展，比较繁琐 参考地址：https://blog.youkuaiyun.com/bq_cui/article/details/704457812、通过七牛云进行转码，但是免费带宽有效！3、前端解决播放问题，解决办法如下：安装amr.js https://www.npmjs.com/package/amr-js...原创 2020-03-16 20:35:41 · 799 阅读 · 1 评论 -
vue 利用canvas生成二维码海报
做这么个破玩意居然难住了，度娘个杂……果断看官方文档canvas的原理，也就十来分钟的事html 给个画布 可以在div内，这样可以控制显示大小<!-- 二维码--><div style="display: none;" id="my_qrcode" class="qrcode"></div><!--海报--><canvas ...原创 2019-03-25 17:41:19 · 3470 阅读 · 7 评论 -
华为手机 微信悬浮窗无法返回
华为烂手机悬浮窗返回无解……因为tmd重新打开页面，往哪里返……浪费我半小时如果页面深入只有一层 解决办法：1. 每次打开页面存储上一页的地址// 存储上一页 if (document.referrer){ localStorage.setItem('referrer', document.referrer); }2。如果返回失败就跳转存储的...原创 2019-03-19 10:31:12 · 2550 阅读 · 0 评论 -
vue 滑倒底部
// 规则滑动触发scroll: function () { // 窗口撑开 document.getElementsByTagName('body')[0].className = 'bodyOpen'; var t = this; document.getElementById('pact').addEventListener('scroll', fu...原创 2019-03-27 09:22:14 · 735 阅读 · 0 评论 -
微信JSSDK invalid signature 错误的解决方案
先把缓存清理一下，把所有有关的缓存清除在测试一下，不行按照下面的方法排除记得开始debug模式wx.config({ debug: true,}核对官方步骤，确认签名算法。确认签名算法正确，可用 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign 页面工具进行校验。 确认config中nonce...原创 2019-04-10 17:05:54 · 2929 阅读 · 0 评论 -
js 指定时间执行 每分钟或每小时整点执行
var id =setInterval(function () { if (new Date().getMinutes()==0){ //myDate.getHours(); //获取当前小时数(0-23) console.log('当前是',new Date().getMinutes()) clearInterv...原创 2019-04-28 17:38:27 · 9193 阅读 · 1 评论 -
vue 跨域 微信jssdk 解决from=singlemessage&isappinstalled=0 导致再次分享失败
jssdk是后端进行签署，前端校验，但是有时跨域，最大问题就是分享以后会自动带上from=singlemessage&isappinstalled=0以及其他参数，分享朋友圈参数还不一样，貌似系统不一样参数也不一样，但是每次获取url并不能获取后面这些参数所以在分享链接后面带上 ？就可以完美解决获取完整的url发送后端当前完整url路径以及参数，完美！赏根雪糕去……...原创 2019-05-24 22:36:02 · 6684 阅读 · 0 评论 -
php base64 换行导致无法保存或读取 图片空白
js将base64发送php出现无法保存，或是无法生成图片找遍全网无答案，最后比对一番发现是空格在捣鬼！！！str_replace(' ', '+', $base64)原创 2019-05-27 17:16:02 · 1395 阅读 · 0 评论 -
微信内置浏览器 微信放大、预览图片官方接口
* img图片一定是http开头非标准方法-不确定WeixinJSBridge可以用多久function getImage() { let imgs = []; //获取图文中全部的img标签对象 let imgObj = document.getElementsByTagName('img'); let l=imgO...原创 2019-07-31 16:59:31 · 2901 阅读 · 0 评论 -
mint-ui picker 实现省市区县三级联动 单一市无法联动BUG解决
关于联动方法来自：https://www.cnblogs.com/zling-gnilz/p/7987796.html下面代码留个备份HTML:<mt-picker :slots="slots" value-key="name" @change="onValuesChange"></mt-picker> JS :const address = [ ...转载 2019-08-13 15:46:44 · 651 阅读 · 0 评论 -
mint-ui Datetime picker 起时日期问题
看图，不要大写……如何格式化时间?在回调方法进行转handleConfirm() { this.dateValue = this.date.toLocaleDateString() }终极解决办法，趁早放弃mint-ui终极解决办法，趁早放弃mint-ui终极解决办法，趁早放弃mint-ui终极解决办法，趁早放弃mint-...原创 2019-03-19 17:16:31 · 1293 阅读 · 1 评论 -
vue 组件更新父级参数 组件参数双向绑定
方法一 方法实现主要涉及.sync $emit 需要新版本的支持（2.3.0+ 新增），实现原理实际和方法二一样 注意大小写与-的转换官方解释：https://cn.vuejs.org/v2/guide/components-custom-events.html<button-counter :panel.sync="panelShow"></b...原创 2019-02-28 12:11:21 · 1111 阅读 · 0 评论 -
js退后一步并刷新
方法一window.history.back(-1);这个只能后退一步不能刷新location.href=document.referrer; document.referrer是获取上一页的url具体方法：https://blog.youkuaiyun.com/sym134/article/details/80509438方法二这种方法每次进入页面都会自动进行一次加载 ...原创 2018-05-24 11:25:27 · 1569 阅读 · 0 评论 -
js 实现浏览器返回按钮返回页面并刷新页面 微信可用
监听浏览器返回按钮，监听到以后执行来源重载 微信可用$(document).ready(function(e) { var counter = 0; if (window.history && window.history.pushState) { $(window).on('popstate', function () {...原创 2018-05-30 14:21:29 · 1391 阅读 · 0 评论 -
禁止遮罩层以下屏幕滑动
原帖地址：https://www.cnblogs.com/gaohui/p/5819777.html其他方法参考链接下面是最适合的$(".zhezhao").on('touchmove',function(e){ e.preventDefault(); //阻止默认行为 })只需要给遮罩这一层添加 禁止触摸就可以了，...原创 2018-06-21 11:58:12 · 906 阅读 · 0 评论 -
百度地图添加自定义Marker+显示覆盖层次优先级+自定义图标+自定义图标文字+图标跳的+自定义信息窗口+按键切换地图样式+滚轮控件
下面代码是项目内的，需要可以自行截取创建地图<!--百度地图显示区域--><div id="print"></div><script type="text/javascript"> // 卡片设置 var opts = { width: 380, height: 180, opacity:...原创 2018-05-31 15:17:33 · 10573 阅读 · 13 评论 -
微信自定义分享动态配置title、url等
设置分享wx.ready(function () { // wx.hideMenuItems({ // 发送参数设置 window.shareData = { title: names, // 分享标题 desc: descs, // 分享描述 link: urls, /...原创 2018-07-10 18:04:25 · 4526 阅读 · 0 评论 -
ios 不兼容 new Date()问题
new Date("2018/10/22 23:23:23");切记一定是‘/‘千万别是‘-‘ 下面这种只会返回date nullnew Date("2018/10/22 23:23:23");原创 2018-08-03 16:58:58 · 1905 阅读 · 0 评论 -
js删除指定数组、删除数组区间
定义和用法 splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。注释：该方法会改变原始数组。参数 描述 index 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。 howmany 必需。要删除的项目数量。如果设置为 0，则不会删除项目。 item1, …, itemX 可选。向数组添加的新项目。说明 splice() 方法...原创 2018-08-19 12:09:12 · 1612 阅读 · 0 评论 -
小程序隐藏顶栏或是自定义
navigationStyle String default 导航栏样式，仅支持以下值： default 默认样式 custom 自定义导航栏，只保留右上角胶囊按钮{ "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "backgrou...原创 2018-08-19 16:02:52 · 3990 阅读 · 0 评论 -
Vue 全局自定义过滤器、过滤器公共调用
定义一个全局的自定义过滤器，需要使用Vue.filter()构造器。这个构造器需要两个参数。Vue.filter() Constructor Parameters:1.filterId: 过滤器ID，用来做为你的过滤器的唯一标识；2.filter function: 过滤器函数，用一个function来接收一个参数，之后再将接收到的参数格式化为想要的数据结果。 1、格式化时间...原创 2018-08-31 09:59:54 · 5198 阅读 · 0 评论 -
Vue input的一些方法
多选框 获取value 值，已经动态改变样式<div class="doctor"> <div class="doctor-li"> <input type="checkbox" v-on:change="check" id="checkbox" value="111" v-model="v原创 2018-09-10 17:22:15 · 2748 阅读 · 0 评论 -
vue 定位元素 滚动至元素位置 兼容ios 获取元素的位置
1、获取元素的位置var h = document.querySelector('#id').offsetTop2、 设置滚动位置// 此方法适合谷歌浏览器 ie 但不适合iosdocument.documentElement.scrollTop = h ;//不需要加单位 h 就是当前元素距离顶部的位置// IOS 兼容window.scrollBy(0, h);//...原创 2018-12-19 17:25:23 · 1655 阅读 · 0 评论 -
js实现起伏的水波背景效果 会员背景
<!DOCTYPE html><html><head> <title>水波背景</title> <meta charset="gb2312" /> <style> html, body {width:100%; height:100%; padding:0; margin:0转载 2018-12-14 11:33:57 · 1250 阅读 · 0 评论 -
js奇葩需求 第一个参数拆开为数组 指定位置替换 字符串特定位置拆分数组
比如 '43242 : fsfsdfs : r232:fsfsdf' 这样的字符串 希望得到的结果是['43242', 'fsfsdfs : r232:fsfsdf']方法1:str='43242 : fsfsdfs : r232:fsfsdf';str = str.replace(':',"#")；str.split("#")；//结果 ["43242 ", " fsf...原创 2018-12-28 17:10:22 · 580 阅读 · 0 评论 -
jq格式化表单serialize后无法获取到Input中disabled的值怎么办
form表单中，如果简单的表单样式，可以在js中直接通过js.serialize()方法获取到form表单中所有input中设置了name属性的Input的标签内容，但是有时候需要禁用input按钮的文本输入，disabled=disabled，这样设置以后form表单的serialize后无法获取到该Input标签的value了，怎么办呢？ 解决：去除disabled=disabled，按照w...转载 2019-01-17 11:34:20 · 4541 阅读 · 0 评论 -
vue input自动获取焦点
方法一 这个方法适合vue插件，id比较好绑定// html 部分<input type="text" id="name">// js部分mounted() { this.$nextTick(() =>{ document.getElementById('phone').focus(); ...原创 2019-02-28 09:20:59 · 3573 阅读 · 0 评论 -
js 数组转json，json转数组
//数组转json串var arr = [1,2,3, { a : 1 } ];JSON.stringify( arr );//json字符串转数组var jsonStr = '[1,2,3,{"a":1}]';JSON.parse( jsonStr );如果在获取form表单全部数据遍历的时候需要创建一个 var data={} 切记不是 var data=[] 否则无法转为jso...原创 2018-04-28 12:25:24 · 338 阅读 · 0 评论