自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 uni开发app 请求报错 request:fail abort statusCode:-1 Failed to connect to /127.0.0.1:8080(已解决)

解决报错 "request:fail abort statusCode:-1 Failed to connect to /127.0.0.1:8080",

2023-02-27 16:36:03 2686

原创 vue3+ts 封装上传图片(限制大小、尺寸)和文件到oss

vue3+ts 封装上传图片(限制大小、尺寸)和文件到oss

2022-11-04 14:14:29 1742

原创 Vue3+vben admin后台管理系统接口封装

Vue3+vben admin

2022-05-17 00:34:35 3251 1

原创 微信小程序报错“不在以下request合法域名列表中”(已解决)

报错是这样:但是在小程序官方已经配置合法域名:这时候,只需要在你的微信开发者工具中这样操作:进详情刷新一下就好

2022-03-10 17:55:40 2035 1

原创 uni项目编译到小程序vendor.js文件压缩

相信刚接触uniapp写微信小程序的同学应该都遇到过这种情况,就是编译到微信小程序之后,vendor.js文件过大,大到2~3M,寻求官方文档给出的解决方案:uni官方解决vendor.js文件过大问题这是个人感觉最有效的方法这是我进行操作后的vendor.js的大小...

2022-03-05 10:44:19 1469

原创 uni 在app中引入h5页面(uni编写)

关于在app中引入网页,使用的webview标签想对于uniapp 官网给出的webview使用方法在这里https://uniapp.dcloud.io/component/web-view但是给出的基本都是在app中使用原生html页面的方法和demo,但是用vue写的H5页面就不能正常使用,下面是解决方法:第一步:在app项目中新建webview页面(src为你自己的网页地址)<template> <view> <web-view :web

2022-02-28 19:08:31 23252 1

原创 vue项目上线报loading chunk * failed 错误[已解决]

