劫后余生l-CSDN博客

首先安装 amfe-flexible ,npm install amfe-flexible --save然后在main.js 引入//在main.js 引入amfe-flexibleimport 'amfe-flexible';并且在main.js 主入口文件引入 amfe-flexible, 它会自动设置html的font-size为屏幕宽度除以10，也就是1rem等于html根节点的font-size。假如设计稿的宽度是750px，此时1rem应该等于75px。假如量的某个元素的.

2021-12-13 17:49:06 1974

原创 Axios全局默认配置和fetch网络请求

Axios先引入axios npm install axiosconst axj = axios.create({ baseURL:"http://kumanxuan1.f3322.net:8001/", //所有的接口请求的公共域名地址 tiomout:1000, //可选项，单位毫秒，设置前端接口请求时间，过了时间就终止请求。 headers:{"Content-Type":"Application/js...

2021-12-06 20:03:20 976

原创遍历字符串中字符数量

// 字符串里每个存在多少个 var arr = "asdasdasda" var brr = {} arr.split("").forEach(el => { // 字符串转数组然后遍历 if(Object.keys(brr).includes(el)){ brr[el]++ }else{ brr[el] = 1 } }) console.log(brr) /.

2021-10-28 15:14:24 180

原创 js获取随机数与随机颜色函数的简单封装

获取随机数：/** * 获取一个范围内的随机整数 * @param {number} a 表示范围的数字 * @param {number} b 表示范围的数字 */function getRandom(a,b){ var max = a; var min = b; if(a<b){ max = b min = a } return parseInt(Math.random() * (max-min)) + min

2021-10-20 20:58:22 554

原创在网络差的时候图片的懒加载lazyload

图片在加载的时候可能因为网络及图片的大小导致图片的加载时候过长，对于用户体验不是很好，此处可以进行优化：使用图片懒加载（在网络图片加载时，先用一个体积小、样式统一、带有公司/项目标识的图片替代，等待网络图片请求完毕后，再做替换）。首先安装一个三方包：vue-lazyload（npm i -S vue-lazyload）// 导入懒加载import VueLazyload from "vue-lazyload";// 使用懒加载指定图片Vue.use(VueLazyload, { lo

2021-10-20 20:40:19 134

原创 vue时间格式处理

先安装moment包（npm i -S moment），然后创建过滤器对时间进行处理：// 导入moment包import moment from "moment"// 过滤器filters: { // 处理时间戳 parseTime(timestamps) { // 语法：moment(时间戳).format(格式化) return moment(timestamps * 1000).format("YYYY-MM-DD"); },}

2021-10-19 08:17:36 350 1

原创 vue配置前端代理

接口有很多都是存在跨域问题的，但是cors、jsonp的方式都是依赖后端去解决支持问题，所以只能考虑代理操作。针对vue项目的代理配置需要在项目的根目录下创建文件“vue.config.js”，切勿写错名字！这个文件修改之后需要重启项目才能生效。module.exports = { // 开发服务器设置 devServer: { open: true, // 设置 npm run serve 启动后的端口号 port: 300

2021-10-18 21:11:58 2033

原创动画函数的简单封装

/*** 动画函数* @param {node} ele 要运动的元素* @param {object} obj 要运动的属性组成的对象*/function move(ele,obj,fn){ var k = 0 var n = 0 // 遍历对象，在循环中创建定时器 for(let attr in obj){ k++ // 在循环中执行异步代码，所以要将循环的var换成let let ...

2021-10-15 10:13:41 104 2

a949370771的博客

转载实现拖拽进度条

原创 vue移动端rem适配 amfe-flexible