JackieDYH

2020年11月2日

摘要： vue-pdf npm i vue-pdf --save 使用 <template> <pdf src="./static/relativity.pdf"></pdf> </template> <script> import pdf from 'vue-pdf' export default { c 阅读全文

posted @ 2020-11-02 17:52 JackieDYH 阅读(4) 评论(0) 推荐(0) 编辑

vue/cli3.0中使用pdf.js的案例教程

摘要： pdf.js下载浏览器中直接打开预览 pdf 文件安装解压下载的zip文件，将解压后的整个目录（pdf-dist）拷贝到项目的 public 目录下（放在 public 目录下的文件不会被 webpack 处理）使用 pdf.js 自带的预览界面 viewer.html 预览，可以在 vie 阅读全文

posted @ 2020-11-02 17:36 JackieDYH 阅读(11) 评论(0) 推荐(0) 编辑

图片在div盒子中垂直水平居中显示-flex

摘要：使用弹性盒布局-flex，巧妙的实现图片垂直水平居中效果图示例代码 <div class="cp bgcolor"> <img class="img01" src="../assets/images/coop/yl.png" alt="图" /> </div> .cp { width: 269p 阅读全文

posted @ 2020-11-02 10:47 JackieDYH 阅读(8) 评论(0) 推荐(0) 编辑

2020年10月29日

vue项目中使用轮播组件vue-awesome-swiper安装最新版本爬坑记

摘要： vue中使用swiper做轮播图 >由版本引起的雪案 https://www.swiper.com.cn/ https://github.surmon.me/vue-awesome-swiper/ npm i vue-awesome-swiper npm将安装最新的vue-awesome-swipe 阅读全文

posted @ 2020-10-29 13:11 JackieDYH 阅读(10) 评论(0) 推荐(0) 编辑

2020年10月28日

vue中写轮播图的福音-vue-awesome-swiper-里面全都有

摘要： vue中使用vue-awesome-swiper的方法带分页器、带左右按钮、垂直滑动、水平滑动、多图滑动、3d效果、缩略图控制等等等，需要的基本都有安装swiper npm install vue-awesome-swiper --save 配置swiper（main.js） import V 阅读全文

posted @ 2020-10-28 18:09 JackieDYH 阅读(22) 评论(0) 推荐(0) 编辑

Node.js中简易http-server服务器的安装和使用

摘要： http-server是一个轻量级的基于nodejs的http服务器，它最大好处就是：可以使任意一个目录成为服务器的目录，完全抛开后台的沉重工程，直接运行想要的js代码。使用前提，要提前安装好node环境安装 npm install -g http-server 运行在要成为服务器的目录下运阅读全文

posted @ 2020-10-28 09:35 JackieDYH 阅读(25) 评论(0) 推荐(0) 编辑

2020年10月27日

小程序text文本中一些属性使用

摘要：一. 属性说明属性名类型默认值说明selectableBooleanfalse是否支持文本的选中功能spaceStringfalse显示连续空格。decodeBooleanfalse是否解码 decode可以解析的有  < > & ' &ensp; &ems 阅读全文

posted @ 2020-10-27 09:16 JackieDYH 阅读(19) 评论(0) 推荐(0) 编辑

2020年10月26日

支付宝小程序点击事件冒泡处理

摘要：开发者文档事件类型事件分为冒泡事件和非冒泡事件：冒泡事件：以关键字 on 为前缀，当组件上的事件被触发，该事件会向父节点传递。非冒泡事件：以关键字 catch 为前缀，当组件上的事件被触发，该事件不会向父节点传递。事件绑定的写法同组件的属性，以 key、value 的形式。 key 以 o 阅读全文

posted @ 2020-10-26 14:29 JackieDYH 阅读(96) 评论(0) 推荐(0) 编辑

html中在图片中绘制指定区域实现相应的事件流程-area标签

摘要： HTML <area> 标签示例 <img src ="planets.gif" alt="Planets" usemap ="#planetmap" /> <map name="planetmap"> <area shape="rect" coords="0,0,110,260" href="s 阅读全文

posted @ 2020-10-26 13:34 JackieDYH 阅读(26) 评论(0) 推荐(0) 编辑

2020年10月24日

for in 和for of的区别解读

摘要： for...in 和 for...of 是 JavaScript 中用于遍历对象和数组的两种不同的循环语句。 for…in for...in 语句用于遍历对象的可枚举属性。它会迭代对象的所有可枚举属性，包括自身的属性和从原型链继承的属性。 const obj = { a: 1, b: 2, c: 3 阅读全文

posted @ 2020-10-24 11:49 JackieDYH 阅读(3) 评论(0) 推荐(0) 编辑

公告