自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小星落

一只莫得感情的小菜鸡

  • 博客(98)
  • 收藏
  • 关注

转载 小程序页面间传参的五种方式实例详解

小程序页面间传参的五种方式实例详解

2022-09-22 22:36:13 844 1

原创 vue router 动态路由参数 及 正则匹配

vue 路由匹配

2022-09-20 11:36:47 1372

原创 微信小程序调用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 948

原创 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 2346

原创 html取消浏览器的表单提示

入框点击的时候,有些浏览器会根据历史输入,自动提示一些内容取消提示 input 添加属性autocomplete=“off”<input type="text" name="" id="" autocomplete="off">

2022-02-24 11:47:15 640

原创 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 987

原创 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 1300

转载 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 5218

原创 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 688

原创 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 549

原创 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 1510

原创 解决echarts map等在移动端tooltip溢出显示不全

可以尝试在tooltip中加入confine: true//看引用版本情况而定,低版本不一定有效

2021-12-23 15:26:16 566

原创 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 1846

原创 echarts 获取地图下的省市列表

获取数据省市名称与echarts map中的名称不一致等等情况echarts.getMap(‘china’).geoJson.features; //获取全国下的省信息 可与接口中的城市code进行匹配对应获取省下信息echarts.getMap(省名称).geoJson.features注意省名称需与地图中的对应通过数据匹配显示省下市级信息...

2021-12-15 17:33:32 1809

原创 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 2048

原创 解决div 元素中 image标签 图片底部留白

出现原因:图片的display属性默认是inline,这个属性的vertical-align的默认值是baseline。所以图片底部会出现一个小留白区域。解决方法:方法1:设置图片为块状元素 display:block;方法2:修改vertical-align:middle;...

2021-12-10 16:48:16 708

原创 [].slice.call(arguments)

这句话相当于Array.slice.call(arguments),目的是将arguments对象的数组提出来转化为数组,arguments本身并不是数组而是对象

2021-12-01 15:03:38 126

原创 页面如何加载资源及加载资源的过程,浏览器输入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 1428

原创 微信下个平台简析

微信公众平台微信公众平台,简而言之是用于管理、开发微信公众号(包括订阅号、服务号、企业号)、小程序,是微信公众号/小程序的后台运营、管理系统。日常微信公众号/小程序的运营人员,借助微信公众平台发推送,做营销等活动。微信开放平台微信开放平台,摘录网上通常拿来解释的一段话:微信开发平台主要面对移动应用/网站应用开发者,为其提供微信登录、分享、支付等相关权限和服务。微信开放平台还提供了数据统计功能,用于开发者统计接入应用的登录、分享等数据情况。接入步骤以京东APP举例,比如京东APP需要使用微信登录、分

2021-11-30 17:13:16 108

原创 使用js判断当前运行环境

在跨平台,各种浏览器,移动设备兼容的时候,经常要根据设备、浏览器做特定调整,所以判断设备和浏览器的工作,经常会用到,这里做一下总结。有关浏览器类型的信息都藏在USER-AGENT里面,首先读取navigator.userAgent里面的信息,为了方便利用toLowerCase方法转成小写的形式。然后用MATCH方法进行匹配版本信息判断移动端设备,区分android,iphone,ipad和其它var ua = navigator.userAgent.toLowerCase();if(ua.mat

2021-11-30 16:50:48 1575

原创 js中websocket基本使用及数据量过大或推送频率过快等基本问题

WebSocket的定义WebSocket是html5提供的一种在单个TCP连接上进行双向通信的协议,解决了客户端和服务端之间的实时通信问题。浏览器和服务器只需完成一次握手,两者之间就可以创建一个持久性的TCP连接,此后服务器和客户端通过此TCP连接进行双向实时通信。WebSocket的优点很多网站为了实现数据推送,所用的技术都是ajax轮询。轮询是在特定的时间间隔,由浏览器主动发起请求,将服务器的数据拉回来。轮询需要不断的向服务器发送请求,会占用很多带宽和服务器资源。WebSocket建立TC

2021-11-30 14:21:57 15270

原创 “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 1193

原创 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 974

原创 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 1604

原创 小程序map组件坐标系是gcj02坐标系

小程序map组件坐标系是gcj02坐标系

2021-09-28 10:15:30 631

转载 使用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 3158

原创 git push 或git pull 错误 10054 超时等 可尝试更新dns缓存

cmd输入ipconfig /flushdns

2021-08-10 13:08:16 544 1

原创 微信小程序自定义扫码功能界面

由于直接调用微信的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 2165

原创 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 162

转载 小程序 实现手写签名功能

小程序利用canvas实现手写签名设置小程序横屏在page.json或对应页面 .json文件中设置landscape代表固定横屏"pageOrientation":"landscape"手写签名创建canvas画布 设置监听触摸开始 移动 结束等时间此处为uniapp示例 原生小程序的也可参考进行修改(只需将@touchmove等事件换为bindtouchmove等微信事件即可)<view class='contents'> <canvas class='.

2021-07-23 10:42:44 3810

原创 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 763

原创 解构某个对象给另一个对象赋值

方法一 :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 2774

原创 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 6896 9

原创 一款简单易使用的富文本插件 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 1479 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 5089

原创 echarts 不显示x轴与y轴 及 x 、y 轴样式自定义

xAxis: { show: false, // 主要是这个属性 axisLabel: { interval: 49 } }, yAxis: { show: false },

2021-05-24 16:30:48 7885

原创 echarts X轴文字竖向排列 ,一行两字竖向排列或旋转角度排列

竖向排列 (可指定文字数量)// 此为 x 轴信息 xAxis: [{ type: "category", axisTick: { show: false, }, splitLine: { show: false, }, data: [], // 可动态赋值 axisLabel: { show: true, interval: 0, // .

2021-05-24 16:25:59 2704 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 718

原创 DataV Vue 大屏数据展示组件库

简单快速搭建http://datav.jiaminghi.com/guide/

2021-05-24 14:55:52 994

原创 瀑布流图片布局 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 384 5

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除