js直接操作数据库会怎么样
这几天刷脉脉的时候看到一个话题初看觉得可笑,再看陷入沉思,最后还是决定花点时间想清楚,写下来。 确实没见人这么干过,为什么呢? 技术限制 被技术限制了?据我所知目前没有面向js的数据库驱动,但反观现在的技术大...[2023/3/22]
处理尚不存在的 DOM 节点
探索 MutationObserver API 与传统轮询等待最终被创建的节点方法相比的优劣。 有时候,您需要操作尚未存在的 DOM 的某个部分。 出现这种需求的原因有很多,但你最常看到的是在处理第三方脚本时,这些脚本会异步地将标记注入页面。举个例子,我最近需要在用户关闭Google r...[2023/3/22]
一文带你了解 JS Module 的始末
写在前面 模块化开发是我们日常工作潜移默化中用到的基本技能,发展至今非常地简洁方便,但开发者们(指我自己)却很少能清晰透彻地说出它的发展背景, 发展过程以及各个规范之间的区别。故笔者决定一探乾坤,深入浅出学习一下什么是前端模块化。 通过本文,笔者希望各位能够收获到: 前端模块化发展的大致历史...[2023/3/14]
图形编辑器中JS实现防误操作之拖拽阻塞
目录图形编辑器中代码改造结尾 图形编辑器中 在图形编辑器中,想象这么一个场景,我们撤销了一些重要的操作,然后想选中一个图形,看看它的属性。你点了上去,然后你发现你再也无法重做了。 你以为你点了一下,但其实你点击的时候,鼠标还是小小移动了一点,飘了一个像素点。对编辑器来说,它识别到让图形移...[2023/3/8]
浅谈JS原型
前言 JavaScript 原型是该语言中一个非常重要的概念。理解原型是理解 JavaScript 的关键。在本篇技术博客中,我们将深入探讨 JavaScript 的原型概念,并介绍常用的操作对象原型的方法。(欢迎点评,欢迎指正!) 什么是原型? 在 JavaScript 中,每个对象都有一个...[2023/2/24]
js原型链污染详解
前言 之前打某湖论剑,两道js的题,给我整懵逼了,发现以前都没对js做过多少研究,趁着被毒打了,先研究一波js原型链,未雨绸缪。 基础 protype 首先我们研究js原型链,得搞明白原型是什么,这里借用p神的举的一个例子: 在javascript中,我们定义一个类,需要以定义“构造函数”的...[2023/2/22]
js实现一二级域名共享cookie
前言 最近接手的项目中 ,有人反馈了一个问题,说是在访问网站并登录后,登录成功有登录信息,但是刷新页面后重定向到了登录页面,让从新登录。 打开 goole 调试页面,查看 cookie 时发现存储的相关 token 信息不见了。 原本以为 cookie 有效期有问题,但经过排查 cooki...[2023/2/17]
CesiumJS PrimitiveAPI 高级着色入门 - 从参数化几何与 Fabric 材质到着色器 - 上篇
目录0. 基础0.1. 坐标系基础0.2. 合并批次1. 参数化几何1.1. 几何类清单1.2. 举例1.3. 纯手搓几何1.4. *子线程异步生成几何2. 使用材质2.1. 外观 API2.2. 材质 API2.3. Fabric 材质初步 - 内置材质、材质缓存与 uniform2.4. F...[2023/2/13]
JS字符串分割方法整理汇总示例讲解(3种截取方法和6个辅助方法)
目录一、使用 slice() 截取1,函数说明2,使用样例二、使用 substring() 截取1、函数说明2、使用样例三、使用 substr() 截取1、函数说明2、使用样例附:其他一些常用的方法1、indexOf()2、lastIndexOf()3、split()4、join()5、concat...[2023/2/13]
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实战例子之实现自动打字机动效
目录前言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使用详解
目录什么是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方法详解
目录前言分析 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实现复制功能的具体代码,供大家参考,具体内容如下 复制 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实现物体的点选示例
目录前言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]