冬冬先生

2021年2月19日

摘要：主要是ES6模块化一句话就是：把一段代码封装起来，便于重复使用 1、es5之前没有模块化，使用commonJs的规范，使用module.exports导出，用require+path引入 module.exports = { name:"冬冬的随笔", funA:function(){ retur 阅读全文

posted @ 2021-02-19 11:47 冬冬先生阅读(354) 评论(0) 推荐(1) 编辑

前端性能优化

摘要：我们常提到性能好坏是由什么来衡量呢？访问页面地址 --> 页面首次加载数据 --> 渲染出完整页面的时长，非首次情况下，命中缓存的加载缓存数据 --> 渲染出完整页面的时长。一般我从下面几个方面着手去做，一般问题都不大。 1、减小资源（静态资源，后端加载的数据）大小（webpack都可以搞定）压缩阅读全文

posted @ 2021-02-19 11:34 冬冬先生阅读(67) 评论(0) 推荐(0) 编辑

前端框架杂记

摘要：一、vue公共组件的理想状态是什么样子的？ 1. 黑盒性，即除了你自己以外，其他的开发者在快速阅读使用文档之后可以立刻上手，而不用关心你的内部实现； 2. 独立性，即做好解耦，不与父组件有过多关联； 3 自定义性，适当地暴露一些输入接口或者方法给外部用于自定义，同时也要设置好这些属性在外部未输入时的阅读全文

posted @ 2021-02-19 10:54 冬冬先生阅读(55) 评论(0) 推荐(0) 编辑

2021年2月3日

小程序富文本针对图片表格的处理

摘要： <rich-text :nodes="richTxt"></rich-text> created里面的处理： created() { const regex = new RegExp('<img', 'gi'); const regexTable = new RegExp('<table', 'gi 阅读全文

posted @ 2021-02-03 17:14 冬冬先生阅读(590) 评论(0) 推荐(0) 编辑

2021年1月11日

记录几个好用的工具

摘要： 1、压缩图片的网站：https://tinypng.com/ 2、RAP2使用教程：https://juejin.cn/post/6850418118772064270 3、好用的地图组件库：https://juejin.cn/post/6850418118772064270 4、抽奖的实现（小程序阅读全文

posted @ 2021-01-11 15:35 冬冬先生阅读(133) 评论(2) 推荐(0) 编辑

2020年12月21日

利用Vue-amap实现基于高德地图定位（搜索、地图选址）

摘要：组件 <template> <div class="amap-page-container" style="height: 400px; margin-bottom: 200px; background: #ccc" > <el-amap-search-box class="search-box" 阅读全文

posted @ 2020-12-21 16:04 冬冬先生阅读(8598) 评论(1) 推荐(0) 编辑

2020年12月17日

在vue或者小程序里面实现大转盘抽奖的方案

摘要：推荐参考网址：https://100px.net/document/uni-app.html 阅读全文

posted @ 2020-12-17 13:48 冬冬先生阅读(327) 评论(0) 推荐(0) 编辑

2020年12月10日

小程序的安全高度（针对一些特殊机型）

摘要： 1、例如：iPhoneX的底部小黑条 2、解决方案（1）获取手机型号，单独处理样式（底部小黑条大约为68rpx）（2）实现铺满全屏效果（3）具体代码 3、具体的实现方法原生的放在app.js/uniapp放在app.vue wx.getSystemInfo({ success: res => 阅读全文

posted @ 2020-12-10 15:37 冬冬先生阅读(261) 评论(0) 推荐(0) 编辑

2020年11月30日

移动端rem适配文件

摘要： /* eslint-disable */ ! function() { var a = "@charset \"utf-8\";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-te 阅读全文

posted @ 2020-11-30 14:40 冬冬先生阅读(353) 评论(2) 推荐(0) 编辑

2020年10月26日

js原生实现复制文本到剪切板

摘要： <span id="copy">{{yuming}}</span> <el-button type="primary" plain size="mini" @click="copy()">复制</el-button> copy(){ var copyTest = document.getElemen 阅读全文

posted @ 2020-10-26 20:55 冬冬先生阅读(2371) 评论(0) 推荐(0) 编辑

公告