陌寒1024-CSDN博客

原创 vue实现上传图片添加水印

实现效果:可添加logo.(注:这里主要实现添加水印.图片上传用的vant的上传)将上传的file文件转成base64(代码如下)

2023-04-19 14:31:25 891 1

原创 node第一章---概述

简单来讲就是基于谷歌引擎的javaScript代码运行环境,通过Node可以让javaScript具备后台开发能力。

2023-03-28 11:22:36 129

原创初识go语言

🍺 🍺 🍺下载地址:http://go.p2hp.com/GOPATH是一个环境变量，用来表明你写的go项目的存放路径GOPATH路径最好只设置一个，所有的项目代码都放到GOPATH的src目录下。1.我的电脑->属性->高级系统设置检查一下你的电脑里面是否存在GOPATH并且设置值为你要存go代码的目录同时在path里面添加go的安装目录和GOPATH目录

2022-10-31 10:15:55 253

原创 uniapp 小程序背景图真机测试不显示

问题:uniapp 小程序背景图真机测试不显示 ,但是开发工具可以正常显示解决:可以将图片转成base64转换链接 https://c.runoob.com/front-end/59/

2022-06-09 09:32:52 2073

✴️大家好,我是陌寒，好久不见✴️如果对你有帮助就给我点个赞吧，这样我们就互不相欠了✴️星光不负赶路人，所有的幸运都来自于坚持不懈的努力，大家一起加油吧问题:uniapp 实现图片自动纵向轮播直接上代码<template> <view class="login-box" v-show="iSif"> <view class="broadcastTopBtm" :style="'height:'+height+'rpx;--scrollHeight--:'

2022-05-19 09:34:23 1599

原创常用前端JavaScript方法封装,隔壁老张头看了都说好

1、输入一个值，返回其数据类型** type(para) { return Object.prototype.toString.call(para); }2、深拷贝浅拷贝//深克隆（深克隆不考虑函数）function deepClone(obj, result) { var result = result || {}; for (var prop in obj) { if (obj.hasOwnProperty(prop)) { .

2022-03-24 14:09:47 798

原创 vue使用elementUI,接口报错message消息提示弹出过多问题

