uniapp 引入外部js、css js var script = document.createElement('script'); script.src = "链接"; document.body.appendChild(script);css <style> @import "链接"; </style>
图片压缩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)
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"); //自己的命名和路径
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
uniapp上传图片文件 思路、首先获取本地图片路径可以拍照或者使用相册,获取之后使用uni.uploadFile上传uni.chooseImage({ count: 1, //默认9 sizeType: ['compressed'], //可以指定是原图还是压缩图,默认二者都有 sourceType: ['camera '], //手机拍照 success:(res)=> { console.log(res); const tempF
uniapp上传图片文件 思路、首先获取本地图片路径可以拍照或者使用相册,获取之后使用uni.uploadFile上传uni.chooseImage({ count: 1, //默认9 sizeType: ['compressed'], //可以指定是原图还是压缩图,默认二者都有 sourceType: ['camera '], //手机拍照 success:(res)=> { console.log(res); const tempF
uniapp上传图片文件 思路、首先获取本地图片路径可以拍照或者使用相册,获取之后使用uni.uploadFile上传uni.chooseImage({ count: 1, //默认9 sizeType: ['compressed'], //可以指定是原图还是压缩图,默认二者都有 sourceType: ['camera '], //手机拍照 success:(res)=> { console.log(res); const tempF
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
vue 触底加载 上滑刷新 vue加载更多 export default { components:{ FenLeiTab, Search }, data() { return { goods_list:[], isLoading:false,//是否正在加载 isLoadingMsg:"拼命加载中......", } }, created() { this
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
移动端适配 js适配 var sheJiGao = 750 function getSize(){ // 100是为了以后在看设计稿的时候,直接把设计稿尺寸除以100就可以当成真实的rem值 // 420 真实的屏幕尺寸 var screenWidth = document.documentElement.getBoundingClientRect().width document.documentElement.s.
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...
vue解决跨域 代理服务器解决跨域module.exports = { // 开发环境下的服务器配置 devServer:{ // open:true,//自动打开浏览器 proxy:{ //代理服务器的配置 // 以/douyu开头的请求,进行以下代理服务器发送配置 "/api":{ target:"http://127.0.0.1:1024/", chang
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
随机点名器 <!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:.