vue项目上线报loading chunk * failed 错误我是刚写完的vue后台管理项目,上线部署到nginx上,然后本地测试没毛病,线上就是报这种错误,查了很多资料,大部分都是这种方法:就是把将 config / index.js的build的路径assetsPublicPath改为‘/’ 可能是我自己项目的原因并不好使最后找到了解决办法,是路由懒加载的原因解决:let scrollview = () => import('@/pages/innovation/scrollvi

2021-11-30 19:54:55 7055

原创 Uniapp video标签autoplay不生效问题(进入页面瞬间)

uniapp video原生控件autoplay属性如果是在h5端,走的是浏览器,浏览器不支持进入页面就播放视频,谷歌、火狐之类的都不支持,但是推出可以静音自动播放视频,例如<video :id="item.id" :src="item.url" :loop="loop" :autoplay="auto_play" :enable-progress-gesture="false" :controls="controls" @play="playing(item.id)" @click="play

2021-11-12 16:24:30 4702

原创 (已解决)video标签在ios端默认全屏播放(h5开发)

Video在ios全屏播放这两天一直在做h5开发,项目马上完结,就是到最后项目上线之后,在ios上面测试,突然发现原来的视频默认全屏播放,这样就有很大的限制,很不利于开发,我这边是已经解决这个问题了的,在你的video标签上加上(playsinline=‘false’ webkit-playsinline=‘false’)这两个属性即可,代码如下: <video poster="../image/a.png" id="${videId}" src="${videoUrl}" playsinlin

2021-08-03 17:32:11 3438 1

原创 uniapp真机调试出错(failed to copy)

uniapp真机调试大家好,我是刚刚学习dcloud的前端,妥妥小白,就在昨天吧,碰到了第一个问题,就是下载hbuilderX,然后进行真机调试(iqoo7)手机进行调试,就是老是报出 failed to copy这样的错误,对于这样的错误,今天已经解决,我也看了官方社区问答,主要有以下几个方便的问题检查目录是否有中文,或者兄弟目录是否有中文(已排除)第二就是,资源正在被占用,请关闭基座重新运行(已排除)第三就是我自己的问题,你手先看下自己的手机的版本,是安卓10,还是安卓11,又或者是ios的版

2021-07-06 11:23:40 2689

原创 ES6 promise异步函数

关于异步操作,我相信各位都已经耳熟能详了今天就讲讲,大家最常用的promise以及async await两个函数,以及区别promisePromise 异步处理Promise 用来表示一个异步操作的最终完成或者失败Promise 的状态pending 初始化的状态,正在进行,还没有完成或者失败 fulfilled 完成状态 rejectd 失败状态Promise 的创建var promise = new Promise((resolve,reject) =>{ if(true){

2021-04-23 17:24:28 287

原创 事件对象e的各种距离

e的各种距离事件对象e,分为对于浏览器、页面、显示器以及事件对象等四种距离如下:e.clientX 鼠标距离浏览器左边的距离e.clientY 鼠标距离浏览器顶边的距离e.pageX 鼠标距离页面左边的距离e.pageY 鼠标距离页面顶边的距离e.screenX 鼠标距离显示器屏幕左边的距离e.screenY 鼠标距离显示器屏幕顶边的距离e.offsetX 鼠标距离事件对象左边的距离e.offsetY 鼠标距离事件对象顶边的距离对于写移动端的小伙伴来说,肯定会经常用得到,希望这些东

2021-04-23 17:17:10 212

原创 省市区三级联动(纯原生js)

地址管理(省市区)想必大家都碰到过写地址管理的一些东西,在这就教大家一个方法,纯原生写省市区三级联动,切记必须要有省市区的json文件,或者js数据,或者后台数据库!!!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&

2021-04-08 11:25:06 2550

原创 事件流

事件用户与网页进行交互时会触发事件(鼠标事件,键盘事件,window)1、鼠标事件click 点击事件 btn.onclick = function(){}dblclick 双击事件mouseover 鼠标移入box[0].onmouseover = function(){}mouseout 鼠标移出 box[0].onmouseout = function(){}mousemove 鼠标移动的时候触发mousedown 鼠标摁下box.onmousedown = functi

2021-03-22 12:52:21 105

原创 前端模块引入

引入模块原生模块第三方模块自定义模块原生模块原生模块只需要引入即可,当我们想要使用原生模块时,直接require引入即可const 自定义名字 = require('原生模块名')第三方模块第三方模块我们会经常使用,需要先下载,再引入,引入方式和原生模块一致下载npm i --save 第三方模块名引入const 自定义名字 = require('第三方模块名')自定义模块自定义模块是开发者自定义的模块,模块本身需要放在一个js文件中,然后被其他js文件中的代码引入模

2021-03-10 11:49:29 383

原创 本地储存(cookie,localStorage,sessionStorage)

本地存储cookie计算机中存储的少量文本数据创建cookiedocument.cookie= “username=wangxiaoming;expires=” expires 过期时间 domain 生效的域名限制 cookie的存储大小最多 4kb(不同浏览器具体实现的也不同); 需要手动设置过期时间,如果不设置则当浏览器关闭的时候立即销毁localStorage本地存储创建与获取创建或者获取localStorage 存取的值都是字符串类型的,如果要存对象或者数组,需要先用JSON.s

2021-03-05 14:47:13 654

原创 Git的简单操作方法

GIT使用git必须要先安装git软件,然后去随便找个远程仓库的网站github、gitee、gitlab、coding、工蜂、阿里云、华为云等等远程仓库核心内容远程仓库的界面各不相同,但是功能一样,核心的几个东西 仓库、仓库地址、分支,一般情况下,我们只有创建仓库时才需要在远程仓库使用,仓库创建完成后,就不再需要了。git安装后要进行的配置以下配置安装后只需要执行一次即可git config --global user.name "用户名" git config --global user.

2021-03-03 17:16:23 99 1

原创 webpack基本环境搭建

webpack基本环境搭建初始化目录创建一个文件夹新建一个文件夹并打开cmd工具初始化仓库npm init安装模块npm i --save-dev [email protected] [email protected]创建关键文件夹及文件(入口文件)在根目录创建src文件夹,并在src中创建index.js,这是我们的入口文件package.json中配置脚本{ "scripts": { "build": "webpack --mode production" }}

2021-03-03 14:51:22 195 4

原创 微信小程序云开发

创建对应的云开发环境创建项目时选择云开发,打开项目后,点击左上角云开发,创建自己的云开发环境。云开发中有,云数据库、云存储、云函数云数据库在云端有一个nosql数据库,用json形式存储。初始化使用数据库需要初始化数据库(获取到db)const db = wx.cloud.database()增我们可以往数据库中增加数据,我们在小程序中增加数据时,会自动有一个_openid字段db.collection('集合名称').add({ data: { key: value }

2021-03-02 12:02:15 433

原创 微信小程序的一些基本语法

插值小程序中插值和Vue一样,使用 {{}} , 小程序中,不管是普通的动态值还是属性中的动态值,都需要添加{{}}<view>{{msg}}</view>显示、隐藏可以使用hidden属性来控制元素的显示和隐藏条件渲染条件渲染有wx:if、wx:else、wx:elif<view wx:if="{{条件}}"></view><view wx:elif="{{条件}}"></view><view wx:else

2021-03-02 11:57:22 653

原创 APIcloud登录接口传参

apicloud登录接口问题最近也是在做apicloud的东西,虽然说这个框架不是很大众,但是仍然有不少的人为之坚持,这里就说一下登录接口传参的问题: fnLogin() { var that = this; var usernameValue = document.getElementById('username').value; var passwordValue = document.getElementById('passw

2021-01-29 16:23:32 371

原创 前端中的跨域问题

前端跨域处理如果后台使用了CORS则不需要往后看了。如果前端解决跨域,那么默认情况下,前端接口请求的是http://localhost:8080开发环境利用vue.config.js中的devServer配置,在这里配置proxy在根目录中创建vue.config.js文件module.exports = { devServer: { proxy: "http://localhost:3000" }}如果在一个项目中使用了多个后台,那么需要以下配置,配置前需要和后台进行沟通,

2021-01-05 22:57:39 145 2

原创 Vue中权限的配置

基于后台接口实现权限的控制前端不管谁进入到对应的系统中,都可以看到所有的菜单,一旦没有权限的人,在对应的菜单中发起了网络请求,则后台会返回“没有权限等相关信息”前端控制固定角色我们可以在对应的路由的meta中配置一个字段role: [‘admin’, ‘pic’, ‘product’],如果都可以访问该菜单,则不写,如果要去限制对应的角色可以访问,则添加对应的角色名。当我们进行登录时,后台会返回给我们对应用户的角色,拿到角色和路由表进行筛选,得到一个新的路由表function filterRou

2021-01-05 22:54:03 840

原创 程序员如何面对女朋友的致命问题(1.0)

关于熟练使用2D、3D页面我想各位年轻的前端工程师都有一种“扶大厦之将倾,挽狂澜于既倒”的志向,可是每每面对自己女朋友的时候就是呆的一批,当然了,程序员也有自己的浪漫方式,在此就再写一个程序员如何浪漫的给女朋友一个惊喜。女生呢,最想要的就是与众不同,自己就是那一个例外,在这里就写一个单独属于自己女朋友的云相册,话不多说,上干货长方体代码<!DOCTYPE html><html lang="en"><head> <meta charset="UT

2020-12-31 15:27:07 184 1

原创 扫雷(js原生)

扫雷游戏对于10年前的人来说,扫雷肯定是家喻户晓,由于当时的科技并不是很发达,大家对于电脑游戏的了解,可能都是从扫雷开始的,今天就交大家一种用js原生代码写一个简单的扫雷游戏,话不多说,直接上干货:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc

2020-12-30 11:03:08 304

原创 闭包函数(递归求阶乘)

递归求阶乘相对于刚入门的小白而言,大学的时候肯定都做过相似的作业,当然我们最熟悉的莫过于Hello Word,今天就来写一个比较简单的递归求阶乘的算法,当然这里是运用闭包函数递归调用就是在当前函数中并传给相应的参数例如求10的阶乘function a(num) { if (num == 1) { return 1 } else { return num * a(num - 1);

2020-12-29 11:54:46 212 1

原创 程序员如何面对女朋友的致命问题

关于计时器女朋友的致命问题很明显,我想大部分男性同胞(指的是有女朋友的男性同胞)都被问过相类似的问题,但是我们作为食物链顶端的程序员,要如何优雅的解决这一系列的问题呢?就比方说,女朋友突然问你在一起多少天了,我想各位就算知道什么时候在一起的应该也记不清在一起多少天,这个时候一个计时器完美解决这样的问题,简直可以精确到时分秒,让自己利于不败之地在这里插` var endtime = new Date(2019, 11, 05, 00, 00, 00); setInterval(func

2020-12-28 17:25:59 433

空空如也

空空如也

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

TA关注的人

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