js不同客户端显示不同广告(pc端+移动端+微信端)
核心代码
var IsSpider= pider|bot/ig.test(window.navigator.userAgent);
var IsMobile=/ipad|iphone|ipod|android|mobile/ig.test(window.navigator.userAgent...[2023/2/10]
JS根据当天不同时间显示不同广告的代码
在逛一些商城类网站我们会发现很多商品秒杀广告多少时间会自动切换下一个，想实现这种效果我们可以用js判断当天时间段来显示不同广告。
var h = new Date().getHours();
var t = "";
if(h >= 6 && h <= 12){
...[2023/2/10]
js函数中的this指向
写代码的时候遇到这个问题了，在这里复习一下
非箭头函数
非箭头函数的this指向比较好理解，就是调用这个函数的对象，举个栗子：
var obj = {
foo: {
bar: 3,
foo:{
bar: 4,
...[2023/2/3]
JS实战例子之实现自动打字机动效JS实战例子之实现自动打字机动效
目录前言1、实现思路 2、html布局和c 样式3、预定义前置变量 4、动效过程解析5、完整源代码 6、结语 前言
前几天遇到一个需求，产品告诉我说，希望这些字可以像自动打字那样，一个一个的出来，于是在完成需求的同时，顺便把这个方法记录出来，看大家是否也需要。
...[2023/1/30]
js默认文本框粘贴事件完美实现详解
目录前言先上代码代码分析 前言
本文实际是用js移动控制光标的位置！解决了网上没有可靠教程的现状
默认情况对一个文本框粘贴，应该会有这样的功能：
粘贴文本后，光标不会回到所有文本的最后位置，而是在粘贴的文本之后将选中的文字替换成粘贴的文本
但是由于需求，我们需要拦截粘贴的事件，对剪...[2023/1/28]
autojs模仿QQ长按弹窗菜单实现示例
目录分析弹框菜单需求分析代码分析RecyclerView基础代码长按事件环境
分析弹框菜单
圆角列表, 类似grid箭头位于文字中间上(下)方
需求分析
如果要写一个这样的教程, 我们需要做什么
写一个列表, 用来触发长按选项写一个弹窗菜单
代码分析
列表怎么写,
...[2023/1/28]
autojs模仿QQ长按弹窗菜单实现示例详解二
目录引言弹窗菜单箭头如何确认箭头方向?调整popwindow的位置调用方法如下绘制箭头修改颜色和圆角给弹框菜单添加点击事件弹框菜单点击事件引用弹框实例环境 引言
上一节讲了列表和长按事件
autojs模仿QQ长按弹窗菜单
弹窗菜单
由粗到细, 自顶向下的写代码
我们现在要修改...[2023/1/28]
JS技巧动手实现红包兔子雨效果示例详解
目录前言展示效果技术栈思考与实现红包下落效果生成红包雨打开红包效果兔子雨效果拓展设置中奖概率后记 前言
人生天地之间，若白驹过隙，忽然而已。不知不觉中，2022年已然逝去，2023年也过去了半个月了。看到「兔了个兔」这个活动几天了，不过这周比较忙，没时间参与。
心血来潮，捣鼓了一晚上，实...[2023/1/18]
JS前端性能指标定位FMP使用详解JS前端性能指标定位FMP使用详解
目录什么是FMP？权重定位权重计算节点标记计算权重值第一步：简单粗暴，按大小计算第二步：根据权重值推导主角元素第三步：根据元素类型取时间回归验证 什么是FMP？
可能大家对「白屏时间」这个名词并不陌生，他是「刀耕火种」年代，我们收集的页面性能指标之一，随着前端工程的复杂化，白屏时间已经没有什么实...[2023/1/11]
JS执行机制及ES6
一、JS执行机制
JS语言有个特点是单线程，即同一时间只能做一件事。单线程就意味着，所有的任务需要排队，前一个任务结束，才会执行后一个任务，可能造成页面渲染不连贯。
为了解决这个问题，利用多核CPU的计算能力，允许JS脚本创建多个线程，即同步和异步。
同步任务：
同步任务都在主...[2022/12/12]
JS中call(),apply(),bind()函数的区别与用法详解
call()
介绍
通过提供一个新的this值给当前调用的函数/方法，从而改变this指向。
语法
fn.call(this.Arg, arg1, arg2,...)
thisArg：当前调用函数this指向的对象arg1, arg2：传递的其他参数（直接传给形参可不写）
特点...[2022/12/12]
js-day04-作业 - nefu-xiaoshuang
-------------------------Day04homework 大练习------------------------
#### 练习题1：
* 显示用户输入内容
* 要求:
1. 封装函数, 名字为printfInput
2...[2022/12/2]
浅拷贝与深拷贝浅拷贝与深拷贝
一、数据类型存储
在JavaScript中存在两大数据类型：基本类型、引用类型。
基本数据类型存放在栈中，是一段简单的数据段，数据大小确定，内存空间大小可以分配，是直接按值存放的，可以按值访问。
引用数据类型存放在堆中，变量在栈中保存的是指向堆内存的地址值，这个地址值指向对应的对...[2022/11/28]
fetch()函数说明与使用方法详解
Fetch() 是 window.fetch 的 JavaScript polyfill。
全局 fetch() 函数是 web 请求和处理响应的简单方式，不使用 XMLHttpRequest。这个 polyfill 编写的接近标准的 Fetch 规范。
fetch()...[2022/11/28]
EluxJS-让你像切蛋糕一样拆解前端巨石应用
大家好，EluxJS是一套基于“微模块”和“模型驱动”的跨平台、跨框架『同构方案』，欢迎了解...
可怕的巨石怪
工作中最可怕的是什么？是遇到业务复杂且乱作一团的巨石应用。改一发而动全身，无法渐进式重构，也没人敢对历史包袱进行优化，欠下的代码债只能像滚雪球一样越积越多，终于到某天玩不下去，大佬...[2022/11/23]
一文讲透CabloyJS全栈框架的来龙去脉
本文受众
咱们做软件开发，就好比是建造一幢幢房屋，一座座桥梁，既可以是北方宫殿的巍峨，也可以有南方庭院的雅致，更可以是横跨群山的峻险与孤悬。那么，不同的语言、不同的框架也都由其内在的秉质吸引着一批粉丝，坚持不懈的耕耘，营造出不同的生态，呈现出不同的开发风格和开发体验。正如Rails之于Ruby，...[2022/11/23]
打印Proxy对象和ref对象的包实现详解
目录前因目标结果实现（直接看源码的同学可以略过）判断一个对象是否是Proxy输出用户log的源对象最后暴露出去给用户调用 前因
平时工作的时候，我喜欢用console.log调试大法。但Vue3更新后，控制台都是打印的Proxy对象和ref对象，想看里边的值，就需要很麻烦的一层一层的展开。
...[2022/11/19]
ECMAScript?modules规范示例详解
目录引言基本语法模块导出的4种写法3中模块说明符模块导入的 6 写法ES modules的 4 个特点导入是导出的只读引用支持循环依赖导入会被提升导出和静态导入必须位于模块的顶层模块与常规JavaScript脚本的差异在浏览器中使用 ES modules动态导入 引言
很多编程语言都有模块这一概...[2022/11/17]
JS?加载性能Tree?Shaking优化详解
目录正文什么是 Tree Shaking寻找 Tree Shaking 的机会防止 Babel 将 ES6 模块转换为 CommonJS 模块留意 side effects只导入你需要的更复杂的情况总结 正文
随着 web 应用复杂性增加，JS 代码文件的大小也在不断的攀升，截住 2021年9月...[2022/11/17]
JavaScript变量or循环中的var和let详解
目录在for循环中使用var声明初始化带来的问题解决方法使用闭包使用let变量初始化for循环怎么处理用let和var声明的初始化变量？总结 在for循环中使用var声明初始化带来的问题
一道经典面试题：
var funcs = [];
for (var i = 0; i < 3;...[2022/9/15]
JavaScript变量中var,let和const的区别
目录前言ES5与ES6的区别1. 作用域2. 全局属性3. 变量提升与暂时性死区4. 重复声明let与const的区别1. 常量最佳实践 前言
JavaScript中一共有3种用来声明变量的关键字，分别是var、let和const。
其中var关键字是ES5时代的产物，由于ES5对变量的约束...[2022/9/15]
js数组去重常见的方法汇总(7种)
目录1、借助ES6提供的Set结构 new Set() 简单好用 强烈推荐2、利用 filter() 去重3、利用for 循环 搭配 indexOf 去重4、将数组的每一个元素依次与其他元素做比较，发现重复元素，删除 比较繁琐 不推荐5、借助新数组 通过 indexOf 方法判断当前元素在数组中的索...[2022/9/1]
JavaScript中Number的对象解析
目录Number对象是什么静态属性实例方法Number.prototype.toString()Number.prototype.toFixed()Number.prototype.toExponential()Number.prototype.toPrecision()Number.prototy...[2022/8/31]
JavaScript手写异步加法asyncAdd方法详解JavaScript手写异步加法asyncAdd方法详解
目录前言分析 asyncAdd直观的基本要求隐藏的考察点 — setTimeout & cb隐藏的考察点 — async & await实现 asyncAdd具体实现进行优化抽离内层函数缓存计算结果 前言
在掘金上发现一道既简单但个人觉得还挺有意思的一道题...[2022/8/23]
JavaScript实现鼠标移动事件画笔
JavaScript实现鼠标移动事件画笔小游戏，供大家参考，具体内容如下
实现功能
鼠标点击时可以在画板上画画如果鼠标双击那么停止移动进画板颜色改变移除时颜色改变
<!DOCTYPE html>
<html lang="en">
? <head>
...[2022/8/23]
js实现登录弹框
本文实例为大家分享了js实现登录弹框，供大家参考，具体内容如下
html:
<body>
? ? <div id="M"><!--用div将所有东西套起来,需要设置绝对位置-->
? ? <input type="button" valu...[2022/8/23]
使用js实现复制功能使用js实现复制功能
本文实例为大家分享了使用js实现复制功能的具体代码，供大家参考，具体内容如下
复制
1.遍历复制(for in)
特征：不修改引用关系（原来的属性还在），仅能复制字符属性，Symbol不能复制，不可枚举属性不能复制，原型链不能复制。浅复制
2.JOSN.parse(JSON.stri...[2022/8/23]
rollup打包引发对JS模块循环引用思考
目录引言背景1背景2commonjses modules总结 引言
最近在项目中使用了typescript + rollup，满心欢喜测试打包结果的时候，发现打包出来的文件竟然无法运行，具体报错如下：
throw new ERR_INVALID_ARG_TYPE(''superCto...[2022/8/23]
JS代理对象Proxy初体验简单的数据驱动视图
目录引言Proxy对象是什么使用Proxy写一个简单的数据驱动视图 引言
上大学的时候，最流行的框架是JQuery，它是事件驱动类型的，也就是说，当一个数据与DOM的某个内容相关联的时候，我需要在这个数据改变之后，去操作DOM来进行同步：
<div id="data">数据<...[2022/8/22]
JavaScript中数组flat方法的使用与实现方法
目录前言语法参数返回值使用示例方法实现1、当只扁平化一层的时候2、当数组展平的层数为最大层时3、数组扁平化使用参数控制扁平的深度总结 前言
flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。
语法
var newArray =...[2022/8/22]
JavaScript实现文本转换为文件示例详解
目录? 项目基本结构知识点添加标题创建一个多行文本框创建一个单行文本框保存文件的按钮使用 JavaScript 将文本保存到文件总结 ? 项目基本结构
目录结构如下：
├── c
│ └── style.c
└── index.html
本节教程我们通过文本转换为文件的案...[2022/8/16]
javascript中for...of和for..in循环的区别
目录for…in可以用来干什么for…of能用来做什么总结下来就是： for…in可以用来干什么
（1）for…in最好用来遍历对象，但也可以遍历数组（有缺陷）（2）for…in遍历的是key-value中的key值
我们...[2022/8/16]
JS疑惑的数据类型及类型判断方法详解
目录前言数据类型类型判断一、typeof方法二、Object.prototype.toString.call()方法小插曲三、Array.isArray()四、obj instanceof Object结语 前言
关于javascript这门语言的数据类型你了解多少呢？你有什么方法能够快速的判断...[2022/8/16]
JS数据分析数据去重及参数序列化示例
目录列表去重对象转为查询字符串获取查询参数 列表去重
使用 Set 数据结构
const set = new Set([2, 8, 3, 8, 5])
注：Set 数据结构认为对象永不相等，即使是两个空对象，在 Set 结构内部也是不等的
方法封装
const uniquen...[2022/8/16]
JavaScript代码优化技巧示例详解
目录引言提炼函数函数参数化使用策略模式替换“胖”分支提炼变量内联变量封装变量拆分阶段拆分循环拆分变量分解条件表达式合并条件表达式以卫语句取代嵌套条件表达式将查询函数和修改函数分离 引言
我们先引入一句话：
代码主要是为了写给人看的，而不是写给机器看的，只是顺便也能用机...[2022/8/15]
利用JavaScript实现静态图片局部流动效果
目录背景效果实现HTML 页面结构CSS 样式JavaScript 方法总结 背景
如果你有玩过《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 、迎风飘动的旗帜...[2022/8/3]
JavaScript中???、??=、?.和?||的区别浅析
目录前言?? 与 || 的区别空值合并操作符 ??可选链操作符 ?. 空值赋值运算符(??=)补充：?. 链判断运算符总结 前言
undefined和null是两个比较特殊的数据类型,是不能用点操作符去访问属性的，否则将会报错
let a;
c...[2022/8/3]
JavaScript实现淘宝购物件数选择
本文实例为大家分享了JavaScript实现淘宝购物件数选择的具体代码，供大家参考，具体内容如下
实现一个简易的淘宝购物件数量的选择算法，通过鼠标点击“+”、“-”按钮对数量增加或减少1，限购9件，最大增加到数字9，最小减少到0.
代码如下：...[2022/8/3]
JS前端使用canvas实现物体的点选示例JS前端使用canvas实现物体的点选示例
目录前言hover 的实现click 的实现矩形的坐标哪来的点在多边形内的其他判断方法穿透本章小结 前言
上个章节中我们已经给物体加上了被选中的效果，现在可以上点交互了，这个章节主要实现的就是物体的 hover 和 click 事件，当鼠标 hover 到物体上时，我们会改变鼠标的样式使其变成移...[2022/8/2]
详解JS中continue关键字和break关键字的区别
目录1.框架2.简单介绍3.代码演示4.演示break 1.框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>&...[2022/8/2]
JS前端以轻量fabric.js实现示例理解canvas
目录缘起fabric.js 初体验fabric.js 的大体结构canvas 能干嘛？小结 缘起
最近想系统看下 canvas 这个东西，所以找了一个库看看，本来打算写一两篇文章沉淀一下，发现东西有点多??，索性就拆成了系列文章，应该有十几章吧，目录大概是下面这个样子：
目前的话已经写...[2022/8/2]
JS前端轻量fabric.js系列之画布初始化JS前端轻量fabric.js系列之画布初始化
目录前言画布的前置知识画布初始化变换练习小结 前言
从这个章节开始我们就步入正题了，那一开始要做啥子呢，回忆下上个章节中 fabric.js 的使用过程，先是创建画布，再添加物体，然后开始动画和交互。显然画布是一切物体的开端??，所以首先要搞定的就是它，也就是 const canvas = ne...[2022/8/2]
JS前端轻量fabric.js系列物体基类
目录前言FabricObject 基类的实现抽离共同属性抽离共同方法Rect 类的实现本章小结 前言
在上个章节中我们已经创建了画布，接下来就可以进行物体的绘制了，那具体要怎么画呢？根据文章标题可以猜到应该是要抽象出一个物体基类，归纳出一些它们的共性，那它们能有啥共性呢，毕竟每个物体好像都是各画...[2022/8/2]
如何给JS中的数组开头添加元素
目录JS数组开头添加元素1.使用Array.unshift()方法2.使用扩展运算符(…)3.使用Aarry.concat()方法向数组的开头添加一个或更多元素 JS数组开头添加元素
1.使用Array.unshift()方法
向数组开头添加一个或多个元素，并返回新的长度，该...[2022/8/2]
关于ES6中的箭头函数超详细梳理
目录一、箭头函数的介绍1.1 什么是箭头函数1.2 基本语法1.3 箭头函数的参数1.4 箭头函数的函数体二、箭头函数的this指向规则三、箭头函数的arguments规则3.1 箭头函数没有自己的arguments3.2 可以用rest替代，rest参数获取函数的多余参数3.3 箭头函数不支持重复...[2022/8/1]
基于JS实现点击图片在弹出层显示大图效果
Javascript是个好东西。
Jquery是基于这个好东西的一个强大的库。
今天要实现的功能是基于这两个玩意儿的。
点击图片，在弹出层显示原图。
大概效果是这样的：
上代码：
先是html部分：
<div style="text-align:center...[2022/8/1]
JavaScript前端分页实现示例
目录初窥前端分页前言需求分析实现目标：解决思路：开工，上代码：转折： 初窥前端分页
前言
近日接到了一个关于前端分页的需求，某系统仓储模块的分页功能，由于以前分页都是后端处理的，第一次接到这种需求，借此记录一下。
需求分析
应用场景简述：在商品出库以及退回时，需要通过接口获取商品列表...[2022/7/19]
JS模板编译的实现详情
目录前言模板编译的简单实现模板编译1、构建模板生成函数2、正则替换 前言
编译是一种格式变成另一种格式的过程。编译会导致好的结果，比如书写简单的代码，编译出来复杂的代码；或者提高代码的使用性能。
这里只聊聊模板编译。
模板编译的简单实现
写一个最简单的模板
<p>He...[2022/7/19]
JavaScript前端实现小说分页功能示例
目录先让我找找我的思路在哪里思路已至，码来！结束 先让我找找我的思路在哪里
在小说读书APP中，都会有分页的功能，那么前端如何实现这个功能呢？
因为没有什么思路，那就只能在前辈的项目中寻找思路了。
这不，直接打开起点的页面，按下那个传说中的F12键，开始我传奇生涯！...不好意思，串台了...[2022/7/19]
JS前端性能优化解决内存泄漏页面崩溃JS前端性能优化解决内存泄漏页面崩溃
目录发生什么事了？咋了？这是咋了？死去的页面突然攻击我？陷入僵局垂死病中惊坐起勿以善小而不为修改参考 发生什么事了？
一个与往常一样的上午，当我沉浸在业务需求中不可自拔时，突然被拉入到一个事故大群。一脸懵逼的我还以为和之前的每次线上bug一样仅仅是个小问题时，殊不知是我简单了...
看...[2022/7/19]
经验首页