前端记录
文章平均质量分 62
TENET_T
我的心可不冷
展开
-
前端面试:你的项目中如何进行用户身份验证?
但如果使用jwt机制,jwt token中已经包含了用户信息,可以直接比对验证,不用查询数据库。回答:使用了jsonwebtoken这种机制,也就是jwt,如果用户是第一次登录,服务端会将用户信息用密钥签名,然后将签名附在用户信息(即payload)后面,最后生成jwt token发回给客户端。回答:客户端下次发送请求时会携带这个jwt token,服务端对jwt token中的签名部分解密,得到用户登录信息,再和jwt token中的用户信息比对,从而验证用户身份。面试官:说说jwt和token的区别?原创 2023-01-24 23:11:37 · 3980 阅读 · 0 评论 -
前端面试:你的项目中用户密码存储如何保证安全?
在前端面试中,密码加密的一系列问题可能会在问项目相关的时候涉及到,下面是模拟情景:面试官:你的项目中用户密码是明文存储吗?回答:为了避免数据泄露导致的安全问题,用户密码一般采用不可逆向的hash函数加密后存储。常见的哈希算法有:MD5、SHA-1、SHA-256、SHA-512等。面试官:使用hash加密后的密码就一定安全吗?应该如何增强安全性呢?原创 2023-01-24 17:24:13 · 1031 阅读 · 0 评论 -
HTML5 draggable拖放特性案例
最终实现效果:如下图所示,有两个分类盒子,可以把表示事件的div元素用拖放的方式进行归类。实现思路:我们在处理拖放的逻辑时,要聚焦于两个方面:在被拖动的元素上设置draggable属性和ondragstart属性,draggable要设为true,而ondragstart属性里是调用一个函数用来标识被拖动的元素id,当拖放结束后就能通过这个拖放开始时设置的id获知哪个元素被拖放了。 在要放置到的区域设置ondragover属性和ondrop属性,ondragover里调一个函数来取原创 2022-01-17 20:45:12 · 706 阅读 · 0 评论 -
CSS position属性与z-index属性
1.position属性position 属性规定元素的定位类型,定义建立元素布局所用的定位机制。position常用的属性值一般有三种:position: fixed; /*固定定位*/position: relative; /*相对定位*/position: absolute; /*绝对定位*/接下来分别说明这三个属性的用法及特性,并举例说明。1.1 固定定位fixed当元素的position属性被设置为fixed后,可以使用top/right/bottom/left这四个原创 2021-10-07 18:16:08 · 274 阅读 · 0 评论