window.addEventListener('scroll',function () {
// 总高度
let height = document.body.clientHeight;
// 可视区域高度
let ViewHeight = document.documentElement.c……继续阅读 »
tianlan
5天前 15浏览 0评论
0个赞
JS线程
JS引擎线程
事件触发线程
定时触发器线程
异步http请求线程
GUI渲染线程
基础知识
JS引擎线程又称主线程，直接实时执行的任务称为宏任务。
所有回调函数（监听器）都是被其他线程加入到异步宏任务队列，最终由主线程执行的，例如下图。
异步任务
JS有两个异步任务队列，一个是宏任务队列，一个是微任务队列
宏任务队列
存放通过 setInte……继续阅读 »
tianlan
1个月前 (04-08) 84浏览 0评论
0个赞
方法
很多浏览器都可以手动标记广告并屏蔽，长按广告后会弹出菜单，然后可以标记为广告。
我们可以为广告 dom touchstart 事件添加一个监听器，跳转到广告罗落地页。
这样用户就无法长按广告，因为一碰到广告就触发 touchstart ，跳到广告落地页，无法弹出菜单。
缺点
1.仅对部分浏览器有效，例如：对 via 有效，夸克无效
2.本来用户是想上下……继续阅读 »
tianlan
1个月前 (04-06) 69浏览 0评论
0个赞
问题描述
有些网页中会用到 setInterval ，如果停留在网页的时间久了，就会导致浏览器崩溃。
原因
其原因与JS引擎线程有关，用通俗话说就是 setInterval 不会清除定时器队列，每重复执行1次都会导致定时器叠加，最终导致内存泄露，浏览器崩溃。
解决办法
与 setInterval 不同，setTimeout自带清除定时器，我们只需要用如下写……继续阅读 »
tianlan
2个月前 (03-21) 99浏览 0评论
0个赞
前言
现在很多浏览器都有广告屏蔽功能，这对于站长来说是一件很伤的事情。
站长要解决这个问题，首先要了解广告屏蔽原理。
广告屏蔽原理以及解决办法
通过关键词识别广告
以下情况可能会被屏蔽
如果你的 js 文件名或者图片文件名包含 “ad” 关键词（屏蔽原理：拦截请求）
如果你的网页中某个 dom 的 id 包含 “ad&#……继续阅读 »
tianlan
4个月前 (12-29) 224浏览 0评论
2个赞
不要使用单行注释
最好都使用多行注释，如果使用单行注释，那么JS代码被压缩后会出现问题。
立即执行函数原理
将函数定义变成一个表达式
//推荐方法
(function(){})();
//其他方法
!function(){}();
动态加载 CSS 和 JS 的另外一种方法
除了动态创建 script dom 后 append 到 d……继续阅读 »
tianlan
11个月前 (06-06) 663浏览 0评论
1个赞
jsonp 原理
动态创建script标签，然后通过src属性发送跨域请求
结果
这样的话自然不支持 post 请求啦，因为 script 标签都是用 get 请求的
……继续阅读 »
tianlan
12个月前 (05-26) 478浏览 0评论
0个赞
JS 代码实现
/**
* 检测到调试时进行的操作
*/
let onDebug = function () {
document.write('检测到非法调试！请停止调试后刷新本页面！');
};
/**
* 通过 debugger 时间检测
*
* 突破方法：禁用 debugger
*/
setInterva……继续阅读 »
tianlan
12个月前 (05-18) 807浏览 0评论
1个赞
简介
这个拓展是一个 反反反调试框架
当看到一段漂亮代码的时候 发现有反调试 卡浏览器 死机 这个时候就很不爽了。
拥有这个插件 就可以解决问题于无形之中。
主要解决问题
基于console的devtool检测
基于pushState的卡浏览器
基于debugger的卡浏览器 检测devtool
基于regexp的代码风格检测
安装和使用
下载
cd ~……继续阅读 »
tianlan
12个月前 (05-18) 701浏览 0评论
0个赞
在前端开发中，尽量少用cookie存储数据
1.cookie限制大小，约4k左右，不适合存储业务数据，尤其是数据量较大的值
2.cookie会每次随http请求一起发送，浪费宽带
尽量用 localStorage
优点
1.存储数据量大，localStorage拓展了cookie的4K限制
2.不会随http请求一起发送，localStorage会可以将第一……继续阅读 »
tianlan
12个月前 (05-15) 498浏览 0评论
0个赞
