摘要:今天我们从前端的角度了解一下浏览器存储,我们常见且常用的存储方式主要由两种:cookie、webStorage(localStorage和sessionStorage)。下面我们来一一认识它们。 Cookie基于HTTP规范,用来识别用户。 Cookie是服务器发送到浏览器的一小段数据,会在浏览器下 阅读全文
posted @ 2019-05-07 12:18 喵小Q 阅读(23012) 评论(0) 推荐(0) 编辑
摘要:前段时间做需求一直被一个问题困扰,就是banner图无缝拼接的兼容问题,尤其在一些大屏手机上很容易复现这个问题。 于是各种搜索,期望能找到解决办法,然而网上提供的诸如给img设置display:block;添加vertical-align:top;的方法完全解决不了问题。 下面提供一个自己摸索出来的 阅读全文
posted @ 2018-07-09 20:03 喵小Q 阅读(516) 评论(0) 推荐(0) 编辑
摘要:今天遇到了一个连续赋值的经典案例,网友们给出的答案也是五花八门,看起来有些繁琐,我也来说说自己的看法。 下面就是这个经典案例: 我们先来看一下普通连续赋值,即:变量赋值的类型是数据类型值 一般来说,等号赋值的方向是从右至左,那么上面的代码等同于下面这段代码,那么我们就用下面这段代码来解释上面的代码: 阅读全文
posted @ 2017-07-08 01:50 喵小Q 阅读(9274) 评论(2) 推荐(4) 编辑
摘要:大家都知道ios浏览器有个默认的内置事件,就是长按屏幕,会放大预览你点击的内容。 不同浏览器效果各异,有的浏览器弹出提示框,预览图片或保存图片。主要呈下面2中形式。体验最差的就是后者,会直接将页面中的图片放大预览,打断了用户正常的浏览。 这恼人的体验怎么修正呢? css有一个pointer-even 阅读全文
posted @ 2019-11-06 15:32 喵小Q 阅读(952) 评论(0) 推荐(0) 编辑
摘要:超过80%的候选人对下面这道JS面试题的回答情况连及格都达不到。这究竟是怎样神奇的一道JS面试题?他考察了候选人的哪些能力?对正在读本文的你有什么启示? 不起眼的开始 招聘前端工程师,尤其是中高级前端工程师,扎实的 JS 基础绝对是必要条件,基础不扎实的工程师在面对前端开发中的各种问题时大概率会束手 阅读全文
posted @ 2019-10-18 15:59 喵小Q 阅读(344) 评论(0) 推荐(0) 编辑
摘要:从简单讲: 大家基本上都知道这些,但是里面的具体细节,大多数人还是不是很清楚,我们就细说一下: 为什么要做DNS域名解析?网络通讯大部分是基于TCP/IP的,而TCP/IP是基于IP地址的,所以计算机在网络上进行通讯时只能识别如“202.96.134.133”之类的IP地址,而不能认识域名。我们无法 阅读全文
posted @ 2019-10-11 16:03 喵小Q 阅读(195) 评论(0) 推荐(0) 编辑
摘要:为什么要用css动画替换js动画 导致JavaScript效率低的两大原因:操作DOM和使用页面动画。 用CSS3动画替代JS模拟动画的好处: 不占用JS主线程; 可以利用硬件加速; 浏览器可对动画做优化(元素不可见时不动画减少对FPS影响) CSS3动画提供了2D和3D以及常规动画属性接口,它可以 阅读全文
posted @ 2019-10-11 11:31 喵小Q 阅读(1192) 评论(0) 推荐(0) 编辑
摘要:BOM(Browser Object Model)对象介绍 我们都知道js有三部分组成,ECMAScript、DOM和BOM,根据宿主(浏览器)的不同,具体的表现形式也不尽相同,ie和其它浏览器也是风格迥异。 那么BOM和DOM有什么不同呢? DOM是由W3C的制订,所有浏览器共同遵守的标准,描述了 阅读全文
posted @ 2019-10-10 18:47 喵小Q 阅读(357) 评论(0) 推荐(0) 编辑
摘要:背景 现在的前端开发中都是前后端分离的开发模式,数据的获取并非同源,所以跨域的问题在我们日常开发中特别常见。其实这种资料网上也是一搜一大堆,但是都不够全面,理解起来也不够透彻。这篇文章就结合具体的示例代码以及之前分享的PPT进行整合将跨域的原理梳理一遍。 跨域的基本概念 什么是跨域,什么时候产生跨域 阅读全文
posted @ 2019-10-10 18:44 喵小Q 阅读(9295) 评论(0) 推荐(7) 编辑
摘要:一、校验数字的表达式 二、校验字符的表达式 有四种钱的表示形式我们可以接受:"10000.00" 和 "10,000.00", 和没有 "分" 的 "10000" 和 "10,000":^[1-9][0-9]$ 1到3个数字,后面跟着任意个 逗号+3个数字,逗号成为可选,而不是必须:^([0-9]+ 阅读全文
posted @ 2019-08-29 16:52 喵小Q 阅读(246) 评论(0) 推荐(0) 编辑
摘要:写在前面: 面试时常被问到,你知道什么是模块化开发吗?模块化开发能带来什么好处? 下面的内容可以帮助你简单了解什么是模块化开发,从对它模糊的印象中看到一些清晰的轮廓,帮助你了解模块化开发的现状,以对选择哪种模块化开发有个选择的方向。 目录: 什么是模块化开发 模块化开发的历史进展 模块化开发的类型 阅读全文
posted @ 2019-07-03 15:48 喵小Q 阅读(137) 评论(0) 推荐(0) 编辑
摘要:Script标签是我们常用的引用js脚本的一种方式。 撸代码的时候,我们常常只写src属性,直接忽略其他属性。 最近发现了2个可以利用的属性:async、defer。 顾名思义async就是异步,在不影响其他资源加载的同时,异步加载这个文件;defer就是延迟加载。 下面是高三上的解释: 是否真的如 阅读全文
posted @ 2019-05-21 19:35 喵小Q 阅读(4720) 评论(3) 推荐(2) 编辑
摘要:今天解决一个线上bug的时候发现的问题,如下图: 从表象来看,同样的图片,安卓手机上可以正常展示,但是到ios手机上首次进入页面就不能正常显示图片,必须手动刷新一次页面才能正常加载。 这时候,我们首先会考虑是不是ios设备的兼容问题? 于是乎,第一想到的就是问度娘,ios手机浏览器不能正常展示图片是 阅读全文
posted @ 2019-05-07 18:33 喵小Q 阅读(2895) 评论(0) 推荐(0) 编辑