- 博客(98)
- 收藏
- 关注
原创 微信小程序调用wx.scanCode 结果通过JSON.parse解析错误提示
wx.scanCode({ onlyFromCamera: true, success(res){ console.log(res.result) // JSON.parse() 解析时报错 //可能因为扫描二维码获取的值,前端有一个空格。用result.trim()去除空格后解决问题。 let rr=JSON.parse(res.result.trim()) } })...
2022-05-11 16:52:15
1136
原创 js监听浏览器离开页面操作
ie、chrome、360:页面加载时执行unload();刷新时先执行onbeforeload(),新页面即将替换旧页面时onunload(),最后unload();关闭时执行onbeforeload(),再执行onunload().firefox:刷新时只执行onunload();关闭时只执行onbeforeunload()window.onbeforeunload=function(e){ var e = window.event||e; e.returnValue
2022-02-25 16:17:12
2643
原创 html取消浏览器的表单提示
入框点击的时候,有些浏览器会根据历史输入,自动提示一些内容取消提示 input 添加属性autocomplete=“off”<input type="text" name="" id="" autocomplete="off">
2022-02-24 11:47:15
723
原创 git push 报错hint: Updates were rejected because the tip of your current branch is behind hint: its re
网上搜索了下,是因为远程repository和本地的repository冲突导致的,例如 在创建版本库后,在github的版本库页面点击了创建README.md文件的按钮创建了说明文档,但是却没有pull到本地。这样就产生了版本冲突的问题。解决方法:1.使用强制push的方法:git push -u origin master -f这样会使远程修改丢失,一般是不可取的,尤其是多人协作开发的时候。2.push前先将远程repository修改pull下来git pull origin mast.
2022-01-07 16:05:11
1121
原创 TinyMCE 避免图片地址和链接地址转换成相对路径
默认情况下,TinyMCE 会自动转换文章里面的链接,统一使用相对路径,而且是相对于当前页面的路径,这样就很有问题了,往往我们的编辑页面和实际看到的页面可能都不是一个层级,转换后的链接就是错误的,最直接的配置。 language_url: 'static/tinymce/zh_CN.js', // 引入语言包文件 language: 'zh_CN', // 语言类型 content_style: 'p {margin: 0px; border:0px ; padding: 0px;}', // 设置行
2021-12-27 14:38:45
1832
转载 img标签设置默认图片
有时需要给图片设置默认图,比如用户头像,默认商品图等。img的alt属性只是给图片设置未加载时的文字提示信息。这时,通常会用到onerror属性,一下为常用的两种方法:1、让图片元素隐藏<img src="图片的url地址" alt="图片XX" onerror="this.style.display='none'"/>2、设置默认图<img src="图片的url地址" alt="图片XX" onerror="this.src='默认图片的url地址'"/>第二种方式
2021-12-27 14:07:42
5973
原创 Web项目 引入Editormd
官方演示以及说明地址官方Github地址引入Editormd编辑器以下码为例 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <title>html引入editor markdown在线编辑器</title> <!-- 引入相关样式表 --> <link rel="stylesheet" href=
2021-12-24 16:51:11
772
原创 js 本地input上传图片预览
<img class="img" src="" width="100" height="100"><input class="a" type="file">$('.a').change(function(e) { var _URL = window.URL || window.webkitURL; var file=this.files[0], img; img= new Image(); img.onload = function() {
2021-12-24 15:31:19
589
原创 js 按钮 上传读取文件内容与写入保存文件
此文针对md、txt、js、html等文件上传选择文件let input = document.createElement("input");input.setAttribute("type", "file");input.setAttribute("accept", ".md");input.onchange = function () { let file = this.files[0]; //file.name 文件名称 console.log(file, file.name); g
2021-12-24 15:15:41
1617
原创 解决echarts map等在移动端tooltip溢出显示不全
可以尝试在tooltip中加入confine: true//看引用版本情况而定,低版本不一定有效
2021-12-23 15:26:16
693
原创 js筛选不区分大小写
var data=['aa','Bb','哈哈哈a','哈哈B','BBB']data.filter(v=> v.toLowerCase().indexOf(val.toLowerCase())>-1)使用filter筛选出包含str的item组成的数组;解释:toLowerCase()方法:将字符串统一转成小写toUpperCase()方法:将字符串统一转成大写...
2021-12-17 11:19:23
2127
原创 echarts 获取地图下的省市列表
获取数据省市名称与echarts map中的名称不一致等等情况echarts.getMap(‘china’).geoJson.features; //获取全国下的省信息 可与接口中的城市code进行匹配对应获取省下信息echarts.getMap(省名称).geoJson.features注意省名称需与地图中的对应通过数据匹配显示省下市级信息...
2021-12-15 17:33:32
2120
原创 js实现网页点击复制(可用于h5点击复制等)
var input1 = document.createElement("input"); // 直接构建input input1.value = "内容内容内容内容"; // 设置内容 document.body.appendChild(input1) input1.select(); // 选择实例内容 document.execCommand("Copy"); // 执行复制 document.body.removeChild(input1); // 删除临时实例..
2021-12-14 11:46:29
2165
原创 解决div 元素中 image标签 图片底部留白
出现原因:图片的display属性默认是inline,这个属性的vertical-align的默认值是baseline。所以图片底部会出现一个小留白区域。解决方法:方法1:设置图片为块状元素 display:block;方法2:修改vertical-align:middle;...
2021-12-10 16:48:16
784
原创 [].slice.call(arguments)
这句话相当于Array.slice.call(arguments),目的是将arguments对象的数组提出来转化为数组,arguments本身并不是数组而是对象
2021-12-01 15:03:38
161
原创 页面如何加载资源及加载资源的过程,浏览器输入url会发生什么
页面加载资源的形式有:输入url(或跳转页面)加载html2.url: www.baidu.com3.加载html中的静态资源4.script标签中资源的加载加载一个资源的过程:浏览器根据DNS服务器得到域名的IP地址向这个IP的机器发送http请求3.服务器收到、处理并返回http请求4.浏览器得到返回内容浏览器渲染页面的过程:1.根据HTML结构生成DOM Tree2.根据CSS生成CSSOM3.将DOM和CSSOM整合形成RenderTree4.根据RenderTr
2021-11-30 17:35:08
1485
原创 微信下个平台简析
微信公众平台微信公众平台,简而言之是用于管理、开发微信公众号(包括订阅号、服务号、企业号)、小程序,是微信公众号/小程序的后台运营、管理系统。日常微信公众号/小程序的运营人员,借助微信公众平台发推送,做营销等活动。微信开放平台微信开放平台,摘录网上通常拿来解释的一段话:微信开发平台主要面对移动应用/网站应用开发者,为其提供微信登录、分享、支付等相关权限和服务。微信开放平台还提供了数据统计功能,用于开发者统计接入应用的登录、分享等数据情况。接入步骤以京东APP举例,比如京东APP需要使用微信登录、分
2021-11-30 17:13:16
172
原创 使用js判断当前运行环境
在跨平台,各种浏览器,移动设备兼容的时候,经常要根据设备、浏览器做特定调整,所以判断设备和浏览器的工作,经常会用到,这里做一下总结。有关浏览器类型的信息都藏在USER-AGENT里面,首先读取navigator.userAgent里面的信息,为了方便利用toLowerCase方法转成小写的形式。然后用MATCH方法进行匹配版本信息判断移动端设备,区分android,iphone,ipad和其它var ua = navigator.userAgent.toLowerCase();if(ua.mat
2021-11-30 16:50:48
1773
原创 js中websocket基本使用及数据量过大或推送频率过快等基本问题
WebSocket的定义WebSocket是html5提供的一种在单个TCP连接上进行双向通信的协议,解决了客户端和服务端之间的实时通信问题。浏览器和服务器只需完成一次握手,两者之间就可以创建一个持久性的TCP连接,此后服务器和客户端通过此TCP连接进行双向实时通信。WebSocket的优点很多网站为了实现数据推送,所用的技术都是ajax轮询。轮询是在特定的时间间隔,由浏览器主动发起请求,将服务器的数据拉回来。轮询需要不断的向服务器发送请求,会占用很多带宽和服务器资源。WebSocket建立TC
2021-11-30 14:21:57
18723
原创 “git pull”如何强制覆盖本地文件?
重要提示:如果您有任何本地更改,将会丢失。无论是否有–hard选项,任何未被推送的本地提交都将丢失。git fetch --all然后,你有两个选择:git reset --hard origin/master或者如果你在其他分支上:git reset --hard origin/<branch_name>git fetch从远程下载最新的,而不尝试合并或rebase任何东西。然后git reset将主分支重置为您刚刚获取的内容。 --hard选项更改工作树中的所有文件以匹配
2021-11-22 14:08:11
1247
原创 js 保留小数点后两位
例 2.6666 输出2.66 不四舍五入保留两位 或 2 输出为2Math.floor(2.6666 * 100) / 100 结果为2.66Math.floor(2* 100) / 100 结果为2四舍五入保留两位var a=2.666,b=2a.toFixed(2) 输出为2.67b.toFixed(2) 输出为2.00Math.round(2.6666 * 100) / 100 输出为2.67Math.round(2* 100) / 100 输出为2...
2021-11-11 14:50:44
1016
原创 JSON数据在页面上格式化展示
如何将一段json字符串在页面上展示出来。默认是这样var jdata = JSON.stringify(JSON.parse(jsondata), null, 4);console.log(jdata);//这是在输出框的json数据确实被格式话了$(".showMessage").html("<pre>"+jdata+</pre> );//这时数据展示正确...
2021-10-22 18:04:36
1783
转载 使用git pull文件时和本地文件冲突怎么办
场景;甲修改了文件A并且push到了git server上,这时乙也在修改文件A,他想看一下甲修改了什么,于是从git server上pull下来,但是会遇到这样的提示:error: Your local changes to the following files would be overwritten by merge:文件APlease, commit your changes or stash them before you can merge.可是乙不想把他未完成的修改commit,请
2021-09-06 11:00:28
3392
原创 微信小程序自定义扫码功能界面
由于直接调用微信的scanCode,无法自定义界面,所以在此使用原生组件camerahttps://developers.weixin.qq.com/miniprogram/dev/component/camera.html<block wx:if="{{showCamera}}"> <camera flash="{{flash}}" binderror="error" bindscancode="scancode"> 在原生camera组件上,覆盖需要用到c
2021-08-05 16:26:07
2609
原创 js 宏任务与微任务
宏任务:计时器 ajax 读取文件等微任务:promise等执行顺序:1、同步程序2、process.nextTick(Node.js 环境)3、微任务4、宏任务5、setImmediate setImmediate(()=>{ console.log(1) }) console.log(2) setTimeout(()=>{console.log(3)},0) setTimeout(()=>{console.log(4)},100) console..
2021-07-26 17:01:04
215
转载 小程序 实现手写签名功能
小程序利用canvas实现手写签名设置小程序横屏在page.json或对应页面 .json文件中设置landscape代表固定横屏"pageOrientation":"landscape"手写签名创建canvas画布 设置监听触摸开始 移动 结束等时间此处为uniapp示例 原生小程序的也可参考进行修改(只需将@touchmove等事件换为bindtouchmove等微信事件即可)<view class='contents'> <canvas class='.
2021-07-23 10:42:44
4320
原创 JS数组对象排序 sort
var person = [{name:"Rom",age:12},{name:"Bob",age:22},{name:"Ma",age:5},{name:"Tony",age:25}] person.sort((a,b)=>{ return a.age-b.age})//升序 person.sort((a,b)=>{ return b.age-a.age})//降序
2021-07-08 15:54:13
820
原创 解构某个对象给另一个对象赋值
方法一 :Object.assign()可以把一个对象的属性复制到另外一个对象里面第一个参数是接受者,也就是要复制到的那个目标,第二个是复制的源;Object.assign( breakfast, { drink:'beer' })console.log(breakfast) //{drink:'beer'}方法二:可以使用JSON.stringify过滤 // 原始let person = { id:'', name: '', height: ''.
2021-05-27 14:33:55
2996
原创 tinymce 上传本地视频
tinymce富文本编辑器的视频上传功能,发现默认只能填写视频链接,不能上传本地的视频修改视频上传按钮需要设置 file_picker_callback在 tinymce.init 中添加 //自定义文件选择器的回调内容 此方法只有在点击上方图片按钮才会触发 file_picker_callback: function (callback, value, meta) { if (meta.filetype === 'file') { callback('
2021-05-26 10:39:17
8270
10
原创 一款简单易使用的富文本插件 tytinymce
inyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有:UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。简介直达下载如果你是vue3.x 那么你直接npm install tinymce @tinymce/tinymce-vue -S再然后把node_modules/tinymce下的skins 文件夹copy到public文件夹下最后下载语言包,把里面的js文件也放进去中文包下载 ht
2021-05-26 10:24:18
1648
2
原创 echarts 自定义折线图颜色及拐点 及 tooltip
折线图颜色及拐点颜色// 折线图 option 中 加入color: ["red", "blue", "orange"], // 拐点颜色 series 数组中每项itemStyle:{//折线拐点标志的样式 borderColor:"#E9CD4B",//拐点的边框颜色 borderWidth:3.5 },自定义 tooltip tooltip: { trigger: "axis", formatter: function (s) { .
2021-05-24 17:00:48
5275
原创 echarts 不显示x轴与y轴 及 x 、y 轴样式自定义
xAxis: { show: false, // 主要是这个属性 axisLabel: { interval: 49 } }, yAxis: { show: false },
2021-05-24 16:30:48
9032
原创 echarts X轴文字竖向排列 ,一行两字竖向排列或旋转角度排列
竖向排列 (可指定文字数量)// 此为 x 轴信息 xAxis: [{ type: "category", axisTick: { show: false, }, splitLine: { show: false, }, data: [], // 可动态赋值 axisLabel: { show: true, interval: 0, // .
2021-05-24 16:25:59
2950
1
原创 echarts 基础引入及 设置响应式 自适应大小
cdn引入<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>也可去官网选择下载指定图表的文件 一键直达vue 等也可npm 引入npm install echarts基础使用<div id="main" ref="chartBox" style="width: 600px;height:400px;"></div> // 基于准备好的dom,初始化ec
2021-05-24 16:13:34
849
原创 瀑布流图片布局 xGallerify 一款轻量级响应式jQuery图片画廊插件
xGallerify是一款轻量级响应式jQuery图片画廊插件。该图片画廊插件会根据图片的尺寸智能生成网格布局,并且可以动态的添加图片。它具有响应式,易于实现等特点。使用方法使用该图片画廊插件需要在页面中引入jquery和jquery.xgallerify.min.js文件<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="
2021-05-24 14:22:38
444
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人