自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 uniapp封装请求

【代码】uniapp封装请求。

2022-09-08 11:39:35 199 1

原创 js 上传文件

js文件上传 input上传

2022-06-24 09:54:30 1554

原创 uniapp 引入外部js、css

js var script = document.createElement('script'); script.src = "链接"; document.body.appendChild(script);css <style> @import "链接"; </style>

2022-04-11 16:35:55 1612 1

原创 图片压缩js

/*res 选择图片之后的完整信息 必填url 要上传的服务器路径 必填token 上传是是否需要token验证 选填调用uploding 之后 只需 使用 .then() 接受参数即可如 uplodimg().then(res=>{})*/export default (res,url,token)=>{return new Promise (function(resolve, reject){if(res.tempFiles[0].size>1024000)

2022-04-09 16:08:51 151

原创 vue 导出excel表格 xlsx文件

1 下载 xlsx 插件 npm install -S file-saver xlsx, npm install -D script-loader , //下载这两个2、下载Blob.js、Export2Excel.js 文件自行搜索注意文路径3、点击导出按钮时触发 require.ensure([], () => { const {export_json_to_excel} = require("../lib/Export2Excel"); //自己的命名和路径

2021-11-27 16:41:24 377

原创 vue封装axios请求

1.新建libs文件夹 作为存放工具类文件 新建request.js 文件import axios from 'axios';//引入axios文件// 设置请求时间axios.defaults.timeout = 60000;// 响应拦截器axios.interceptors.response.use( res=>{ //配置拦截内容 比如用户是否登录 })let baseURL = "http://192.168.11.100:8080/api/"export defau

2021-11-20 15:34:05 716

原创 uniapp上传图片文件

思路、首先获取本地图片路径可以拍照或者使用相册,获取之后使用uni.uploadFile上传uni.chooseImage({ count: 1, //默认9 sizeType: ['compressed'], //可以指定是原图还是压缩图,默认二者都有 sourceType: ['camera '], //手机拍照 success:(res)=> { console.log(res); const tempF

2021-10-15 11:23:01 670

原创 vue 设置动态标题的方法

1、使用 vue-wechat-title 插件 进行依赖项安装npm install vue-wechat-title -save2、安装之后在main.js中进行引入import VueWechatTitle from 'vue-wechat-title'Vue.use(VueWechatTitle)//或者使用下面的 两个方法 都可以Vue.use(require('vue-wechat-title'))3、在 vue.config.js 中配置文件module.export

2021-06-03 15:16:29 882

原创 vue 触底加载 上滑刷新 vue加载更多

export default { components:{ FenLeiTab, Search }, data() { return { goods_list:[], isLoading:false,//是否正在加载 isLoadingMsg:"拼命加载中......", } }, created() { this

2021-06-02 22:43:29 1012

原创 react基础

react脚手架安装 create-react-app demoRouter路由安装 npm install react-router-dom -sredux状态管理需要安装:npm install redux -snpm install react-redux -snpm install redux-thunk -sredux:创建store 分发reducer actionreact-redux:在组件使用状态和action,通过该目块api来实现映射状态和action,类似于vue

2021-05-10 19:39:21 75

原创 移动端适配 js适配

var sheJiGao = 750 function getSize(){ // 100是为了以后在看设计稿的时候,直接把设计稿尺寸除以100就可以当成真实的rem值 // 420 真实的屏幕尺寸 var screenWidth = document.documentElement.getBoundingClientRect().width document.documentElement.s.

2021-05-06 23:10:31 256 1

原创 vue脚手架搭建

1 vue create demo2 选择最后一个手动配置3 choose version space选中上下键选择其他配置 babel router4 选择2.x5 是否选择历史模式 y6 是否保存单独配置文件还是package.json7 是否保存当前配置以共后面使用 n8 cd demo9 npm run serve vue create demo选择最后一个手动配置 上下键选择其他配置 babel router...

2021-05-06 22:55:40 68

原创 vue解决跨域

代理服务器解决跨域module.exports = { // 开发环境下的服务器配置 devServer:{ // open:true,//自动打开浏览器 proxy:{ //代理服务器的配置 // 以/douyu开头的请求,进行以下代理服务器发送配置 "/api":{ target:"http://127.0.0.1:1024/", chang

2021-04-25 21:03:07 93

原创 js 九宫格抽奖

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>抽奖案例</title> <style> *{margin: 0;padding: 0

2021-01-22 14:12:10 337

原创 随机点名器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>点名器</title> <style> #p{ width:.

2020-12-26 11:21:42 634

空空如也

空空如也

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

TA关注的人

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