- 博客(17)
- 收藏
- 关注
RSS订阅原创 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
1793
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
199
原创 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
407
原创 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
749
原创 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
724
原创 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
944
原创 vue 触底加载 上滑刷新 vue加载更多
export default { components:{ FenLeiTab, Search }, data() { return { goods_list:[], isLoading:false,//是否正在加载 isLoadingMsg:"拼命加载中......", } }, created() { this
2021-06-02 22:43:29
1066
原创 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
109
原创 移动端适配 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
333
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
84
原创 vue解决跨域
代理服务器解决跨域module.exports = { // 开发环境下的服务器配置 devServer:{ // open:true,//自动打开浏览器 proxy:{ //代理服务器的配置 // 以/douyu开头的请求，进行以下代理服务器发送配置 "/api":{ target:"http://127.0.0.1:1024/", chang
2021-04-25 21:03:07
139
原创 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
402
原创 随机点名器
<!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
675
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人