springCloud_Feign远程调用

Feign远程调用Feign替代RestTemplate先来看我们以前利用RestTemplate发起远程调用的代码String url ="http://userservice/user/"+order.getUserId();User user = restTemplate.getForObject(url,User.class);存在下面问题: ① 代码可读性差,编程提验不统一 ② 参数复杂URL难以维护Feign是一个声明式的http客户端.① 引入依赖 <depende
分类: 编程语言 发布时间: 05-18 11:36 阅读次数: 0

性能优化——图片压缩、加载和格式选择

相信大家都听说过"258原则",一个网站的性能好坏很大程度上会影响到用户的体验。 在我经历的多个电商与大屏项目的优化性能的项目后,我发现图片资源的处理在网站性能优化中有着举足轻重的作用。
分类: 编程语言 发布时间: 05-18 11:36 阅读次数: 0

开启这些隐藏功能,让你的Chrome更加强大!

Chrome DevTools 是 前端开发人员最常用的工具之一,今天就来看 5 个Chrome DevTools 实用的实验性功能,开启这些隐藏功能,让你的Chrome更加强大! 1. CSS Ov
分类: 编程语言 发布时间: 05-18 11:36 阅读次数: 0

面经|三四月前端面试问题记录

个人情况:2021.6 毕业;技术栈主要是 Vue,所以 Vue 相关被问的多一些,React 很少; 记录一下最近遇到的面试题,按照面试题目的类型,做个归类划分: CSS相关: 各种选择器的优先级,
分类: 编程语言 发布时间: 05-18 11:36 阅读次数: 0

vue3引入cdn使用

背景:引入cdn直接调用提示undefined原因:因为你没有在vue.confing注册,然后重新运行项目正确做法:1.public/index.html 里面的body里面引入cdn2.在vue.config.js里面配置cdnmodule.exports = { configureWebpack: { externals: { AMap: 'AMap' } }}3.在需要的vue文件里面调用import AMap from 'AMap'4
分类: 编程语言 发布时间: 05-17 12:57 阅读次数: 0

vue3怎么引入高德地图

1.在高德开发平台申请你的key高德开发平台2.在public/index.html引入高德的cdn<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key,在高德控制台可以看到"></script> 在这里插入代码片3.在vue.config.js全局配置引入的高德地图cdnmodule.exports = { configureWebpack:
分类: 编程语言 发布时间: 05-17 12:57 阅读次数: 0

vue3调用高德天气

1.先在高德开发平台申请key,记得选择web服务2.然后直接在代码里面get请求示例//请求高德天气 const gaodeWeather = async () =>{ const res = await axios.get('https://restapi.amap.com/v3/weather/weatherInfo?key=234e06465507fad793f681f3d494df70&city=420100&extensions
分类: 编程语言 发布时间: 05-17 12:57 阅读次数: 0

antdv的notification通知提醒框文字换行

1.首先在app.vue里面设置white-space属性.ant-notification{ white-space: pre-wrap!important;}2.在提示框加入\n$notification.info({ duration:null,//自动关闭时间 message: '天气预报', description: date+',预计白天到夜间,主城区
分类: 编程语言 发布时间: 05-17 12:56 阅读次数: 0

uniapp的uni_modules目录需要提交到Git吗?为什么有了node_modules,还需要再发明一个uni_modules的轮子?node_modules和uni_modules的区别

uniapp的uni_modules目录需要提交到Git吗?为什么有了node_modules,还需要再发明一个uni_modules的轮子?node_modules和uni_modules的区别
分类: 编程语言 发布时间: 05-17 12:20 阅读次数: 0

浮动的注意点

1.浮动的盒子只会影响浮动盒子后面的标准流不会影响前面的标准流代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init
分类: 编程语言 发布时间: 05-17 12:19 阅读次数: 0

清除浮动本质以及额外标签法(了解)

代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
分类: 编程语言 发布时间: 05-17 12:19 阅读次数: 0

清除浮动 给父级添加overflow

代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl.
分类: 编程语言 发布时间: 05-17 12:19 阅读次数: 0

清除浮动——after伪元素法

语法:.clearfix:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{ /* IE6、7专用 */
分类: 编程语言 发布时间: 05-17 12:19 阅读次数: 0

清除浮动:双伪元素清除浮动(最常用)

before:在前面插入盒子after:在后面插入盒子代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initi..
分类: 编程语言 发布时间: 05-17 12:19 阅读次数: 0

终于搞懂了 CSS 中的百分比是基于什么工作的了!

作者:Khang译者:前端小智来源:dev有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。大家有没有对 CSS 中的百分比是如何工作的感兴趣?有没有想过,为什么它有时会乱七八糟,没啥头绪?反正我是有,所以今天分享这篇文章,对自己来说是加深理解,同时也希望对大家有所帮助。什么百分比?作为百分比,显然应该有一个目标.
分类: 编程语言 发布时间: 05-17 12:04 阅读次数: 0

2021,排名前 15 的 Vue 后台管理模板

作者:Matt Maribojoc译者:前端小智来源:stackabuse有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。后面的模板是我们做后台管理系统经常所需要的东西。 虽然,我们总可以花很多时间从头开始设计自己的模板,但有现在的模板让我们套,节省我们更多时间用来摸鱼,何乐而不为呢。这些现有出色模板,除了节省.
分类: 编程语言 发布时间: 05-17 12:04 阅读次数: 0

不要再到处使用 === 了

我们知道现在的开发人员都使用 === 来代替 ==,为什么呢?我在网上看到的大多数教程都认为,要预测 JavaScript 强制转换是如何工作这太复杂了,因此建议总是使用===。这些都...
分类: 编程语言 发布时间: 05-17 12:04 阅读次数: 0

5个常见的JavaScript内存错误

作者: Jose Granja译者:前端小智来源:medium有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。JavaScript 不提供任何内存管理操作。相反,内存由 JavaScript VM 通过内存回收过程管理,该过程称为垃圾收集。既然我们不能强制的垃圾回收,那我们怎么知道它能正常工作?我们对它又了解多少.
分类: 编程语言 发布时间: 05-17 12:04 阅读次数: 0

腾讯研发出新招,从此动画制作就用PAG

2020年开始,突如其来的疫情让线上生活形式飞速发展,短视频平台成了广大网民休闲娱乐、学习技能、分享生活的重要途径。根据CNNIC发布第48次《中国互联网络发展状况统计报告》显示,截至 2021 年 6 月,我国网络视频用户规模达 9.44 亿,其中短视频用户规模为 8.88 亿,占网民整体的 87.8%,人均单日使用时长为 125 分钟。在日益壮大的短视频用户基数下,短视频平台为了吸引更多流量,动画设计师和开发需要不断高效各类创意的特效,以满足用户多元的内容需求。动画是影响用户交互很重要的一环,现
分类: 编程语言 发布时间: 05-17 12:04 阅读次数: 0

厉害了,JavaScript 新提案:array.groupBy()

作者:Ashish Lahoti译者:前端小智来源:dmitripavlutin许多开发人员喜欢 Ruby 编程语言,因为它具有丰富的标准实用程序库。例如,Ruby中的数组有大量的方法。不过,我们的JavaScript也在努力,在字符串和数组方面逐步丰富了它的标准库。例如,在以前的文章中,介绍新的 array.at() 方法。今天我们在来看新的数组组提案(目前处于第三阶段),它引入了新方法 array.groupby() 和array.groupbytomap() 。它们的 polyfills.
分类: 编程语言 发布时间: 05-17 12:04 阅读次数: 0