随笔分类 - H5
摘要：绘制企业聚合点 async drawQiye(markerList) { let that = this; let markersss = []; // 登记、简单、重点 let iconList = [ "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA
阅读全文
摘要：drawQiye(markerList) { let that = this; // 这里需要标准你要根据哪些字段进行聚合，以及在什么缩放范围内进行聚合 const clusterIndexSet = { streetAddress: { minZoom: 10, maxZoom: 13, }, e
阅读全文
摘要：项目中，我们有时候会遇到组件的样式是动态变化的，这个时候就需要动态传变量，然后供css用，那么这个如何实现呢？ 方法一： 使用原生js操作dom的方法，来改变css的样式，比如 document.getElementById(id).style.property = new style 这里的new
阅读全文
摘要：项目中经常会遇到pdf的下载和预览的功能，那么我们该如何实现呢？ 前提1：后台返回的是文件地址（非文件流） 下载： <a href="/1.pdf" target="_blank" download>下载</a> 加上download即可。 预览： <a href="/1.pdf" target="
阅读全文
摘要：//纵向布局 .flex-col { flex-direction: column; } //横向翻转布局 .flex-row-r { flex-direction: row-reverse; } /*两边对齐弹性布局*/ .flex-between { display: flex; justify
阅读全文
摘要：项目中，我们通常会遇到图片静态资源太大，那么我们怎么来压缩图片体积呢？ 方法1：PS或者在线网站进行图片压缩。 推荐网站1 https://tinypng.com/ 此网站可以批量压缩图片，当然你一次性压太多，网站也会报错无法压缩成功，没关系，你重新多试几次即可。 而且，你可以反复压很多次，这样可以
阅读全文
摘要：前言： 对于小程序，我们可以在设计稿为750的基础上，直接按照设计稿利用rpx作为单位，可以很好地完成各手机尺寸的自适应，那么对于H5我们有没有类似的方案呢？ 移动端H5： 我们通常会引入一小段js 来动态改变： (function () { var html = document.document
阅读全文
摘要：平时在项目布局中总会遇到flex布局，常用的有flex:1 1 auto (用来补全剩余的空间)，那么flex其他的应用呢？ 一、首先，先明白flex: 参数1 参数2 参数3代表的函数 参数1代表定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大 参数2代表属性定义了项目的缩小比例，默认为
阅读全文
摘要：各类app小结： 一、原生app: 二、webapp: 无法调用底层设备的api 三、混合app的方法： 1、原生app 嵌入 2、flutter 3、react native 4、AppCan(移动云平台) 5、Dcould 6、APICould 7、Cordova 8、lonic
阅读全文
摘要：小程序中有横向滚动的swiper，H5中目前得手动实现。 实现方法如下： 外层需要设置： overflow: scroll;white-space: nowrap;
阅读全文
摘要：亲测，目前谷歌浏览器等都已经支持该属性。
阅读全文
摘要：1、需要引入Swiper插件 2、轮播图的html结构 3、js代码如下 如上。
阅读全文
摘要：我们可以直接把以下代码加入到页面中，即可限制住各类分享。
阅读全文
摘要：http://debugx5.qq.com/ 点击上面网址，然后把底部的四个选项打钩，然后点清除，即可把可恶的缓存清掉！！！！！
阅读全文
摘要：近期在做一个H5的视频课堂，遇到了H5播放的需求，因为原生的video的样式不太理想，尤其是封面无法压住控制条，这就需要我们自定义播放控件。 于是，找了很近的插件，找到了用户比较多的video.js插件，可是，这个插件在移动端，尤其是要兼容安卓和ios，有很多bug, 包括自适应，包括点击播放和暂停
阅读全文
摘要：以上，我们通过将文件对象传入，即可返回图片的url . 若是其他文件内容，我们直接用对象.name 直接展示文件名称即可。
阅读全文
摘要：H5页面中我们常需要进行文件上传，那么怎么来实现这个功能呢？？？ 我主要谈如下两种方法。 (一)、传统的form表单方法 <form action="/Home/SaveFile1" method="post" enctype="multipart/form-data"> <input type="
阅读全文
摘要：H5中加载更多的逻辑总结： 1、首先，需要三个底部的提示，分别是“加载中”、“--我是有底线的--”、“暂时没有记录”，当然，这三句话根据不同的项目，可以自定义。具体代码例子如下： 2、根据如上情况，我们需要定义如下几个变量，来进行相应的操作。具体变量及说明如下： 3、加载具体数据的函数处 4、加载
阅读全文
摘要：如题
阅读全文