前端highcharts error
ERROR 1820 (HY000): You must reset your password using ALTER USER statement before executing this statement.
安装mysql8后，本地登录成功，选择数据库报错 ERROR 1820 (HY000): You must reset your password using ALTER USER statement before executing this statement. 解决办法： 执行语句修改密码：s ......
ERROR Failed to compile with 541 errors 11:27:44 These dependencies were not found: * core-js/modules/es.array.concat.js in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./
ERROR Failed to compile with 541 errors 11:27:44 These dependencies were not found: * core-js/modules/es.array.concat.js in ./node_modules/cache-loade ......
前端vscode常用插件
运行html文件(open in browser) 运行快捷键： Alt+B px转rem(px2rem) 将括号变色，便于观察(Bracket Pair Colorizer) 改变对齐线颜色(Guides) ......
前端常见的十种布局
作为一个开发小白，也是第一次编写博客文章，若有错误请各位大牛大佬指正，轻喷！！！ 我在学校接触最多的就是前端，然后最近在学习新的前端知识，发现前端布局常见的有很多种，不同的应用场景有不同的布局方式，下面就来简单介绍一下吧。 静态布局 浮动布局 定位布局 栅格布局 table布局 弹性（flex）布局 ......
解决 前端 设置滚动条的宽度后 滚动条消失的问题（解决ie浏览器样式无效的问题）
.op { flex: 1; width: 90%; flex-direction: column; overflow: auto; height: 90%; padding-right: 5px; } .op::-webkit-scrollbar{ width: 5px; } .op::-webk ......
express node模块连接数据库提示Connect error Error: connect ETIMEDOUT
服务器配置，点开防火墙配置，添加规则设置好端口号即可。 ......
前端小程序生成二维码及分享功能
一、需求描述 小程序个人中心生成二维码，用户点击生成二维码功能即可生成二维码，生成的二维码可分享。用户通过扫码或者分享的链接可进入到小程序首页某个产品的详情页 js文件 data: { shareInfo:{}, productUuid:'' }, onLoad: function (options ......
解决：Error running 'Tomcat 8.5.84': Unable to open debugger port (127.0.0.1:12288): java.net.SocketException "Interrupted function call: accept failed"
启动项目的时候，tomcat报错，错误内容是 Error running 'Tomcat 8.5.84': Unable to open debugger port (127.0.0.1:12288): java.net.SocketException "Interrupted function c ......
前端设计模式——访问者模式
访问者模式（Visitor Pattern）是一种行为型设计模式，用于将操作与其所操作的对象分离开来。该模式的核心思想是将操作封装在一个访问者对象中，而不是分散在各个对象中。通过将操作与对象分离开来，访问者模式可以在不修改对象结构的情况下，添加新的操作。 在前端开发中，访问者模式通常用于处理DOM树 ......
前端传递Base64字符串，后端转流存入OSS
工具类 public static BufferedInputStream base64Convert(String base64) { // 解码 base64 = base64.split(",")[1]; try { byte[] buffer = Base64.getMimeDecoder( ......
前端性能精进（六）——网络
网络也是前端性能优化的重要一环，网页上的资源都要经过网络来传输。 优化网络性能除了缓存和压缩之外，还有就是协议和 CDN。 HTTP 协议已经历了多个版本，每个版本的出现其实就是为了解决已知的性能问题。 目前市面上，有许多成熟的商业 CDN 服务，采用这些服务的网页，在性能提升上也很可观。 一、缓存 ......
7款前端性能分析工具，全都是神器
7款前端性能分析工具，全都是神器 测试开发技术 关注 7 人赞同了该文章 我们在使用网站过程中，经常会遇到慢的问题，为了找到原因，一般需要借助工具进行检测，通过工具，可以检测出前端站点加载资源的相关详细情况。今天，就给大家介绍几款前端性能测试分析工具，结合性能测试工具，实现通过量化的方式测试网站中 ......
前端设计模式——路由模式
路由模式（Router Pattern）：将页面的不同状态映射到不同的URL路径上，使得用户可以直接通过URL来访问页面的不同状态。 路由模式通常用于实现单页面应用（SPA）的页面导航和状态管理。具体来说，路由模式通过解析URL路径来确定应该显示哪个页面，并使用历史记录API来管理页面状态。 一般来 ......
百度2020校招Web前端工程师笔试卷（第二批）（20~23）
21. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> .checkgroup .item{ height: 42px; line-height: 42px; padding: 0 10px; margin: 10px 0; ......
springboot中让sentinel持久化到nacos中报错sentinel持久化报错Error creating bean with name 'ds1-sentinel-nacos-datasource': Lookup method resolution failed; nested exception is java.lang.IllegalStateException
若依框架报错原因： pom中没有引入依赖： <!-- SpringCloud Alibaba Sentinel --> <dependency> <groupId>com.alibaba.cloud</groupId> <artifactId>spring-cloud-starter-alibaba ......
前端设计模式——计算属性模式
计算属性模式（Computed Property Pattern）：在JavaScript中，可以使用Object.defineProperty()方法来实现计算属性模式，通过get和set方法来计算属性值。 计算属性模式用于将对象的某些属性值与其他属性值相关联。该模式常用于Vue.js等框架中。 ......
什么是前端开发领域中的 time to first byte 指标
在前端开发领域中，time to first byte（TTFB）指标是指浏览器发出请求后，服务器第一次返回数据所花费的时间，即从请求发送到收到第一个字节的时间。这个时间包括了浏览器发出请求到服务器接收到请求、处理请求并返回响应的时间。 TTFB 是一个重要的性能指标，因为它直接影响到用户的体验。较 ......
前端获取视频缩略图方式
代码示例： /** * 获取缩略图 * @param url 视频地址 * @param currentTime 缩略图取第几秒的图片 * @param width 截取的图片宽 * @param height 截取的图片高 * @returns {Promise<unknown>} */ expo ......
前端常用的终端命令
终端主要的目的是可以让我们在文件系统中进行四处浏览和打开/运行某些东西，只是在 windows 上我们之前都是用 GUI 界面进行操作的，现在是在终端中使用 shell 命令进行操作而已。 ......
org.springframework.dao.TransientDataAccessResourceException: Error attempting to get column 'classification' from result set. Cause: java.sql.SQLException: Invalid value for getInt()
问题：mybatis查询的时候，始终报这个错。我看了字段，应该是ClickNumber是Integer，为什么会报classification的问题。我试了几种方式，但是还是有这个问题。 包括使用resultMap来进行返回。 晚上看了很多方法，包括Druid版本啊，参数名不一致啊，lombok注解 ......
error code ELIFECYCLE
error code ELIFECYCLE 18 verbose node v10.8.0 19 verbose npm v6.2.0 20 error code ELIFECYCLE 21 error errno 1 1、npm cache clean --force 2、rm -rf node_ ......
前端用户图像传递给后端数据库
在业务中，我们将图片上传到服务器之后，需要将图片保存地址返回给前端和保存在数据库中，那么怎么获得这个地址呢？ 图片上传到哪里了？？？ 上传到什么服务器？？？ 前端上传 后端获取URL地址，保存数据库 数据库查询，返回URL地址前端，显示 ......
前端安全性
1.XSS（Cross-site Scripting 跨站脚本）攻击 方式：通过获取用户的Cookie、SessionId等敏感信息，影响网站及用户数据信息安全 XSS攻击要素： 1）攻击者提交恶意代码 2）浏览器执行恶意代码 防御方式： 1.增加攻击难度，降低攻击后果 2.增加验证码功能，防止冒充 ......
百度2020校招Web前端工程师笔试卷（第一批）大题部分(21~23)
非大题在本地pdf中有详解 #21.异或 题解 #include <iostream> using namespace std; long long change(long long x){ if(x % 4 == 0){ return x; }else if(x % 4 == 1){ return ......
友塔游戏23春招前端笔试复盘
笔试共计三道编程题，时间共计两小时，其中后面两道需要自己处理输入输出，平时习惯不用处理，突然上手才发现自己在这方面很弱，也惊觉自己在C语言方面也已经十分生疏，还需多多练习。 1.给出后序排列的算术式，计算结果， 如9,5,3，-，-，15，*，10，- 最后返回结果为5 思路：从左到右遍历给定的序列 ......
前端设计模式——委托模式
委托模式（Delegation pattern）：将一个对象的某个方法委托给另一个对象来执行，它可以帮助我们将对象之间的关系更加灵活地组织起来，从而提高代码的可维护性和复用性。 在委托模式中，一个对象（称为委托对象）将一些特定的任务委托给另一个对象（称为代理对象）来执行。代理对象通常具有和委托对象相 ......
docker启动出现Job for docker.service failed because the control process exited error code问题
只需要修改docker.server文件即可： 执行以下命令： vim vim /lib/systemd/system/docker.service 然后将ExecStart=/usr/bin/dockerd -H fd:// 改成ExecStart=/usr/bin/dockerd -H fd:/ ......
前端RSA非对称加密Go解密
Person: JavaScript实现非对称加密 ChatGPT: JavaScript 可以使用公钥密码学算法来实现非对称加密。常用的公钥密码学算法包括 RSA 和 ECC。 下面是一个使用 RSA 算法实现非对称加密的示例： // 生成 RSA 密钥对 const { publicKey, p ......
centos安装xampp后报错：egrep: error while loading shared libraries: libc.so.6: cannot open shared object file: No such file or directory
1、centos6.9安装xampp（xampp-linux-x64-7.0.21-0-installer.run）后启动的时候，报错： 2. 有人说少了glibc包，但是机器不缺少报错的包 3.正确答案： vi /opt/lampp/lampp 找到export LD_ASSUME_KERNEL= ......