罗倩楠_666-CSDN博客

//arr 为接口返回的json数据var arr = [ { "id": "2052", "name": "总公司", "parentId": "1938", "parentIds": ",1938," }, { "id": "2092", "name": "eellqqe", "parentId": "2052", "parentIds": ",1938,2052," }, { "id": "2093", "name": "检修部.

2022-05-28 17:04:46 340

原创打平数组。

打平数组，又称数组拍平，数组扁平化，就是将数组里面的数组打开，最后合并为一个数组let array = [1,[2,3,4],5,6,[7,8,9,[10,11,12,[13,14]]],15]//使用递归思想//方法-：let resultArray = []function arraySpread(array) { array.forEach(item => { if (item instanceof Array) { arrayS.

2021-09-28 16:57:05 870

原创 echarts柱状图点击阴影部分触发click事件

在项目中遇到的需求是，数据相差大的时候，数据少的不好点击，也因此不太好看到下钻的数据，所以想到了点击阴影部分。这里使用的是getZr() mychart.getZr().on("click", (params) => { var pointInPixel = [params.offsetX, params.offsetY]; // 判断给定的点是否在指定的坐标系 if (mychart.containPixel(".

2021-09-17 10:12:14 1385

原创使用vant的Overlay 遮罩层做弹框，遇到的bug

*1、*遇到的需求是，在一个弹框内某个区域设定一个最大高度，超出部分实现上下滚动，*2、*overlay遮罩层的lock-scroll属性默认设置为true官方说明是：overlay锁定背景滚动，锁定时蒙层里的内容也将无法滚动*3、*我是用overlay实现的弹框，然后需要滚动的区域，在 PC端调试可以用滚轮滚动，但是在真机上不能滑动*4、*一开始我的解决办法是将lock-scroll的属性设置为false，这样需要滚动的区域可以滚动了，但是底部背景也跟着滚动了，体验很差*5、*最终解决办法是使

2021-08-13 17:19:48 5098

转载 vue项目中，更改数组元素的值，视图没有实时更新

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .div { .

2021-07-03 16:26:26 145

原创移动端键盘弹出时候，导致body高度变低，背景图上移

<div class="bg_box" id="bg_box" style="width: 100%;position:absolute;top: 0;z-index: -1;"> <div class="bg1"></div> <div class="bg2"></div> </div>body { width: 100%; height: 100vh; background-color...

2021-06-22 14:39:30 447

原创清除cookies

document.cookie = "dt_cookie_user_name_remember=0;expires=" + new Date().toUTCString(); document.cookie = "dt_cookie_user_pwd_remember=0;expires=" + new Date().toUTCString();dt_cookie_user_name_remember 和 dt_cookie_user_pwd_remember 就是存储在cookies里面的值..

2021-06-21 17:06:35 172

原创解决input file上传图片，部分手机拍照或者本地图片无法上传（图片太大，需要上传之前先压缩）

现在一般手机拍的照片都好几兆,图片文件太大会非常影响上传速度或者根本上传不上去，故上传图片前需要先进行压缩，这里使用的是lrz.js（lrz.js文件这里就不提供了）<input type="file" style="display: none;" id="unloadBtn" accept="image/*" onchange="getImg(this)"><a href="javascript:;" onclick="uploadImg()" id="result"> &l

2021-06-19 16:01:32 2106

原创水平方向内容超出滚动，隐藏水平方向滚动条(兼容IE，火狐firefox，谷歌chrome Safari)

.partys { display: flex; width: 100%; overflow-x: scroll; overflow-y: hidden; scrollbar-color: transparent transparent; scrollbar-track-color: transparent; -ms-scrollbar-track-color: transparent; -ms-overflow-style: none;

2021-06-07 13:48:09 214

原创用自定义svg实现点击图片时，图片添加边框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do

2021-05-23 22:27:32 892

原创根据用户设备不同加载不同的样式和js

2021-04-28 11:29:04 371

原创 vue根据环境自动切换服务器地址

const devServerURL = "" //开发环境const proServerURL = "" // 生产环境// process.env. NODE_ENV node.js的环境变量function isDevelopment(){ return process && process.env && process.env.NODE_ENV = "development"}//vue 根据环境服务器自动切换服务器地址const serverURL

2021-03-29 16:07:02 585

原创 jq实现每隔7秒种展示动态消息，类似于拼夕夕

//需要调用后台接口，后台接口返回的是一个数组 $(function () { var showindex = 0; var arr = []; function checkAction() { $('#box').html(''); $.get('data/getdynamic', {}, function (r) { v.

2021-03-06 14:53:02 104

原创 h5实现上拉加载分页

//监听页面的滚动事件//封装列表查询的函数为 queryList ，为了防止请求未完成时候，上拉加载过快，频繁发送请求，在全局声明一个变量isLoadingvar isLoading = falsevar pageSize = 10var flag = true //当前请求的数据条数是否满足 10条$(function(){ queryList(page) $(window).scroll(function(){ var scrollTop = $(window).scrollTop()

2021-03-06 11:37:47 560

原创 jq实现点击当前元素让某元素显示，点击其他地方，让此元素隐藏

$(".editTem_section").bind('click', function (e) { e.stopPropagation();//调用停止冒泡方法,阻止document方法的执行 $('.templates').show()});$(document).bind('click', function () { $('.templates').hide()});

2021-02-04 21:48:14 906

原创 vue判断数组是否为空

为空：array == undefined || array.length <= 0 (顺序不能调换)不为空： array !==undefined && array.length > 0 v-show="sortSecondList[index] !== undefined && sortSecondList[index].length > 0"

2021-01-29 22:54:12 8842

原创如何实现全选全不选

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <input type="checkbox" value="全选" id="ckAll" />水果</br> <div class="box"> <in.

2021-01-21 15:45:26 175

原创 vue3如何通过ref获取子组件实例并调用其身上的函数来对子组件进行传值

子组件<template> // 渲染从父级接受到的值 <div>Son: {{ valueRef }}</div></template><script lang="ts">import { defineComponent, ref } from 'vue'export default defineComponent({ name: 'Son', setup() { const valueRef = ref('

2020-12-19 11:41:11 10181 2

原创小程序上传头像，并生成base64，调后台接口实现上传功能

ModifyAvatar() { var _this = this; wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 success(res) { wx.getFil..

2020-12-18 12:05:44 428

原创解决vue3+ts 创建项目其中的.vue文件出现 ‘interface‘ declarations can only be used in TypeScript files.

// 在 *.vue 文件中的script标签上指定 lang 参数<script lang="ts"></script>

2020-12-16 19:56:59 2352

原创微信小程序跳转h5，h5回跳小程序指定页面

最近遇到一个功能，是在小程序中获取用户在公众号中的授权，拿到用户在公众号中的openid在小程序中，单独准备一个page 页，使用web-view 放置h5 的url链接，需要提前在小程序后台添加业务域名，h5页面内引入 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>最好是下载到本地，引用本地文件。直接使用线上的话，可能会报错 d

2020-12-16 17:46:34 1984 2

原创小程序判断用户有没有登录

app.getUserInfo(function () { // 判断当前用户是否微信授权 if (app.globalData.userInfo.avatar == null) { wx.showModal({ content: '您还未授权', confirmText: '去授权', success(res) { if (res.confirm) { ...

2020-12-03 15:37:00 2342

原创小程序canvas文字信息绘制图片，模拟器正常保存图片，真机无法保存图片报错downloadFile:fail downloadFile protocol must be http or https

最近做小程序有个需求是将文字信息生成图片保存到本地，在PC端模拟器，图片的地址是可以正常保存，不报错但是到了真机的时候就报错，并且图片地址也发生改变解决办法：先将图片上传到服务器，然后再调用wx.downloadFile方法 <button class="printInfo-btn" bindtap="handleSave">保存</button> <canvas style='width:{{canvasWidth}}px;height:{{canvasHeigh

2020-11-21 10:17:20 1747 3

原创微信小程序如何实现文本换行

微信小程序<text>和<view>标签并不能让文本自动换行，微信小程序也不支持 <br/>换行使用 css 属性：white-space:pre-wrap <view style="white-space:pre-wrap">文本保留空格和回车 </view>...

2020-11-20 09:53:32 10888

原创小程序使用canvas将文本信息绘制成图片，并保存到本地相册

<canvas style='width:{{canvasWidth}}px;height:{{canvasHeight}}px' canvas-id='myCanvas'></canvas>var ctx = "" // 用于获取canvasvar leftMargin = "" //文字距离左边边距var topMargin = "" //文字距离右边边距Pages({data:{ title: '订单信息', salary: '', //订单信息--

2020-11-19 13:50:11 511

原创小程序保存图片到本地相册

// 保存图片 SaveCard(e) { let that = this; var imgSrc = this.data.imgSrc console.log(imgSrc); //获取相册授权 wx.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { wx.authorize({ sco

2020-11-18 16:07:32 158

原创小程序实现头像上传功能

// 修改头像 ModifyAvatar() { var _this = this; wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有 sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有 success(res) { ..

2020-11-06 13:57:56 551

原创微信h5禁止底部分享js

/*禁止微信底部分享 */function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu');}if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false); } els

2020-11-05 18:13:15 242

原创微信小程序实现滚动到具体位置

// 点击总留言图标 toAllMsg() { var query = wx.createSelectorQuery() //创建节点查询器 query.select('#allMsg').boundingClientRect() //选择id为allMsg的节点并查询的它布局位置 // 可用于获取显示区域的尺寸，滚动位置等信息，然后添加节点的滚动位置查询请求 query.selectViewport().scrollOffset() query.exec(..

2020-10-22 11:56:31 280 1

原创小程序从后台获取的带有html标签的内容，使用正则表达式处理

r.data.info = r.data.info.replace(/\<img/gi, '<img class="detailImg" ')

2020-10-11 14:02:36 416

原创自定义图片上传样式，允许上传四张（仅点击上传）

<div class="previewBox"> <input type="file" accept=".jpg,.jpeg,.png" multiple="multiple" onchange="getfImg1(this)" style="display:none" value="" id="img_f"> <div id="result" name="result"...

2020-09-21 10:04:53 400

原创自定义复选框样式

自定义复选框样式input[type="checkbox"] { width: 16px; height: 16px; background-color: #f2f2f2; -webkit-appearance: none; border: 1px solid #e6e6e6; border-radius: 2px; outline: none;}input[type="checkbox"]:checked { background:

2020-07-28 11:06:26 263

空空如也

空空如也