摘要：
今天我们从前端的角度了解一下浏览器存储，我们常见且常用的存储方式主要由两种：cookie、webStorage（localStorage和sessionStorage）。下面我们来一一认识它们。 Cookie基于HTTP规范，用来识别用户。 Cookie是服务器发送到浏览器的一小段数据，会在浏览器下 阅读全文
摘要：
前段时间做需求一直被一个问题困扰，就是banner图无缝拼接的兼容问题，尤其在一些大屏手机上很容易复现这个问题。 于是各种搜索，期望能找到解决办法，然而网上提供的诸如给img设置display:block;添加vertical-align:top;的方法完全解决不了问题。 下面提供一个自己摸索出来的 阅读全文
摘要：
今天遇到了一个连续赋值的经典案例，网友们给出的答案也是五花八门，看起来有些繁琐，我也来说说自己的看法。 下面就是这个经典案例： 我们先来看一下普通连续赋值，即：变量赋值的类型是数据类型值 一般来说，等号赋值的方向是从右至左，那么上面的代码等同于下面这段代码，那么我们就用下面这段代码来解释上面的代码： 阅读全文
摘要：
参考文档：https://juejin.cn/post/6844903665304600589 文档写的已经很详细了，以下主要针对个人使用情况对文档做补充 安装 官方下载地址：https://www.charlesproxy.com/download/ 根据系统选择安装包进行下载即可，其他渠道的破解 阅读全文
摘要：
总结一下我使用过的抓包工具（按使用顺序排序） Fiddler 官方下载链接：https://www.telerik.com/fiddler 使用总结：Fiddler抓包工具安装使用（待更新） 缺点：不支持mac；不支持语言设置 安装使用参考：https://blog.csdn.net/weixin_ 阅读全文
摘要：
大家都知道ios浏览器有个默认的内置事件，就是长按屏幕，会放大预览你点击的内容。 不同浏览器效果各异，有的浏览器弹出提示框，预览图片或保存图片。主要呈下面2中形式。体验最差的就是后者，会直接将页面中的图片放大预览，打断了用户正常的浏览。 这恼人的体验怎么修正呢？ css有一个pointer-even 阅读全文
摘要：
超过80%的候选人对下面这道JS面试题的回答情况连及格都达不到。这究竟是怎样神奇的一道JS面试题？他考察了候选人的哪些能力？对正在读本文的你有什么启示？ 不起眼的开始 招聘前端工程师，尤其是中高级前端工程师，扎实的 JS 基础绝对是必要条件，基础不扎实的工程师在面对前端开发中的各种问题时大概率会束手 阅读全文
摘要：
从简单讲： 1. DNS域名解析；2. 建立TCP连接；3. 发送HTTP请求；4. 返回响应结果；5. 关闭TCP连接；6. 浏览器解析HTML；7. 浏览器布局渲染； 大家基本上都知道这些，但是里面的具体细节，大多数人还是不是很清楚，我们就细说一下： 为什么要做DNS域名解析？网络通讯大部分是基 阅读全文
摘要：
为什么要用css动画替换js动画 导致JavaScript效率低的两大原因：操作DOM和使用页面动画。 用CSS3动画替代JS模拟动画的好处： 不占用JS主线程； 可以利用硬件加速； 浏览器可对动画做优化（元素不可见时不动画减少对FPS影响） CSS3动画提供了2D和3D以及常规动画属性接口，它可以 阅读全文
摘要：
BOM（Browser Object Model）对象介绍 我们都知道js有三部分组成，ECMAScript、DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其它浏览器也是风格迥异。 那么BOM和DOM有什么不同呢？ DOM是由W3C的制订，所有浏览器共同遵守的标准，描述了 阅读全文
摘要：
背景 现在的前端开发中都是前后端分离的开发模式，数据的获取并非同源，所以跨域的问题在我们日常开发中特别常见。其实这种资料网上也是一搜一大堆，但是都不够全面，理解起来也不够透彻。这篇文章就结合具体的示例代码以及之前分享的PPT进行整合将跨域的原理梳理一遍。 跨域的基本概念 什么是跨域，什么时候产生跨域 阅读全文
摘要：
一、校验数字的表达式 二、校验字符的表达式 有四种钱的表示形式我们可以接受:"10000.00" 和 "10,000.00", 和没有 "分" 的 "10000" 和 "10,000"：^[1-9][0-9]$ 1到3个数字,后面跟着任意个 逗号+3个数字,逗号成为可选,而不是必须：^([0-9]+ 阅读全文