李小暖-CSDN博客

原创 Web高级 - 05 作用域&作用域链（闭包的形成）

创建函数时：创建一个堆（存储代码字符串和对应的键值对）初始化当前函数的作用域（ [[scope]] =所在上下文中的变量对象VO/AO ）执行函数时：创建一个新的执行上下文EC（压缩到ECStack里执行）初始化this指向初始化作用域链[[scopeChain]]创建AO变量对象用来存储变量 => arguments =>形参 =>代码执行...

2020-07-02 09:45:00 157

编译器（把代码解析成为浏览器看得懂的结构）：词法解析 / AST抽象语法树 / 构建出浏览器能够执行的代码引擎（V8引擎，webkit内核）：变量提升 /作用域、闭包 /变量对象 /堆栈内存 /GO、VO、AO、EC、ECStacklet a = { n : 10 };let b = a;b.n = 20;console.log(a.n); //20let a = { n : 10 };let b = a;b = { n : 20 };console.log(a.n...

2020-06-22 16:48:29 336 1

原创 web高级 - 01数据类型

1、基本/原始数据类型（值类型）：number ：NaN/string /boolean /null /undefined2、引用数据类型： object：Object/Array/Regexp/Math/Date/实例对象... function3、es6新增：Symbol 唯一值NaN==NaN ：falseisNaN：检测是否为有效数字isNaN("10") ：false对象的属性名一定不能是引用类型值，默认会把引用类型值转换为字符串面试...

2020-06-21 18:14:52 272

原创页面微信分享配置

1、服务端获取微信分享配置所需的信息1.1：通过APPID和APPSECRET获取access_token值： https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET1.2：通过access_token获取jsapi...

2020-06-21 17:35:01 495

原创 jQueryphotoClip-图片上传并裁剪

公司年前要推一个制作新年贺卡的H5活动页，开发过程中踩了几个坑，今天总结分享一下。最初方案：将用户图片上传服务器，返回url显示在页面上，点击生成贺卡按钮，将url以及贺卡昵称、祝福语传给接口，后台返回一张生成贺卡图片url,显示在页面上，用户可长按保存。出现的问题：ios多个型号的手机出现拍照或者相册上传的图片会自动旋转90度，用户不可自己选择裁剪区域。最终方案：使用jQueryph...

2019-02-25 14:28:23 2496

原创移动端点击事件300ms延迟问题--safari浏览器

1、禁用缩放<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>这一方案在 safari 上并不起作用，而且大大降低了移动端页面的可用性和可访问性。2、使用指针事件（IE10+）a, button{ -ms-touch-actio...

2019-02-22 17:29:45 398

原创 PC safari浏览器轮播异常

问题：PC轮播 ios浏览器离开页面一段时间后再回来，会飞速轮播思路：监听是否离开当前浏览页面，离开就停止定时器，再回来就开启定时器代码：//ios兼容，离开页面再回来，飞速轮播var hidden, visibilityChange;if (typeof document.hidden !== "undefined") { hidden = "hidden"; v...

2019-02-20 10:37:14 427

原创阻止弹窗蒙层底部页面滚动

背景：最近在做一个H5签到领红包活动，页面各种弹层显示，产品要求弹层半透明背景下主页面禁止滑动，网上找各种方法，最终确定实现该需求的以下几种方案。方案一：打开蒙层时，给 body 添加样式：overflow:hidden; height: 100%; 关闭蒙层时，移除样式。缺点：兼容性不好，适用于 pc。部分安卓机型以及 safari 中，无法无法阻止底部页面滚动。方案二:...

2018-07-12 15:46:33 1354

原创 js复制内容到粘贴板

function copyUrl(){ var oInput = document.createElement('input'); oInput.value = "https://blog.csdn.net/xiaonuanli/article/details/80983721"; document.body.appendChild(oInput); ...

2018-07-10 13:44:07 726

原创 js一键复制并调起微信客户端

<div> <input type="text" id="tid" name="tid" value="要复制的内容" readonly="readonly"> <p class="btn" onclick="copyUrl()">一键复制并打开微信</p

2018-07-10 11:52:09 16484

李小暖的前端路