首先，我们下载 swiper 的 js 和 css，将其放置 assets 中，在 src 下的 index.html 中引入（当然也可以直接引入 CDN ）<!--Swiper--><link rel="stylesheet" href="./assets/css/swiper-4.4.1.min.css"><script src="./asse...

纯html+css固定表格一列或多列，其余进行横向滚动的方法工作时候，遇到一个需求，表格的前两列固定不动，其他的跟随滚动条滚动，并没有在意，想起来很简单，刚开始想法是前两列absolute定位，后面的relative定位并给left值为前面的总宽度，就这样做了，发现是有问题的，具体啥问题就不多说了，如真想研究，自己尝试吧。当然，网上有很多插件的，比较好用，也建议大家使用插件吧，如TableFree

最近鹏仔刚接触uniapp，项目使用uniapp开发微信小程序，需要实现一个长按时进行语音录制，限制录制时间最大为60秒，录制完成后，可点击播放，播放时再次点击停止播放，录制完成长按实现删除功能，删除后又可重新录制（如上图所示）。视频演示https://v.qq.com/x/page/b325884hmr3.html下放为整体代码，可能不是很完美，没有想象中的那么流利，但是功能都有实现，欢迎借鉴（

上篇文章说了最近开发H5可视化编辑器，生成的H5需要嵌套在原生APP中，那么必然需要调用原生app的事件或者app调用我H5的事件。因为，H5首页内容可能会添加的丰富比较多，需求怕一次请求加载慢，所以让搞了分页，无限滚动加载，但是app把H5的滚动禁掉了，所以H5无法获取滚动事件，只能是app到底触发H5的事件，那么app如何触发H5事件。我是vue开发的，在mounted中，按下放方式定义，on

好久没有搞过将vue项目打包成app了，这两天刚好项目需要将vue开发的H5项目打包成APP，那就简单记录一次呗（之前也写过一篇打包app，是将项目使用hbuilder打开，转为webapp什么的，就可以直接打包了，现在不一样了，现在使用HBuilderX还是有些区别）。第二步：我们下载HBuilderX，可前往官网下载 https://www.dcloud.io/hbuilderx.html 下

css防止图片挤压变形 object-fit: cover; 属性介绍最近给公司开发一个简单的H5可视化编辑器，如上图所示，左侧点击添加基础组件，在中间区域预览展示，右侧区域对中间展示组件进行一对一编辑，最终生成H5页面。提测给测试小姐姐，在右侧上传了图片，说中间图片被挤压了，那么安排下，如上图所示，添加了红色注释，已添加的属性和未添加的属性图片进行对比所示，图片都是嵌套到一个固定宽高的div中，

elementui 日期选择器设置 开始时间不能大于结束时间，结束时间不能小于开始时间。简单容易，就不做详细解释了，复制粘贴，修改对应参数名即可。iView 日期时间选择器设置开始时间至结束时间限制。【推荐】前端软件下载。

经常会遇到后台反的时间是‘2020-02-02 10:00:00’，页面上需要只展示年月日或者只展示时分秒，那么最简单的方法就是返回过来的值直接截取一下即可。如何截取前几位，案例如下var date = '1996-10-22 22:55:33';var key = date.substring(0,10);console.log(key);// 打印结果：1996-10-22如何截取后几位，案例

刚开始想着是代码出现了问题，但是我用360浏览器发现正常使用，没有出现跨域问题，于是查了相关资料，最终发现是升级了谷歌浏览器后配置出现了问题。早期开发的一个后台项目，需要在浏览器中通过读卡器设备读取身份证信息，使用谷歌打开，报了如下跨域问题。查询后，修改为“Disabled”，并Relaunch重新启动下，点击后会自动重启浏览器。进入谷歌浏览器，在网址栏输入下方路径访问。重启后，就解决了此跨域问题

平时用到elementui时，经常遇到多级树形结构，但是后端往往给前端反的每一级字段不一致，如果写个遍历循环将其改为一致麻烦的，不如直接将后台发的数组转为字符串，再将字符串中不一致的字段替换成一致的即可，下放为如何替换字符串中需要替换的指定字符方法。案例如下一、替换字符串中所有为a的字符为elet str = 'abcabcabc';str = str.replace(/a/g, 'e');con