2024年最全学妹跑过来问我往数据库中存入汉字为啥报错【手把手讲解】，2024年最新5年老Web前端面试竟然被这3道Web前端基础题难倒了

紧跟潮流

大前端和全栈是以后前端的一个趋势，懂后端的前端，懂各端的前端更加具有竞争力，以后可以往这个方向靠拢。

这边整理了一个对标“阿里 50W”年薪企业高级前端工程师成长路线，由于图片太大仅展示一小部分

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

/*!40101 SET NAMES utf8 */;

/!40101 SET SQL_MODE=‘’/;

/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;

/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;

/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE=‘NO_AUTO_VALUE_ON_ZERO’ */;

/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;

CREATE DATABASE /!32312 IF NOT EXISTS/data_test /!40100 DEFAULT CHARACTER SET latin1/;

USE data_test;

/*Table structure for table user */

DROP TABLE IF EXISTS user;

CREATE TABLE user (

user_id int(11) NOT NULL AUTO_INCREMENT,

user_name varchar(50) CHARACTER SET latin1 NOT NULL COMMENT ‘账号’,

password varchar(50) CHARACTER SET latin1 NOT NULL COMMENT ‘密码’,

user_state varchar(10) CHARACTER SET latin1 NOT NULL DEFAULT ‘1’ COMMENT ‘状态，逻辑删除’,

PRIMARY KEY (user_id)

) ENGINE=InnoDB AUTO_INCREMENT=13 DEFAULT CHARSET=latin1;

/*Data for the table user */

LOCK TABLES user WRITE;

insert into user(user_id,user_name,password,user_state) values (1,‘keafmd’,‘keafmd’,‘1’),(3,‘21312321’,‘123’,‘0’),(11,‘213’,‘213’,‘1’),(12,‘keafmd’,‘666’,‘0’);

UNLOCK TABLES;

/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;

/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;

/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;

/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;

就像上面说的一样我们发现了latin1的身影，那么我们就把latin1全部替换为utf8。

替换后的sql文件：

/*

SQLyog Enterprise v12.08 (64 bit)

MySQL - 5.7.31 : Database - data_test

---

*/

/*!40101 SET NAMES utf8 */;

/!40101 SET SQL_MODE=‘’/;

/*!40014 SET @OLD_UNIQUE_CHECKS=@@UNIQUE_CHECKS, UNIQUE_CHECKS=0 */;

/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;

/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE=‘NO_AUTO_VALUE_ON_ZERO’ */;

/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;

CREATE DATABASE /!32312 IF NOT EXISTS/data_test /*!40100 DEFAULT CHARACTER SET utf8 */;

USE data_test;

/*Table structure for table user */

DROP TABLE IF EXISTS user;

CREATE TABLE user (

user_id int(11) NOT NULL AUTO_INCREMENT,

user_name varchar(50) CHARACTER SET utf8 NOT NULL COMMENT ‘账号’,

password varchar(50) CHARACTER SET utf8 NOT NULL COMMENT ‘密码’,

user_state varchar(10) CHARACTER SET utf8 NOT NULL DEFAULT ‘1’ COMMENT ‘状态，逻辑删除’,

PRIMARY KEY (user_id)

) ENGINE=InnoDB AUTO_INCREMENT=13 DEFAULT CHARSET=utf8;

/*Data for the table user */

LOCK TABLES user WRITE;

insert into user(user_id,user_name,password,user_state) values (1,‘keafmd’,‘keafmd’,‘1’),(3,‘21312321’,‘123’,‘0’),(11,‘213’,‘213’,‘1’),(12,‘keafmd’,‘666’,‘0’);

UNLOCK TABLES;

/*!40101 SET SQL_MODE=@OLD_SQL_MODE */;

/*!40014 SET FOREIGN_KEY_CHECKS=@OLD_FOREIGN_KEY_CHECKS */;

/*!40014 SET UNIQUE_CHECKS=@OLD_UNIQUE_CHECKS */;

/*!40111 SET SQL_NOTES=@OLD_SQL_NOTES */;

选择执行sql脚本，选择修改后的sql文件

此时再查看表信息

这样就全部是utf8了，这样基本上可以肯定解决问题了。

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。