草庐IT

纯前端

全部标签

前端加密/解密方式

加密/解密应用场景前言:通常在前后端之间数据传输经常会涉及到一些敏感数据、cookie携带的token加密等问题。提到加密,相对于后台开发来说,遇到最多的需要加密处理的应用场景应该是接口的加密签名校验了。不过这种一般都用于服务端与服务端之间的相互调用。因为没有暴露在外的代码这种加密校验相对比较安全。但javaScript不一样,它是运行在浏览器端的一种脚本语言。基本除了在sojson.v6加密过的js代码,黑客可以通过逆向分析你的js代码来盗取一些数据。常用的js加密:对称加密(AES):用的同一个密钥进行加解密的优点:速度快缺点:在传输密钥过程中,这个密钥容易被拦截,导致密钥泄漏,安全性不高

常用的前端大屏 适配方案

方案实现方式优点缺点vmvh1.按照设计稿的尺寸,将px按比例计算转为vw和vh1.可以动态计算图表的宽高,字体等,灵活性较高2.当屏幕比例跟ui稿不一致时,不会出现两边留白情况1.每个图表都需要单独做字体、间距、位移的适配,比较麻烦scale1.通过scale属性,根据屏幕大小,对图表进行整体的等比缩放1.代码量少,适配简单2.一次处理后不需要在各个图表中再去单独适配3.文字,图片等大小均能自动适配1.因为是根据ui稿等比缩放,当大屏跟ui稿的比例不一样时,会出现周边留白情况2.当缩放比例过大时候,字体会有一点点模糊,就一点点3.当缩放比例过大时候,事件热区会偏移。插件v-scale-scr

【前端】 Vscode 搭建基础开发环境

🐱‍💻这里稍微介绍一下,为啥开始写前端了,可能大部分读者也不太关心,后面我的博客会比较清晰的标注前端还是后端,降低影响(-=-)。✌背景可能有人觉得不太好,但其实也没啥,毕竟生活所迫,大家都是靠劳动赚钱,不丢人(+-+),趁着年轻,想做就做,不一定要结果,自己不后悔。😃是否看见别人家的页面美如画,功能炫酷,效果叼叼,其实前端对于用户交互这一块还真是不错。特别是对于一些后端程序员来说,一直想学习写出亮瞎钛合金狗眼的页面(**_*)只要功夫深,肯定能入门,就让我来带你步入前端的大门吧✔安装Vscodevscode本身就是js写的,经过测试,确实更适合前端开发,就如idea对于Java一样一样的推荐

前端各大开发框架

一、目前流行框架目前最常用的前端框架为jQuery、vue、react、anguler二、各框架介绍及特点1、jQueryjquery是基于JavaScript类库的框架,其中提供了许多JavaScript类库,和一些css样式表的封装,使用起来比较方便,简化了用户与浏览器的交互,提高了系统的性能和开发效率。其封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTMl文档操作,事件处理,动画设计和Ajax交互.具有独特的链式语法和短小清晰的多功能接口具有高效灵活的css选择器,并且可以对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。优点:(1)

前端如何实现本地图片上传?

前端如何实现本地图片上传?摘要对于学习前端的小伙伴都有一个困惑,就是平常想上手小项目,但碍于不想购买服务器,实践受到了限制。一般我选择node.js搭建服务器,毕竟基于JavaScript语言,简直不是一家人不进一家门。但是,刚学node.js只会链接数据库进行增删改查,图片上传简直就是渣渣……现在,我的思路是这样的,在没有云服务器的情况下,利用node.js搭建本地服务器,将图片放在项目项目目录下,名字最好排序,方便前端项目遍历……前端页面设计和代码实现在前端页面中需要包含一个表单,用于用户上传图片。表单中需要设置enctype属性为“multipart/form-data”,这样才能上传二

【前端】1、flex 布局详解

flex布局目录一、flexcontainer和flexitems二、用在flexcontainer上的CSS属性(1)flex-direction(2)justify-content(3)align-items(4)flex-wrap(5)flex-flow(6)align-content三、用在flexitems上的CSS属性(1)order(顺序)(2)align-self(3)flex-grow(4)flex-shrink(5)flex-basis(6)flex一、flexcontainer和flexitems🎄1、开启了Flex布局的元素叫flexcontainer🎄2、flexco

Vercel十大优点:前端开发者的福音,快速部署你的应用程序

大家好,今天我要来介绍一款非常好用的云服务——Vercel。作为一名前端开发者,我深深地感受到了它的便利和高效。下面我将为大家介绍Vercel的十个优点。1.部署速度快Vercel的部署速度非常快,只需要几秒钟就能完成。这对于开发者来说非常重要,因为它可以让我们更快地将代码部署到生产环境中,从而更快地验证我们的想法。2.自动化部署Vercel支持自动化部署,这意味着我们可以将代码提交到GitHub或GitLab等代码托管平台上,然后Vercel会自动将代码部署到生产环境中。这样可以大大减少我们的工作量,让我们更专注于开发。3.集成多种框架Vercel支持多种框架,包括React、Vue、Ang

【前端开发工具】VUE3 devtools安装

背景尤雨溪在2020年9月19日晚正式发布vue3.0onepiece。此版本相较于vue2版本,更快、更小、更易维护、更易于原生、让开发者更轻松;所以学习vue3,对于一个前端开发者来说是一个刻不容缓的学习趋势。学习vue3自然也离不开debug啦~~Vue官方发布了调试工具Vue-Devtools。VUE3的Vue-Devtools目前还不能像VUE2的Vue-Devtools那样,通过命令(npminstallvue-devtools)进行安装。VUE3devtools安装1.下载VUE3devtools(https://gitee.com/h5web/devtools-6.0.0-be

【前端开发工具】VUE3 devtools安装

背景尤雨溪在2020年9月19日晚正式发布vue3.0onepiece。此版本相较于vue2版本,更快、更小、更易维护、更易于原生、让开发者更轻松;所以学习vue3,对于一个前端开发者来说是一个刻不容缓的学习趋势。学习vue3自然也离不开debug啦~~Vue官方发布了调试工具Vue-Devtools。VUE3的Vue-Devtools目前还不能像VUE2的Vue-Devtools那样,通过命令(npminstallvue-devtools)进行安装。VUE3devtools安装1.下载VUE3devtools(https://gitee.com/h5web/devtools-6.0.0-be

猿创征文|我的前端学习之旅【来自一名大四老学长的真情流露】

猿创征文|我的前端学习之旅自我介绍我浑噩的大一大二(是不是另一个你)我的大三生活大三上(学习过程、学习方法、推荐网站)大三下(技术提升、荣誉证书、推荐比赛)我与CSDN的机缘(从小白到创作者)收获(222天创作者身份的收获)对未来的憧憬写在最后的话本文共2413字,阅读12min自我介绍大家好,我是前端杂货铺,一名来自普通高等院校的普通本科学生(普中普)我是2019级的学生,今年21岁,软件工程专业,开学即将成为大四老学长,同样也面临着秋招英语仅过了四级,大三下侥幸获得第十三届蓝桥杯-web前端开发-省二等奖和Java高级开发工程师的证书下面这张图是我的大学,看看有小伙伴知道的嘛,哈哈哈~~我