其他
文章平均质量分 53
PhantomBuIlet
刚入职的小白。。。
展开
-
前端HTTP和HTTPS的基础知识
原文作者:Lam来源:知乎https://zhuanlan.zhihu.com/p/108819904(仅做学习之用,侵联删。)前端和网络协议可以说是天天打交道,那么我们必须基本一些网络的基本知识,最近在看一些面试题,发现有不少网络知识我们是很容易忽略,但是却是很基本的东西,那么就在这里写一遍关于前端接触到的网络知识做一个总结和记录。目录HTTP协议介绍 HTTP各版本的差别 HTTP协议三次握手四次挥手 HTTPS握手过程 HTTP状态码HTTP协议介绍HTTP是hyp.转载 2021-08-30 16:08:08 · 438 阅读 · 0 评论 -
CSS实现Switch开关功能
原理:利用css的伪元素生成一个按钮,根据表单checkbox的checked属性来控制开关的状态和样式的切换。代码:html部分: <input type="checkbox" class="switch-button" id="switch-button" onclick="handleClick(this)"> <label for="switch-button"></label>一个checkbox与其绑定的label,主要样式原创 2021-08-20 14:11:50 · 2570 阅读 · 1 评论 -
JS向LocalStorage/SessionStorage存储对象数组
在日常开发中,我们拿到一些从后台传过来的数据想把它存在localStorage方便我们随时取用;但是会发生以下情况:比如下面这样的数据当我们用window.localStorage.setItem('localdata',this.state.listdata);这样去存它的时候,发现localstorage是这样的:如何解决?使用下面的方式 let local = JSON.stringify(this.state.listdata); ..原创 2021-08-18 16:42:07 · 1171 阅读 · 0 评论 -
原生JS简易轮播图+轮播动画
已知BUG:切换到最后一张图时点击previous按钮,会导致切换到倒数第二张后触发切换到第一张的函数,进而造成多向左移动一张图片的距离。轮播图原理:以下面的html代码为例:外面先写一个“窗口”作为显示当前轮播图片的地方,设置overflow使其他的轮播图隐藏;然后写一个装轮播图的容器,使它绝对定位到“窗口中”,里面的轮播图设置左浮动使它们显示在同一行;随后轮播图改变时,只需要改变容器的left改变其位置,便能实现轮播切换的效果。先贴代码:html部分:<div class="sh原创 2021-08-16 17:37:49 · 476 阅读 · 0 评论