草庐IT

纯前端

全部标签

前端高频面试题 Day02

面试题var和letconst的区别var是ES5及之前的语法,letconst是ES6语法var和let是变量,可修改;const是常量,不可修改var有变量提升,letconst没有var没有块级作用域,letconst有(ES6语法有块级作用域)//var变量提升console.log('a',a)vara=100//let没有变量提升console.log('b',b)letb=200//var没有块级作用域for(vari=0;i10;i++){varj=1+i}console.log(i,j)//let有块级作用域for(letx=0;x10;x++){lety=1+x}conso

sanic 使用websocket与前端vue通信,持续发送信息

前记由于sanic使用较少,很难获取到有效信息,而且对websocket也是挺“一窍不通”的,因此写一下总结。在使用过程中,对sanic注册websocket,还是使用socketio不清。前端vue是使用io,还是WebSocket还是VueSocketIO。直接使用sanic.add_websocket_route方法和使用python-socketio库的区别:API:sanic.add_websocket_route是Sanic框架自带的一个方法,用于添加WebSocket路由。它基于WebSocket协议进行通信,并且提供了一些基本的事件回调函数。而python-socketio库是

WebMagic - 创意前端项目集合(点击链接可在电脑上查看效果)

WebMagic-创意前端项目集合欢迎来到WebMagic仓库!这里汇集了一系列令人惊叹的前端项目,涵盖了HTML5、CSS3和JS等多项技术。无论你是前端开发者、设计师,还是对创意互动内容感兴趣的人,这个仓库都将为你带来无尽的惊喜。每个项目都经过精心设计和编码,具有清晰的文档,让你轻松上手。请随意探索,留下你的反馈,或者在任何项目上贡献你的想法。我们相信创造力没有界限,期待看到你如何将这些项目融入到你的世界中。项目列表点击【项目链接】可在电脑上查看效果,文章结尾可以下载所有项目粒子雨在这个项目中,我们带来了引人注目的粒子雨效果,让你的页面宛如绚丽的雨幕。通过使用粒子动画,为你的网页增添活力和

如何使用SpringBoot和Netty实现一个WebSocket服务器,并配合Vue前端实现聊天功能?

本文将详细介绍如何使用SpringBoot和Netty实现一个WebSocket服务器,并配合Vue前端实现聊天功能。WebSocket是一种基于TCP的协议,它允许客户端和服务器之间进行双向通信,而不需要像HTTP那样进行请求和响应。Netty是一个Java网络编程框架,它提供了强大的异步事件驱动网络编程能力。SpringBoot是一个快速开发框架,它为开发者提供了丰富的自动化配置和依赖注入功能。结合这三个工具,我们可以轻松地搭建一个高效、稳定的WebSocket服务器,并实现实时聊天功能。准备工作在开始本文的实践部分之前,有一些准备工作需要做好:安装Node.js和VueCLI熟悉Java

前端AES加密,后端解密,有效防止数据外泄

在工作中经常遇到密码明文传输这个问题,为了让密码安全些会让加密,现在有个比较方便的AES加密(前端密钥可能存在泄露风险,应该放到配置项中):一、前端加密1、首先引入前端需要用到的js:crypto-js,下载地址:CryptoJS-v4.1.1https://www.aliyundrive.com/s/bXP6M8ZxVAD点击链接保存,或者复制本段内容,打开「阿里云盘」APP,无需下载极速在线查看,视频原画倍速播放。2、将crypto-js文件放到要引用的路径3、以下是要引用到的jsscriptsrc="../static/ajax/libs/captcha/crypto-js.min.js

【前端】从零开始读懂Web3

序言用心生活,用力向上,微笑前行,就是对生活最好的回馈。 本专栏说明:主要是记录在分享知识的同时,不定时给大家送书的活动。参与方式:赠书数量:本次送书3 本,评论区抽3位小伙伴送书活动时间:截止到2023-04-22 22:00:00抽奖方式:利用程序进行抽奖。参与方式:关注博主、点赞、收藏,评论区评论"人生苦短,我爱web!"web发展史Web的发展史可以大致分为以下几个阶段:Web1.0时代 (1990年代中期)Web2.0时代(2000年代初期)Web3.0时代(当前)1web1.0Web的初期阶段,主要是以静态网页为主,内容以文本和图片为主,用户只能通过超链接进行简单的页面跳转和浏览。

前端整洁架构,你了解多少?

本文来聊一聊前端整洁架构。首先,总体了解什么是"整洁架构",并熟悉领域、用例和应用层等概念。然后,讨论它如何应用于前端,以及它是否值得使用。然后,按照整洁架构的规则设计一个商店应用,并从头开始设计一个用例,看看它是否可用。这个应用使用React、TypeScript编写,编写过程中会考虑可测试性,并对其进行改进。架构与设计设计的基本目标是以一种能够重新组合的方式将事物分解开来...将事物分成可以组合的部分,这就是设计。—RichHickey,《DesignCompositionandPerformance》正如上述引言中所说,系统设计是将系统分开以便以后重新组装。最重要的是,能够轻松地重新组装

python - Python 脚本的图形前端

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭7年前。Improvethisquestion我在这里写了一个python脚本Github这只是我为了练习而写的东西。该脚本要求输入目录和输出目录以及压缩方法,然后压缩输入目录中的文件并将压缩后的存档存储到输出目录。我想为这个脚本制作一个图形前端。我正在使用Ubuntu10.10(GNOME)。有可能这样做吗?如果是,那么我应该从哪里开始?我想这样做只是为了学习目的。谢谢

使用uni-app的uni.chooseImage获取的图片路径,存储到数据库中,无法在前端展示该路径的图片

html,js,uni-app,首先我在uni-app中使用如下方法添加图片uni.chooseImage({ count:1,//count:6,//默认9 sizeType:['original','compressed'],//可以指定是原图还是压缩图,默认二者都有 sourceType:['album'],//从相册选择 success:function(res){ console.log(JSON.stringify(res.tempFilePaths)); } });通过uni.chooseImage获取的图片路径如图所示,是