![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端 笔记
文章平均质量分 56
前端 笔记
香菜啵子欸
初学者,菜鸟一个。
展开
-
【JS】上传文件显示文件的为空,显示的文件参数内容只有uid
将header中的Content-type编码类型被设为 “multipart/form-data”原创 2024-06-18 10:40:44 · 403 阅读 · 0 评论 -
【优化】前端如何一次处理十万条数据的渲染
【代码】前端如何一次处理十万条数据的渲染。原创 2024-03-22 10:37:44 · 479 阅读 · 0 评论 -
【JS】WebSocket:实现实时通信功能。
如果想需要websocket实现功能,后端也要进行对应的修改配置,本内容只讲前端部分,想了解后端如何让实现的自行查阅资料。原创 2024-03-04 12:23:30 · 2015 阅读 · 0 评论 -
【JS】WebSocket实现简易聊天室
2、客户端发送消息,其它客户端用户都会同步接收消息(服务端接受消息广播所有连接用户)3、客户端修改昵称,其它客户端用户都会同步接收消息(服务端接受消息广播所有连接用户)1、连接服务器先建立连接,默认生成匿名用户(admin01)4、第2和第3的区别为消息类别不同。原创 2024-03-04 12:22:37 · 479 阅读 · 0 评论 -
【面试官】HTTP工作原理
客户端浏览器首先解析状态行,查看表明请求是否成功的状态代码。客户端浏览器读取响应数据HTML,根据HTML的语法对其进行格式化,并在浏览器窗口中显示。若connection模式为close,则服务器主动关闭TCP连接,客户端被动关闭连接,释放TCP连接;通过TCP套接字,客户端向Web服务器发送一个文本的请求报文,一个请求报文由请求行、请求头部、空行和请求数据4部分组成。一个HTTP客户端,通常是浏览器,与Web服务器的HTTP端口(默认为80)建立一个TCP套接字连接;原创 2024-03-04 10:52:32 · 316 阅读 · 0 评论 -
【Vue】vue项目中使用tinymce富文本组件(@tinymce/tinymce-vue)
除了以上的基本功能,TinyMCE编辑器还支持插件扩展,tinymce 通过添加插件plugins的方式来添加功能,在添加之前我们需要先来引入相应的插件,引入插件之后我们就可以在init中重新初始化下对应的toolbar(工具栏图标)和plugins(对应的插件组件)属性。powerpaste文件夹提取链接:https://pan.baidu.com/s/1Y7ziHe0Rgm2n5r1XcVEmNg。原创 2024-01-31 11:54:29 · 3748 阅读 · 0 评论 -
【ES6】一个页面上需要等两个或多个ajax的数据请求成功以后才正常显示(使用Promise.all和Promise.race)
【代码】【ES6】一个页面上需要等两个或多个ajax的数据请求成功以后才正常显示(使用Promise.all和Promise.race)原创 2024-01-30 15:24:55 · 446 阅读 · 0 评论 -
whistle代理、SwitchyOmega 安装及使用
2、数据请求和页面请求进行分离,aa.com/api是后端接口,返回的是一串JSON数据,aa.com返回的是一个html页面,假设页面aa.com想要获取aa.com/api的JSON数据,由于前端(8081)与后端(8080)使用的端口不同,导致出现跨域,前端8081是访问不到后端8080数据的,使用代理来访问相同域名下的不同路径就可以避免这个问题;1、安装完成后,命令行输入: w2 help,看到如下图界面,表示已安装成功。3、https必须安装证书!2、安装 Whistle。原创 2023-12-11 15:32:39 · 1329 阅读 · 1 评论 -
【React】前端项目引入阿里图标
注意:你的icon名字 icon-sousuokuang为图片红框部分。原创 2024-01-30 11:05:53 · 983 阅读 · 0 评论 -
【Vue】前端项目引入阿里图标
注意:iconfont是固定的,icon-sousuokuang为图片红框部分。原创 2024-01-30 10:30:53 · 585 阅读 · 0 评论 -
【Echarts】Echarts 图表宽度设置100%,图表显示只有100px的问题
图表的父容器设置了 display:none,图表在执行js初始化的时候找不到这个元素,所以自动将“100%”转成了“100”,最后显示出来的图表就只有100px;原创 2024-01-29 19:01:38 · 1341 阅读 · 0 评论 -
【Echart】echart图表不显示总结
2、是否使用了v-if(看是否能改为用v-show)和确保dom元素已经挂载到页面中;1、echarts.init时确认dom容器是否设置了宽高,原创 2024-01-29 18:50:23 · 396 阅读 · 0 评论 -
面试官:v-show和v-if的区别?
1、v-show只是为元素添加样式display:none;,dom元素依然存在,v-if是将dom元素整个添加或删除;如果元素会频繁的改变显示状态,则使用 v-show 较好;2、当show为false的时,都会不占据页面的位置;1、当show为true的时,都会占据页面的位置;如果显示状态很少改变,则使用 v-if 较好;原创 2024-01-29 18:26:50 · 215 阅读 · 0 评论 -
面试官:Vue和React的区别?
4、自动监听数据变化渲染视图,提供大量语法糖和组件框架等等,React手动setState修改状态,往往需要到社区寻找各种插件和解决方案;2、函数式编程:vue2使用声明式编程,Vue3(composition API)之后和React一样更推崇函数式编程;vue采用了vue指令+template,也可使用jsx;react:采用了jsx。3、Vue2使用声明式编程,Vue3之后和React一样更推崇函数式编程。vue,核心是数据响应式框架;3、虚拟DOM,使用diff算法操作DOM;原创 2024-01-29 18:05:08 · 535 阅读 · 0 评论 -
【Element】el-button点击事件失效
原因:由于el-button添加样式,例如float,position等等,浮动样式图层跟标准页面不在同一个层面上,因此无法点击。原创 2024-01-29 10:21:18 · 1169 阅读 · 0 评论 -
【前端性能优化】防抖和节流
防抖:限制我们的操作,节流:减少我们的操作,原创 2024-01-26 16:27:05 · 334 阅读 · 0 评论