01 2021 档案

摘要:使用echarts地理坐标/地图 这里我将echarts的全国主要城市空气质量 - 百度地图作参考 首先导入官方示例 但是发现图形并不现实,只有标题 这是因为缺少百度地图 获取百度地图密钥ak 获取ak地址 然后在你的代码中加入百度外部script <script type="text/javasc 阅读全文
posted @ 2021-01-28 20:17 懒惰ing 阅读(2463) 评论(0) 推荐(0) 编辑
摘要:echarts 随屏幕大小改变大小(resize) echarts多个图表大小随屏幕的大小改变自适应,Echarts 多图表自适应窗口大小,echarts随页面大小变化而变化; 页面单个 echarts 当页面只有一个图表的时候直接用 window.onresize = myChart.resize 阅读全文
posted @ 2021-01-28 16:27 懒惰ing 阅读(1133) 评论(0) 推荐(0) 编辑
摘要:nprogress NProgress 是一个轻量级的进度条组件,使用简便,可以很方便集成到单页面应用中 官网链接 http://ricostacruz.com/nprogress/ 安装 npm $ npm install --save nprogress CDN https://unpkg.co 阅读全文
posted @ 2021-01-26 21:52 懒惰ing 阅读(1793) 评论(0) 推荐(0) 编辑
摘要:装饰器模式 需求 4s店在卖一种车,价格为10万元,如果用户需要在此基础上加装一些配置则需要加钱。 比如加热座椅配置需要2万元,电动车后视镜需要0.8万元等等。 function Car() { this.price = 10; } Car.prototype = { addHeatSeat: fu 阅读全文
posted @ 2021-01-24 21:31 懒惰ing 阅读(101) 评论(0) 推荐(0) 编辑
摘要:建造者模式 与工厂模式的区别 工厂模式注重创建对象的整体思路,不关心你想要创建的对象是什么样的。 建造者模式注重创建对象的细节,善于创建复杂对象或者复合对象。 需求 比如有一家招聘中介公司,现在有一批纸质简历或者建立数据信息,为了做成统一的电子版简历,我们需要将这些信息进行整理。 const dat 阅读全文
posted @ 2021-01-24 18:39 懒惰ing 阅读(88) 评论(0) 推荐(0) 编辑
摘要:工厂模式 简单工厂模式 批量生产对象的时候没有必要一个一个对象去创建,减少重复性代码。 在函数内部创建一个空对象 再给这个对象添加属性和方法 将包装好的对象返回处理啊 function createPerson(name) { const o = {}; o.name = name; o.getNa 阅读全文
posted @ 2021-01-23 18:06 懒惰ing 阅读(98) 评论(0) 推荐(0) 编辑
摘要:数组乱序 - 洗牌算法 从最后一个元素开始,从数组中随机选出一个位置,交换,直到第一个元素。 function shuffle(array) { const length = array.length; for(let i = length - 1; i > -1; i--) { const ran 阅读全文
posted @ 2021-01-23 16:00 懒惰ing 阅读(138) 评论(0) 推荐(0) 编辑
摘要:防抖和节流 防抖 不管事件触发频率多高,一定在事件触发 n 秒后才执行,如果在一个事件执行的 n秒内又触发了这个事件,就以新的事件的时间为准 /** * 防抖:不管事件触发频率多高,一定在事件触发 n 秒后才执行,如果在一个事件执行的 n秒内又触发了这个事件,就以新的事件的时间为准 * @callb 阅读全文
posted @ 2021-01-21 00:35 懒惰ing 阅读(66) 评论(0) 推荐(0) 编辑
摘要:组件自定义事件之 .sync 修饰符 在没有 .sync 修饰符之前我们要对一个 prop 进行双向绑定。 可直接复制以下代码查看 <!--父组件模板--> <div id="app"> {{father}} <button @click="btnClick">父组件按钮</button> <son 阅读全文
posted @ 2021-01-18 20:43 懒惰ing 阅读(242) 评论(0) 推荐(0) 编辑
摘要:nginx 部署 dist 文件 下载 nginx 地址:http://nginx.org/en/download.htm 下载后如下 启动nginx 直接双击nginx.exe,双击后一个黑色的弹窗一闪而过 打开cmd命令窗口,切换到nginx解压目录下,输入命令 nginx.exe 或者 sta 阅读全文
posted @ 2021-01-14 20:04 懒惰ing 阅读(7028) 评论(0) 推荐(0) 编辑
摘要:express 部署 dist 文件 首先创建一个 serves.js 文件 const express = require('express') const app = express() const port = 8012 // 自定义端口号(不要与已存在端口冲突) app.use(expres 阅读全文
posted @ 2021-01-09 19:24 懒惰ing 阅读(1329) 评论(0) 推荐(0) 编辑
摘要:表格显示数据的优化方法 实际开发过程中常遇到在同一个表格中要在不同的情况下显示不同的数据的问题。 一个开发需求 有 A B C 三种情况,同时只能存在一种 需要你在不同情况下显示不同的参数 我们这里模拟了后台数据,显示参数和条件判断也不多,但是真实情况比这个复杂的多 <template> <div> 阅读全文
posted @ 2021-01-07 20:40 懒惰ing 阅读(279) 评论(0) 推荐(0) 编辑
摘要:'use strict'; function view() { let proxy = new Proxy({}, { get(obj, propetry) {}, set(obj, propetry, value) { console.log(obj) console.log(propetry) 阅读全文
posted @ 2021-01-06 22:43 懒惰ing 阅读(269) 评论(0) 推荐(0) 编辑
摘要:双图片重叠解决首页大图加载慢的问题 我们在开发中会遇到登陆页或者首页需要加载一张高质量的大图,但是在网络极差的情况下回遇到加载白屏然后从上之下慢慢加载的情况,极大的影响了用户体验。 但是因为是首页,所以我没办法预加载,所以只能找个折衷的方法,先放一张低质量的相同图片占位,然后再加载高质量的图片从上至 阅读全文
posted @ 2021-01-05 00:24 懒惰ing 阅读(216) 评论(0) 推荐(0) 编辑
摘要:工厂模式 简单工厂模式 简单工厂模式最大的优点在于实现对象的创建和对象的使用分离,将对象的创建交给专门的工厂类负责,但是其最大的缺点在于工厂类不够灵活,增加新的具体产品需要修改工厂类的判断逻辑代码,而且产品较多时,工厂方法代码逻辑将会非常复杂 举个栗子,宠物有很多种,我们目前有 class Dog 阅读全文
posted @ 2021-01-04 15:56 懒惰ing 阅读(146) 评论(0) 推荐(0) 编辑
摘要:单例模式 定义:是保证一个类只有一个实例,并且提供一个访问它的全局访问点。 解释; 当已经有一个实例时,并不会创建一个新的实例,而是返回现有的实例。 应用场景:比如一个网站的登录,点击登录后弹出一个登录弹框,即使再次点击,也不会再出现一个相同的弹框。 要实现一个单例模式,一个经典的方式是创建一个类, 阅读全文
posted @ 2021-01-04 00:01 懒惰ing 阅读(92) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示