2020年2月21日

通过rem及js实现手机屏幕适配

摘要: rem单位介绍:相对根元素(html)的长度单位,1rem=16px 。 font-size:计算值的倍数 适配原理:用rem取代原来的px,动态修改html的font-size适配。 举例说明: 我们可以把CSS中的px单位换成rem单位来进行测试。因为html根元素的字体大小是16px,那么换成 阅读全文

posted @ 2020-02-21 11:31 碎片时间 阅读(715) 评论(0) 推荐(0) 编辑

2020年1月2日

vue实现简单的轮播效果

摘要: 实现简单轮播图,如图: 一、页面布局: <template> <div class="slide-show" @mouseover="cleanInv" @mouseout="invIndex"> <div class="slide-img"> <a :href="slides[nowIndex]. 阅读全文

posted @ 2020-01-02 15:51 碎片时间 阅读(5108) 评论(0) 推荐(0) 编辑

2019年11月19日

vue2.0模拟后台数据交互

摘要: 一、模拟后台数据,需要vue-resource组件 1.$npm install vue-resource --save 2.在main.js中引入并使用 import VResource from 'vue-resource' Vue.use(VResource); 二、模拟后台数据配置 这里用e 阅读全文

posted @ 2019-11-19 17:10 碎片时间 阅读(477) 评论(0) 推荐(0) 编辑

2019年9月12日

HTML中引入pdf文件

摘要: 在html页面中引入pdf文件,仅限pdf文件,调用插件PDFObject.js HTML: 阅读全文

posted @ 2019-09-12 16:36 碎片时间 阅读(3162) 评论(0) 推荐(0) 编辑

简单轮播图

摘要: HTML: 页面加载完成后调用轮播方法: slide()方法: 阅读全文

posted @ 2019-09-12 16:02 碎片时间 阅读(210) 评论(0) 推荐(0) 编辑

jquery实现多图上传展示

摘要: 图片上传后展示在前端,最多只能选择5张图片 结果展示: 阅读全文

posted @ 2019-09-12 15:45 碎片时间 阅读(1534) 评论(1) 推荐(0) 编辑

jQuery表单序列化方法serialize(),serializeArray()

摘要: 利用ajax与后台数据交互时需要提交大量的input输入值,可利用form的serialize(),serializeArray(),serializeObject方法,但是注意name值需要与后台字段保持一致: form表单 serialize方法 serialize方法可以将表单序列化成一个拼接 阅读全文

posted @ 2019-09-12 11:13 碎片时间 阅读(277) 评论(0) 推荐(0) 编辑

2019年8月28日

input上传图片后预览

摘要: <input type="file" id="expertPhoto"/> <img src="" class="img"/> $('#expertPhoto').change(function(){ $('.img').attr('src',URL.createObjectURL($(this)[0].files[0])) }) 阅读全文

posted @ 2019-08-28 17:41 碎片时间 阅读(111) 评论(0) 推荐(0) 编辑

ajax上传文件及限制文件类型

摘要: 上传报告文档限制为pdf,word,excel文件,通过input的accept属性设置 通过ajax发送请求: 阅读全文

posted @ 2019-08-28 17:29 碎片时间 阅读(1295) 评论(0) 推荐(0) 编辑

2019年6月19日

弹出框的关闭按钮固定在页面底部

摘要: .detail{ position: fixed; top: 0; left:0; width:100%; height:100%; overflow: auto; back... 阅读全文

posted @ 2019-06-19 16:51 碎片时间 阅读(858) 评论(0) 推荐(0) 编辑

导航