前端开发-阿锋

摘要： 直接贴代码： HTML CSS .tip{ font-size: torem(28px); color: #000000; width: torem(260px); position: relative; float: left; overflow: hidden; white-space: now 阅读全文

摘要： 我们在页面的时候，很多时候用到了弹出层，消息提醒，确认框等等，统一样式的弹出框可以使页面更加优美。在此，我整理一下我们项目的移动端和PC端页面常用的弹出层。 一、移动端 我们需在页面引入弹出框的样式和js 1、提示语 1）加载 2）成功 3） 失败 2、确认框 说明： 第一个参数：题目 第二个参数： 阅读全文

摘要： 为什么要做这个呢？如果后端给的数据不单有JSON字符串，还有对象呢？这个时候我们就要每个都处理（JSON.parse）。万一后端又改了，所有都是对象呢？如此一来我们就需要对我们的ajax进行封装。 这里我们使用axios，所以我们需要进行axios安装。 Using npm: Using bower 阅读全文

摘要： 直接上代码 html: 界面css: 旋转css:(做了兼容的，可以放心使用) js: 这里讲原理就好了，大家自己多去思考。这里通过点击，然后在你点击的那张图片增加“choose”这个className.这样就触发了动态的样式，最后当你设置一个setTimeOut，让你的图片显示，最后把“choos 阅读全文

摘要： 在用这块代码前需要在主页面index引入<script src="http://at.alicdn.com/t/font_kfbh2nlnqrrudi.js"></script> html: 这里需要引入：import EXIF from 'exif-js' Exif.js 提供了 JavaScri 阅读全文

摘要： 一、css部分 1.meta标签 移动端加上这个标签才是真正的自适应，不加的话，假如你把一个980px宽度(手机端常规是980)的PC网页 放在手机上显示，倒也能正常显示不出现滚动条，不过是移动设备对页面 做了缩小优化，所以字体等都相应缩小了 （980px是相对于手机像素的，我的是超过1000px多 阅读全文

摘要： 上代码： 这个是针对父元素： 父元素设为display:flex;没有问题，但子元素flex:1这种标注在safari中不能用！ 子元素使用的话只能设为flex:auto，如果想实现flex:1这种效果，请用： flex-grow:1; flex-shrink:1; flex-basis:0; 这三 阅读全文

摘要： 说下主要的逻辑，首先是利用input type="file"，上传文件，然后判断文件类型是否是图片，这里要注意（multiple，安卓一次一张，ios可以多张）。 接着把本地图片转为base64发给后端，后端返回url，我们把它保存在数组里面，最后发给后端的是一个数组（里面放url）。删除操作也是一 阅读全文

摘要： async created () {//这个是判断是否是微信浏览器， let ua = navigator.userAgent.toLowerCase() if (ua.match(/MicroMessenger/i) === 'micromessenger') { /* eslint-disable no-unused-vars */ let res... 阅读全文

摘要： // js如何判断一个对象{}是否为空对象，没有任何属性 if (typeof model.rows "object" && !(model.rows instanceof Array)){ var hasProp = false; for (var prop in model.rows){ has 阅读全文