Augenstern、-优快云博客

之前在网上找了很多种方法也请教过同事，不是超出百分百高度部分颜色重新渐变就是用到的高度颜色渐变而没用到的部分依旧是白色，后面经过另一个同事提点，找到一个投巧法，多给一个外边盒子，我的代码是这样的：.wxml文件<view class="index-container"> <view class="index-container-wrap"> // 内容 </view></view>.wxss文件page{ height:100%;

2022-04-29 17:56:46 1320

原创 wx小程序解决子组件样式不起效

在写小程序的时候，往往要用到子组件，然而，父页面引用子组件之后，样式并没有起效，可以用以下方法解决：方法一：首先在app.wxss即全局样式文件中引入子组件的样式文件，如：@import "components/test/test.wxss"; 然后在此子组件的js文件中添加如下代码Component({ options: { addGlobalClass: true, },}方法二：只需要在子组件的js文件中添加如下代码Component({ options: {

2022-04-27 14:29:32 5997

原创 wx 小程序实现先跳转后请求接口

情况：在点击之后需跳转到详情页，再页面返回需要更新其通知列表，尝试了：不管是将跳转代码置于接口请求之前还是之后，还是让接口请求放置于在跳转成功or完成后，结果都是跳转后的详情接口后请求，那么如何解决？如果不想自定义小程序头部的话，可以加个定时，如下：wx.navigateTo({ url: 'url', success: setTimeout(function () { _this.getNotices(); }, 500)});...

2022-04-27 11:08:15 622

原创 wx小程序实现自定义图标复选框组(vant weapp)

要实现以下如图效果(简洁说明一下遇到的问题：参考vant weapp - Checkbox复选框 - 利用自定义图标<image slot="icon" src="{{ checked ? activeIcon : inactiveIcon }}" /> ===》出现的问题：即使onChange之后value值是变了，但是页面中图标并未发生变化，后发现可能还是得setData才行)以下是自己用的解决代码：index.wxml ( direction："组"的排列方向；label-p

2022-04-27 11:07:21 1430

原创 vue项目自己封装图片(只一张)上传

在做某vue项目的后台管理时，本来是直接引用的element-ui组件库中的Upload上传组件，奈何，和想要的效果不一，不是出现bug（有些图片上不去）就是样式也不甚符合，于是自己封装了一个，效果图如下：只需上传一张图片，鼠标放上去可以选择放大查看或者删除重新上传组件代码：（注意一下29行的imageUpload方法引入和引用，就是api）<template> <div class="img-upload"> <div class="img_display"

2022-04-01 11:27:50 2303 2

原创 JS 获取div内部html和整体html

html(); 获取div内容，需注意的是，获取的是内部htmlprop("outerHTML")；可以如此来获取包括本身的html$("#box").append($('.new-box').prop("outerHTML") ); 把为new-box的div盒子代码复制一份追加到id为box中末尾。这样的话，前面div不受影响...

2022-03-17 17:18:51 1521

原创 JS textarea文本框输入字数限制以及字数显示

大致实现的效果如下：（其中样式自行调整）html代码：// 设置字数限制为100，显示行数为5行<div> <textarea name="" id="licenseText" rows="5" maxlength="100" placeholder="选填"></textarea> <div><span id="textCount">0</span>/100</div></div>JS代码：

2022-03-17 16:55:49 7519 1

原创 JS实现六个数据为一组换一换

想要实现的效果如下：（此代码仅对数据总数＞6时做处理，具体情况具体分析，主要就是为了实现：点击换一换时数据6个为一组，如此往复循环展示，且此div在页面中位置保持不变）JS代码如下：（！！提示其中divHtml只是我自己项目需要的样式）let metaData = res.data; // 获取到的数据let len = metaData.length;// 如果得到的关键词数据长度大于6if(len > 6){ // 处理数组，六个一小组 let num = 0; let mul

2022-03-17 16:45:27 2196

原创微信小程序 - 刷新上一页

在微信小程序中，例如：如果在页面2（添加乘客）中添加成功之后返回上一页（页面1：常用乘客页），往往数据是没有刷新的，这个时候我们需要在页面2中添加几行代码去刷新上一页// 刷新上一页var page=getCurrentPages(); //获取当前页面的页面栈var lastPage=page[page.length-2]; //获取上一个页面的页面栈lastPage.onLoad(); //调用onload事件// 当然也可以拿到上上一页的页面栈var lastPage2=page[pag

2022-02-10 09:45:05 803

原创 vue项目 - 封装icon-svg组件并使用

写一个公共icon组件<template> <svg :class="svgClass" aria-hidden="true"> <use :xlink:href="iconName"/> </svg></template><script>export default { name: 'IconSvg', props: { iconClass: { t.

2022-01-07 16:35:22 938

原创 wx小程序 - 组件化 - 实例提示组件

如上两图所示，样式内容就是如此，其中不管是提示title还是提示内容还是下面的按钮都是不同的；这也算是第一次写微信小程序的组件，感觉就是，主要是数据传用和方法传用。数据是在properties中，注意自定义的值类型和传入的值类型要一致；方法主要是利用this.triggerEvent。下面是代码子组件wxml<van-popup show="{{ show }}" round bind:close="onClose"> <view class="tips-show-conte..

2021-11-30 17:25:31 871

原创微信小程序 - 解决向父元素冒泡

小程序中总是有卡片，点击卡片会跳转页面，但是卡片中会有删除、编辑、付款等各种功能的按钮，是不需要跳转或是不同的跳转，举例：点“删除”按钮的时候我们应该是只要获取到一个id，那么如何让它父元素的跳转不要触发呢？很简单的一个解决方式：将bindtap换成catchtap 就可以啦。bindtap和catchtap共同点：都是点击事件函数，绑定到组件上，点击进行触发，和vue中@click差不多道理；不同点：bindtap是冒泡事件，点击组件事件时，会向上传递，从而会引发父元素的点击事件；而catchtap

2021-11-30 16:44:41 965

原创 2021-07-13 js给html5 ＜object＞标签一个获取到的（指定）url

最近在公司老是能接触到较原生的东西，今天有一个需求就是，有人写好了左边动态li显示和右边object标签，要我接手判断是否有li，如果有的话，就把第一个li里面的a标签里的href赋值给object标签，下面做一个记录（因为自己真的是很久没碰过原生又对原生比较虚和怕o(╥﹏╥)o）1.js获取ul下第一个li里的a标签，（获取第一个li的方法还挺多的）$("ul li:first-child");$("ul li").eq(0);$("ul li").first();$("ul li").slic

2021-07-13 10:52:32 474

原创 vue - Vant库 - popup弹出框实现两秒后自动关闭

2021-06-29vue - Vant库 - popup弹出框实现两秒后自动关闭<van-button plain color="#4b8ffb" @click="toCancel">取消预约</van-button><van-popup v-model="show"> <div class="myAppointment-content-popup"> // 弹出框内容根据自己需要填写 <van-i

2021-06-29 11:13:58 5209 2

原创 git小总结代码

总结一些自己会比较经常用到的代码1.git config --list 检查git配置信息单独查看信息例如：git config user.name2.配置git用户名、邮箱地址和密码(global全局)git config (--global) user.name "xxx用户名"git config (--global) user.email "xxx邮箱"git config (--global) user.password "xxx密码"3.克隆拉取项目git alone

2021-01-21 17:57:50 97

原创 vue项目中使用Echarts

首先看一下我页面所需展示的样子，如下：最开始的时候呢，我先去官网(http://echarts.apache.org/zh/index.html)稍作了解，然后转战到看其他大佬的做法，后面选了一个代码齐全的（(https://www.cnblogs.com/ldlx-mars/p/7815328.html)），直接复制了下来，但是呢和我自己需要的echarts类型、所需数据以及主题颜色都不对口，这个代码呢就是把官网上的给一样搞下来了，但是其中一些东西就要自己去动动手指改改了。正式步骤来了：做一个自

2021-01-13 16:35:21 432

原创动态style(vue)

在项目中，往往会需要用到动态样式，目前看来，我主要用动态样式的情况大致分为两种：第一种情况是页面上有多个节点元素所需的样式相同，通常情况下，我觉得一部分人应该会和我一样就是给这些元素相同的class名即可，但是我遇到的问题就是没用，是的没用起到作用，或许是因为嵌套层次太深，或许自己写的被自己一下子不知道地方所覆盖，总之就是没用！！这个时候我们可以尝试**“就近原则”**，在元素上给一个动态元素，当然如果只需要给一个样式的话可以直接写，不用搞成动态那么麻烦，不过遇到我这种，有七八个元素需要一样的那就选择动

2021-01-11 17:42:03 1726

原创存储的数据变成“[object Object]”

遇到的问题是：通过localStorage.getItem('ids')和localStorage.setItem('ids',ids)获取存储到的本地数据拿到的是“[object Object]”形式的数据解决：存储获取的时候增加JSON.parse()和JSON.stringify()的使用，代码即：localStorage.setItem('ids', JSON.stringify(ids));和JSON.parse(localStorage.getItem("ids"))稍作解释和知识点阐述：

2020-12-31 11:37:37 2395 1

原创明明定义了却报“xxx is undefined”的错误

明明定义了却报“xxx is undefined”的错误我遇到这个问题是在使用promise的时候，解决方法其实很简单就是在外面多加一行代码const _this = this;就可以了。我对es6学识浅薄，大概知道应该是作用域的问题，后面去搜了一下，稍微做出一点解释：vue中的this是指向实例，相当于父级，因此指向指不到子级中，所以需要一个变量_this存储this的指向；其实应该还有一种方法是不用考虑const _this = this;，就是将.then(()=>{})和.catc

2020-12-30 17:35:59 8027

原创同一张图片无法上传问题解决

问题：先说明一下昨天遇到的bug，在“新建或是编辑”内容上，需要上传一张图片，但是如果前一步上传保存了图片A，后面紧接着，新建也要上传同一张图片A，就会出现“图片无法上传上去的错误”，需要我们手动刷新页面之后才能上传图片A。解决：先看一下图片上传的代码，如下我们需要把前一步“新添”的内容清空，看似都清空了，实际上可能并没有，我们这就需要把input里的值清空，只需要添加一行代码即可，document.querySelector('#upload').value = ''；这里小白第一次碰到这种写法，

2020-12-01 17:45:27 560

CSS整合面试知识点

空空如也