记录登录失效时，跳转到登陆页面，消息弹窗过多，影响用户体验的问题，如图。我们可以重写message来优化这一功能。1、先写一个resetMessage.jsimport { Message} from 'element-ui';let messageInstance = null;const resetMessage = (options) => { if(messageInstance) { messageInstance.close() }

2021-12-03 14:49:31 3479

原创 uniapp封装三级联动省市区(可以进行数据回填)

直接上代码<view class="" @touchmove.stop.prevent="preventTouchMove"> <picker-view class="address-picker-box" :indicator-style="indicatorStyle" :value="pcaIndex" @change="bindChange"> <picker-view-column class="center"> <div

2021-11-08 17:58:40 515

原创 vue v-cli3 seo优化预渲染的实现prerender-spa-plugin&vue-meta-info

预渲染的使用场景更多是我们所说的静态页面的形式。1.依赖下载yarn add puppeteer-coreyarn add vue-meta-info -Dyarn add prerender-spa-plugin --save2.配置 vue.config.jsconst path = require('path')const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = PrerenderSPA

2021-11-01 15:50:44 440

原创记录uniapp H5网页获取当前位置(以及uniapp H5跨域问题)

代码uni.getLocation({ type: 'wgs84', success: function (res) { console.log('当前位置的经度：' + res.longitude); console.log('当前位置的纬度：' + res.latitude); }});注意点在测试获取时,不要谷歌浏览器.真的不要用那个真的…获取经纬度后,进行逆编理(这块使用的是百度的) uni.request({ .

2021-10-14 16:01:05 1828

原创 uni-app 页面中的背景图片高度和宽度自适应

直接上代码.pages { width: 100%; height: 100%; background: url('@/static/image/index/bgi.png') no-repeat center center fixed ; background-size: cover; box-sizing: border-box;}background 属性语法如下：解释参数1:图片路径参数2:是否平铺repeat:默认代表水平和垂直都平铺no-repeat:代表不.

2021-10-14 10:49:53 7263

原创 uniapp实现抽奖功能

效果代码<template> <view class="almost-lottery"> <view class="almost-lottery__wrap" :style="{ width: lotterySize + 'rpx', height: lotterySize + 'rpx' }"> <view class="lottery-action" :style="{ width: actionSize + 'rpx', he

2021-10-13 10:22:02 2837

原创 uniapp 微信小程序分包操作

目的: 小程序上传的时候，主包不能超过2M，如果超出，则会上传失败. 这时候就需要把界面进行分包，还有static下面的图片，尽量使用服务器的。附上微信小程序分包文档连接：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html uniapp官网上的文档链接 : https://uniapp.dcloud.io/collocation/pages?id=subpackages准备uniapp中，.

2021-10-08 17:39:08 813

原创 uniapp 跳转页面传值(对象)

跳转页面传值(对象)url有长度限制，太长的字符串会传递失败，可使用窗体通信、全局变量，或encodeURIComponent等多种方式解决传值<navigator :url="'/pages/navigate/navigate?item='+ encodeURIComponent(JSON.stringify(item))"></navigator>接收值// navigate.vue页面接受参数onLoad: function (option) { const

2021-09-28 10:37:24 2948

原创 uniapp改变底部tabBar

1.改变底部tabBar：uni.setTabBarItem({index: 0,text: this.i18n.tabs.home//需要改的文字});text：tab 上的按钮文字，我们给text动态赋值就可以了index：tabBar 的哪一项，从左边算起2.改变导航标题navigationBarTitle的标题uni.setNavigationBarTitle({title:this.i18n.user.title//需要改的文字});...

2021-09-18 14:00:16 1437

原创 vue 生成二维码

生成二维码效果前言安装npm install --save qrcode.vue # yarn add qrcode-vue一、使用步骤1.引入//引用组件<qrcode-vue id="qrcodeBox" :size="qrcodeVue.size" :value="qrcodeVue.value" :logo="qrcodeVue.logo" :bgColor="qrcodeVue.bgColor" :fgColor="qrcodeVue.fgColor"&gt

2021-09-18 13:58:01 320

原创 vue cil4 axios 跨域

跨域新创建的vue是没有vue.config.js文件的,需要自行创建一个,这个文件于src同级,其中代码如下:module.exports = { // publicPath: process.env.NODE_ENV === "production" ? './' : '/api', devServer: { proxy: { // '/api2': {//这个优先匹配，写在前面 // target: 'htt

2021-08-04 17:20:18 112

原创使用阿里云OSS 实现图片上传 -- 删除

使用阿里云OSS 实现图片上传 -- 删除安装ali-oss插件新建oss.js使用el-upload在需要的地方引入oss.js在el组件设置跨域删除安装ali-oss插件1.安装 oss 依赖包npm install ali-oss --save新建oss.js2.新建 oss.js // 引入ali-osslet OSS = require('ali-oss')/**阿里云配置 * [accessKeyId] {String}：通过阿里云控制台创建的AccessKey。 *

2021-07-27 17:38:50 752

原创获取 DOM 元素的几种方式

获取 DOM 元素的几种方式get 方式：getElementByIdgetElementsByTagNamegetElementsByClassNamegetElementsByName返回类型 HTMLCollection[]query 方式：querySelectorquerySelectorAll返回类型 NodeList[]获取 dom 元素的详细介绍：https://ainyi.com/31获取元素首先用两种方式获取元素let a = document.getElem

2021-06-10 10:23:00 1074

原创原生js生成气泡碰撞,随机生成颜色

原生js生成气泡碰撞,随机生成颜色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0 } #main {

2021-06-09 17:39:30 423

原创 Vue封装一个刻度尺组件,可滑动,显示刻度设置默认刻度

Vue封装一个刻度尺组件,可滑动,显示刻度设置默认刻度html代码 <div ref="Hello" class="c-slide f-inline-block" @mousemove="mousemove" @click="a"> <div class="slide-runway" ref="name" > <div class="slide-bar" ref="bar" :style="{width: x}"></div&gt

2021-05-14 09:10:48 4951 1

qq_45729353的博客