- 博客(82)
- 收藏
- 关注
RSS订阅原创 uni.uploadFile不兼容app
需求：登录的时候后端返回给我一个服务器图片地址，这时候我需要把图片传给另一个接口，但另一个接口只要文件格式的图片就…以下格式是后端需要的 并且兼容app先下载文件资源到本地（不会保留在手机上的），客户端直接发起一个 HTTP GET 请求，返回文件的本地临时路径。 async downloadFiles() { let url = 'http服务器图片地址'; let that = this; uni.downloadFile({ url: url, s
2022-05-19 10:51:26
601
原创 uniapp签名使用canvas实现多张图片合成一张
忽略我丑陋的样式输入前输入后<template> <view class="sign"> <view class="register-title">请在下面输入签名：</view> <image :src="imgUrl" mode="" id="avatar"></image> <view class="content"> <text class="name">{{name}}&l
2022-04-09 23:37:58
2923
原创 vue引入svg图标（svg-sprite-loader）
安装 svg-sprite-loadernpm i svg-sprite-loadercomponents下面创建svg文件然后下面再来一个index.vueindex.vue<template> <svg :class="svgClass" aria-hidden="true" v-on="$listeners"> <use :xlink:href="iconName" /> </svg></template>&
2022-01-13 22:05:34
758
原创 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
百度了很多次 大多数都要让运行命令 npm install babel-plugin-transform-vue-jsx --save-dev可是对我来说还是不行 所以就有了一下方法原本的文件名 .babelrc{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] .
2021-12-06 16:49:28
10694
原创 uniapp图片地址以文件流的形式传给后端
安装image-tools 图像转换工具，可用于图像和base64的转换点我前往安装npm i image-tools --save引用import { pathToBase64, base64ToPath } from ‘image-tools’具体代码 let id = 1 this.downloadFiles(id); // 1 通过id获取服务器图片 async downloadFiles(id) { //2 获取的图片长这样 123456.png
2021-11-08 17:09:45
4459
12
原创 MobaXterm
点击Session 选中sshIP地址 不要加http这些 直接192.168…干嘛干嘛的点击ok 开始输入用户名 密码密码输入的时候看不见 这个不影响
2021-09-23 15:16:55
269
原创 支付宝image显示不完整
给img添加mode=“widthFix” 就ok了 但是我不懂 为什么微信小程序上面可以 支付宝就不可以？<image src="../../static/tybkg.jpg" mode="widthFix" class="_bkg"></image>
2021-07-01 09:48:50
291
原创 uniapp引入字体文件
转换地址点我进去将下载好的字体放进项目中 static里面 文件大于40kb需要转成base64格式转换完之后把代码复制下来 新创建一个css 然后copy进去@font-face { font-family:'itemfont'; src: url(data:application/font-ttf;charset=utf-8;base64,我所在的位置把转换后的代码全部copy进来}App.vue引入css<style lang="scss"> @im
2021-06-18 10:06:14
2669
3
原创 微信小程序保存图片到本地
<!-- 模板提示 --><view class="danger-swapper" wx:if="{{dangHint}}"> <view class="mbBox"> <view bindtap="submitMb">快来点我呀</view> <view class="mb7" bindtap="saveCanvas">确 定</view> </view></view&
2021-05-20 10:25:55
1109
1
原创 小程序wxml使用js函数
方法1直接在wxml里面写<wxs module="filter"> var day= function(value) { console.log(value) // value = value.replace(".000+0000","Z"); var time = getDate(value); var year = time.getFullYear(); var month = time.getMonth() + 1;
2021-05-20 09:57:28
1400
原创 van-uploader上传图片
<view class="fileBox"> <van-uploader file-list="{{ fileList }}" bind:after-read="afterRead" deletable="{{ true }}" bind:delete="deleteImage" name="images" max-count="3"/></view>data:{ fileList: [], photoUrl:[] }.
2021-05-14 19:49:54
4199
原创 微信小程序跳转页面
跳转H5页面 先写一个新的页面 然后把跳转地址加到新页面里面<web-view src="https://kanchuizi/#/"></web-view>触发事件的页面wxml<view class="footer-item" bindtap="gogo"> 点我跳转</view>js gogo:function(){ wx.navigateTo({ // 要跳转的页面地址 url: '/pages
2021-05-14 19:40:41
104
原创 时间戳减时间戳获取天数
嘻嘻<view class="topBox"> <view class="names">{{user.name}}</view> <view class="userTime" wx:if="{{user.qrCodeType == 1}}"> 您的绿码有效期还剩余 <view class="{{timeData != 7 ? 'time' : 'time timeRed'}}">{{tim
2021-05-12 19:12:34
1454
原创 WARN A new version of sass-loader is available. Please upgrade for best experience.
通过脚手架安装的项目，根据官网给的步骤一步一步安装引用会报错这样写就报错uni.scssimport ‘uview-ui/theme.scss’;App.vueimport ‘uview-ui/theme.scss’;换成uni.scss@import ‘./…/node_modules/uview-ui/theme.scss’;App.vueimport “./…/node_modules/uview-ui/index.scss”;...
2021-04-28 18:20:47
19021
原创 通过 vue-cli 创建 uni-app 项目
查看uni-app官方文档需要注意bash选择不了模板，只能选择默认模板。可以打开cmd窗口进行安装可选择模板不太喜欢hello uni-app 项目模板的结构 所以我又安装了默认模板配置一下api接口安装 npm install uview-uimain.jsimport Vue from 'vue'import App from './App'import uView from "uview-ui";Vue.use(uView);Vue.config.producti
2021-04-28 09:52:53
2867
原创 微信小程序笔记
动态修改标题 wx.setNavigationBarTitle({ // 您想设置啥？？？？自己加 title: 6666 })弹出一个窗口 wx.showToast({ title: res.data.msg, duration: 2500, mask: true, icon: 'none', });...
2021-04-22 11:36:56
105
原创 微信小程序消息订阅
一入前端深似海 第一次接触小程序 感受到了崩溃 太可怕了用户第一次点击授权按钮会弹出微信授权弹出框，这个时候点击允许，就算手动关闭右上角消息订阅设置，下次再进来点击订阅按钮也不会弹出任何窗口！！！！我一直以为我是我代码问题 原来不是我的问题如果用户手动关闭了右上角的消息订阅，这时候点击的会报错20004，可以在fail里面先调用wx.showModal弹出框 然后在里面调用wx.openSetting就会弹出以下页面消息订阅开关页面// 页面的初始数据data: { takeStatus:fa
2021-04-16 14:35:32
485
原创 vue axios封装loading
之前的写法 一个页面中需要控制的loading太多了 这样写比较麻烦 let params = this.From; this.loading.table = true; dsExtUser(params).then(result => { this.tableData = result.datas; this.loading.table = false; })改良后的写法1：main.js添加Vue.protot
2021-04-01 16:12:01
238
4
原创 参数接收不赋值就报错问题
请求后台接口返回的参数我们不一定每次都要用到，这时候不用就报错 怎么解决呢？package.json添加以下配置使用的时候在参数前面加上 _ 就可以了（可自定义）"rules": { "no-unreachable": "off", "no-unused-vars": [ "error", { "argsIgnorePattern": "^_" } ] }不报错了 挺好用的 哈哈
2021-03-31 17:31:05
194
原创 js解码url地址栏中参数
解码url地址Y29kZS5qcXVlcnkuY29tLw%3D%3Dwindow.atob(decodeURIComponent(getValueFromKeyByUrl(url1, ‘需要的参数名’)))http%3A%2F%2Fwww.boo6.com%00&dx_policy17-10011010267decodeURIComponent(getValueFromKeyByUrl(url2, ‘u’))/// var url1 = "http://safe.qaz.6666.cn
2021-03-26 20:54:20
280
1
原创 vue使用swiper遇到的问题
先安装npm install [email protected] //指定版本 6.0以上很多功能不能用npm install swiper vue-awesome-swiper --save后引入main.js中 我这里是全局引入import Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper'// import style (<= Swiper 5.x)import 'swiper/css/swiper.css'Vu
2021-02-02 10:48:17
499
1
原创 导航切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2021-01-28 16:49:13
69
原创 Vue公用组件
节流函数 //节流函数 throttle(fn, delay = 300) { let timer = null; return function (...args) { const context = this; if (timer) { return; } fn.apply(context, args); timer = setTimeout(function () { clearTime
2021-01-28 16:46:15
251
原创 antd pro 配置
搭建项目antd pro 安装连接自动生成接口跟目录创建api.js对应公司swagger接口文档const { codegen } = require('swagger-axios-codegen');// const base = 'http://test.novel3d.com:8080/';const base = 'http://139.129.116.82:8080/';// const base = 'http://192.168.8.176:8080/';// cons
2021-01-13 10:37:10
779
原创 vue使用siwper走马灯
效果 <!-- Top --> <swiper ref="mySwiper" :options="swiperOption" class="gallery-top"> <swiper-slide class="swiper-slide1" v-for="(item, index) in ListPic" :key="index"> <div style="display: flex; align-items: cen
2020-11-27 11:15:12
489
原创 React变量写在哪里
一个弹出框多个变量import { Modal, Button, Divider, message } from 'antd';interface ModalInfo { title: string; content: string; btnText: string; onOk: () => void;}const [modal, setModal] = useState<ModalInfo | null>(null)使用复制黏贴吧 CSDN两个格式化都没
2020-09-18 11:41:18
459
原创 img标签防止error死循环
// scope.row.designImageList 是一个数组 <el-table-column prop="designImageList" label="底板" align="center" width="150"> <template slot-scope="scope"> <div v-if="scope.row.designImageList"> <im
2020-08-20 09:16:23
399
原创 vscode 中设置vue代码片段
Ctrl + p然后…{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and description. // The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables
2020-08-15 11:11:23
414
原创 Vue 深拷贝
//写在公用方法里面//深拷贝function deepClone(source) { let sourceCopy = source instanceof Array ? [] : {}; for (let item in source) { sourceCopy[item] = typeof source[item] === 'object' && source[item] ? deepClone(source[item]) : source[item]; }
2020-07-28 16:05:44
364
原创 Element表格设置fixed后页面错乱
我单独给table加了样式而导致的问题把样式去掉就可以了 max-height: 700px; overflow-y: auto;这种情况也是一样的
2020-06-29 10:59:11
2366
原创 Vue.Draggable实现拖动功能
先看效果图HTML<el-dialog title="邀请用户" :visible.sync="userDialogVisible" width="550px"> <div class="col-2"> <div class="form-group"> <div class="btn-group-vertical buttons" role="group" aria-label="Basic example"&g
2020-06-04 15:04:13
583
原创 element上传文件到oss上
一直都在报错跨域问题 可后端在oss上面配置过了 不需要跨域 我实在找不到原因了 还请各位帮忙看一下使用el-upload上传文件按钮<el-upload :action="ossUploadUrl" :headers="ossHeadertype" :limit="1" :data="dataOss" accept=".rar, .zip" :file-list="fileListdesignInfo" :on-remove="handleRemovedesignInfo" :on-succes
2020-05-27 10:57:14
726
4
原创 elemet获取日期时间参数开始和结束时间
参数定义自己写我就不写了 代码偷同事的 觉得这种实现方式很好 哈哈 <el-date-picker v-model="date" :clearable="false" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00', '23:59:59']" type="daterange" align="right"
2020-05-26 16:03:16
439
原创 element表格行合并
效果 ↓span-method 用法去看element文档，合并第一列的区域字段 <el-table :data="tableData.lgLevelAreaMgmtVOList" :span-method="objectSpanMethod" style="width: 100%;" border empty-text="暂未查到匹配条件的数据" :row-style="{heigh...
2020-04-08 11:47:17
87
原创 React引入quill-editor只要样式
说明：两个项目后台系统用的富文本编辑器 但是在官网中只需要展示html不需要富文本编辑器 这是可以按照下面的方法操作1：安装npm install quill --save2：引入// import Quill from 'quill'; //因为我只需要样式所以这里可以不用引入import 'quill/dist/quill.snow.css';3：使用dangerouslySe...
2020-03-01 19:01:24
1069
原创 React使用Less遇到的一系列问题
先找到这个文件在这里面进行配置第一步仿照 css 配置 Less变量const cssRegex = /\.css$/;const cssModuleRegex = /\.module\.css$/;const sassRegex = /\.(scss|sass)$/;const sassModuleRegex = /\.module\.(scss|sass)$/;//仿照上面的配置...
2020-02-06 17:49:31
1576
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人