2020年3月16日
CSS-文本内容超出隐藏或显示省略号
摘要： 1、单行文本超出： p{ overflow: hidden;/*超出部分隐藏*/ text-overflow:ellipsis;/* 超出部分显示省略号 */ white-space: nowrap;/*规定段落中的文本不进行换行 */ width: 250px;/*需要配合宽度来使用*/ } 注： 阅读全文
posted @ 2020-03-16 14:26 涼皮Herr 阅读(670) 评论(0) 推荐(0) 编辑
原生JS-JQuery-使用input实现文件上传-type="file"
摘要： 通常原生的input上传是先进行文件的选择，然后通过提交按钮对文件进行上传，现功能需求是选择文件后直接进行上传，通过后端返回的文件信息进行展示，在提交操作时不再进行文件的上传，只传递文件相关信息如id或者url。 文件上传-带进度条：https:////www.cnblogs.com/liangpi 阅读全文
posted @ 2020-03-16 14:07 涼皮Herr 阅读(4096) 评论(0) 推荐(0) 编辑
bootstrap-paginator分页插件的使用
摘要： 先看效果展示： 1、下载相应jquery、bootstrap以及bootstrap-paginator插件 <script src="js/basic/jquery-3.4.1.js"></script> <script src="js/basic/bootstrap.min.js"></scrip 阅读全文
posted @ 2020-03-16 13:46 涼皮Herr 阅读(750) 评论(0) 推荐(0) 编辑
2020年2月26日
CSS-媒体查询与设备尺寸参考
摘要： 1、判断横竖屏 /* 横屏 */ @media all and (orientation :landscape) { } /* 竖屏 */ @media all and (orientation :portrait) { } 2、判断设备宽高 * 设备宽度大于 320px 小于 640px */ @ 阅读全文
posted @ 2020-02-26 11:12 涼皮Herr 阅读(2130) 评论(0) 推荐(0) 编辑
css样式重置
摘要： 1、移动端 * { -webkit-tap-highlight-color: transparent; outline: 0; margin: 0; padding: 0; vertical-align: baseline; } body, h1, h2, h3, h4, h5, h6, hr, p 阅读全文
posted @ 2020-02-26 10:54 涼皮Herr 阅读(307) 评论(0) 推荐(0) 编辑
css常用书写顺序
摘要： 1、属性顺序 建议遵循以下顺序： 同一 rule set 下的属性在书写时，应按功能进行分组， 并以 Formatting Model（布局方式、位置） > Box Model（尺寸） > Typographic（文本相关） > Visual（视觉效果） 的顺序书写， 以提高代码的可读性。 Form 阅读全文
posted @ 2020-02-26 10:47 涼皮Herr 阅读(868) 评论(0) 推荐(0) 编辑
前端HTML页面搭建模板
摘要： 1、HTML5标准模版 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>HTML5标准模版</title> </head> <body> </body> </html> 2、移动端 <!DOCTYPE 阅读全文
posted @ 2020-02-26 10:32 涼皮Herr 阅读(2310) 评论(0) 推荐(0) 编辑
2020年1月17日
vue-watch监听的方法
摘要： 在vue中，很多时候需要实时了解数据的变化执行相应的操作，通过watch监听能实现相应需求。 <div> <p>inputOne: <input type="text" v-model="value1"></p> <p>inputTwo: <input type="text" v-model="va 阅读全文
posted @ 2020-01-17 14:37 涼皮Herr 阅读(6849) 评论(0) 推荐(1) 编辑
前端web设定热点区域--通过 SVG
摘要： 在一张图片上加热点区域可以通过<map>标签来实现，也可以直接使用导出的 SVG 文件直接完成热点区域的绘制。 通过<map>标签的方法：https:////www.cnblogs.com/liangpi/p/11944052.html 1、需要先将所需大图标注出可点击区域后，导出为svg文件，嵌入 阅读全文
posted @ 2020-01-17 13:43 涼皮Herr 阅读(2159) 评论(0) 推荐(0) 编辑
2019年11月27日
前端web设定热点区域--通过map标签
摘要： 在一张完整图片上，需要点击不同位置响应不同事件。 通过map标签完成可点击区域的图像映射，由area设定可点击区域。 通过SVG的方法：https:////www.cnblogs.com/liangpi/p/11950114.html 1、所有主流浏览器都支持 <map> 标签与<area>标签： 阅读全文
posted @ 2019-11-27 17:46 涼皮Herr 阅读(1914) 评论(0) 推荐(0) 编辑