JavaScript实现酷炫的鼠标拖尾特效
看完这个保证你有手就行,制作各种好看的小尾巴!
全部代码如下,看注释可以轻易看懂
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
...[2021/12/31]
常见的JavaScript内存错误及解决方法
目录1.计时器的监听
2.事件监听
3.Observers
4. Window Object
5. 持有DOM引用
前言：
JavaScript 不提供任何内存管理操作。相反，内存由 JavaScript VM 通过内存回收过程管理，该过程称为垃圾收集。
既然我们不能强制的垃圾回收，那我们...[2021/12/31]
使用pdf.js将PDF嵌入HTML网页中,并禁止下载打印
今天接到一个需求，在页面中浏览PDF并且禁止下载和打印，找了很多方法 用 embed 打开的话无法禁用按钮，最后选择使用pdf.js来实现，下面上代码
pdf.js官网下载地址 ---》Prebuilt ---》Stable
也可以直接 下载pdf.js
下载...[2021/12/31]
手把手教你如何使用 webpack5 的模块联邦新特性
想象一下，在webpack5还没出来前，前端使用第三方组件库，例如使用 dayjs 日期处理库，都是通过 npm i dayjs -s 安装 dayjs 模块到项目里，然后就可以通过 require 或者 import 来使用。整个过程也不是很麻烦，但是如果某一天 dayjs 这个库修复了一个重...[2021/12/31]
面向对象编程 原型链 继承
第?章 - ?向对象编程
1.1什么是?向对象编程？
?向对象是?种编程思想，经常被拿来和?向过程?较。其实说的简单点，?向过程关注的重点是动词，是分析出解决问题需要的步骤，然后编写函数实现每个步骤，最后依次调?函数。??向对象关注的重点是主谓，是把构成问题的事物拆解...[2021/12/31]
JavaScript展开运算符和剩余运算符的区别JavaScript展开运算符和剩余运算符的区别
JavaScript使用符号三个点（...）作为剩余运算符和展开运算符，不过这两个运算符是有区别的。
最主要的区别就是，剩余运算符将用户提供的某些特定值的其余部分放入JavaScript数组中，而展开运算符则将可迭代的对象展开为单个元素。
例如下面这段代码，其中使用了剩余运算符将...[2021/12/31]
JavaScript入门简介
一、JavaScript简介??
JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript 是一门动态的、弱类型的、解释型的、基于对象的脚本语言（解释型）。JavaScript...[2021/12/31]
揭开Vue异步组件的神秘面纱揭开Vue异步组件的神秘面纱
简介
在大型应用里，有些组件可能一开始并不显示，只有在特定条件下才会渲染，那么这种情况下该组件的资源其实不需要一开始就加载，完全可以在需要的时候再去请求，这也可以减少页面首次加载的资源体积，要在Vue中使用异步组件也很简单：
AsyncComponent.vue
<template&...[2021/12/31]
Vue动态组件的实践与原理探究
我司有一个工作台搭建产品，允许通过拖拽小部件的方式来搭建一个工作台页面，平台内置了一些常用小部件，另外也允许自行开发小部件上传使用，本文会从实践的角度来介绍其实现原理。
ps.本文项目使用Vue CLI创建，所用的Vue版本为2.6.11，webpack版本为4.46.0。
创建项目
首...[2021/12/31]
自定义布局页面的思路与实现
前言
最近做了一个需求：自定义首页。
用户或运营可以自己修改首页的布局，做到千人千面。
这个需求类似于当年的自定义QQ空间，不过怕是年轻一些的没玩过这个东西。
所以你也可以简单理解为是博客园的皮肤，只是不能写样式和代码，但是可以调整各个组件的布局。
明确需求
这并不是一个低代码页面设计器...[2021/12/31]
html加水印及禁右键
html加水印及禁右键
遇到的一个需求，记录一下
js加水印(网上找的)
function watermark(settings) {
默认设置
var defaultSettings = {
watermark_txt:"text",
watermark...[2021/12/31]
JavaScript8种数据类型
一、开门见山??
在ES5的时候，我们认知的数据类型确实是 6种：Number、String、Boolean、undefined、object、Null
ES6 中新增了一种 Symbol 。这种类型的对象永不相等，即始创建的时候传入相同的值，可以解决属性名冲...[2021/12/31]
【云开发】10分钟零基础学会做一个快递查询微信小程序，快速掌握微信小程序开发技能（轮播图、API请求）
大家好，我叫小秃僧
这次分享的是10分钟零基础学会做一个快递查询微信小程序，快速掌握开发微信小程序技能。
这篇文章偏基础，特别适合还没有开发过微信小程序的童鞋，一些概念和逻辑我会讲细一点，尽可能用图说明更清楚。分享快乐！
学完这篇，起码学会以下几点
了解微信开发者工具和云开发代码...[2021/12/31]
TypeScript使用总结
以下将TypeScript简称ts
1. 为什么要学
1). 减少bug，提高质量
强类型、强语言【枚举、接口、泛型...】，代码更健壮，语法等异常，编译阶段能“提前”报错
2). 面向对象
支持面向对象，软件设计与工程化更为成熟，更容易做单元测试、持续集成等
3). 提高效率
语言简单易...[2021/12/24]
uni-app + Cloudbase——uni-app 项目中如何使用腾讯云开发后端服务uni-app + Cloudbase——uni-app 项目中如何使用腾讯云开发后端服务
1 基本介绍
uni-app 是一个基于 Vue.js 的跨端开发框架，一套代码可以发布到 App、小程序、Web 等不同平台
腾讯云开发平台 Cloudbase 提供的 @cloudbase/js-sdk 可以让开发者在 Web 端（例如 PC Web 页面、微信公众平台 H5 等）使用 J...[2021/12/24]
557. 反转字符串中的单词
557. 反转字符串中的单词 III 转为数组逆序在转为字符&循环交换
查看原题
解题思路
将字符串按空格使用split分割为数组
遍历数组每一项，再用split转为数组，使用reverse逆序，再使用join合并为字符串
将数组使用join('' '')转为字符串
代码
/**
...[2021/12/24]
全新java大数据教程之JavaScript的DOM对象（Document Object Model 文档对象模型）全新java大数据教程之JavaScript的DOM对象（Document Object Model 文档对象模型）
一、DOM简介
DOM：Document Object Model 文档对象模型
要实现页面的动态交互效果，bom 操作远远不够，需要操作 html 才是核心。如何操作 htm，就是 DOM。简单的说，dom 提供了用程序动态控制 html 接口。DOM即文档对象模型描绘了一个层次化的节点树，...[2021/12/24]
JavaScript实现余额数字滚动效果
目录1.实现背景
2.实现思路
3.实现过程
1.实现背景
上周在一个完成任务领取红包的活动需求中，需要实现一个用户点击按钮弹出领取红包弹窗后，在关 闭弹窗返回原来的页面时，页面余额数字部分要展示一个每一位数字滚动后的效果。
因为之前没做过这样的效果，一开始也不知道要如何实现，本来想在G...[2021/12/24]
JavaScript基础之函数详解JavaScript基础之函数详解
目录一、函数简介1.1.函数的创建1.2.函数的参数和返回值二、函数的类型2.1. 构造函数2.2. 立即执行函数2.3. 构造函数的原型prototype2.4. 函数中的this指向2.5. 函数对象原型的方法2.6. 构造函数的继承2.7. 原型对象prototype方法继承2.8. Obje...[2021/12/20]
[重构]一次用ramda重构的记录
前言
最近写的几个方法，事后看起来觉得有点重复了。想要重构试试，正好想起ramda，那就试试用ramda来重构，看下能否减少重复吧。
注： 这次重构主要为业余消遣，本文用到的代码也不是原文, 只是仿照源代码的特点写的示例。如何编写代码跟项目所处环境有关，所以本次重构方法仅为业余娱乐和学习，不...[2021/12/20]
Java入门到架构师教程之JavaScript：BOM对象、JavaScript设计模式系统讲解与应用
BOM的核心对象是window，它表示浏览器的一个实例。window对象有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。这意味着在网页中定义的任何一个对象、变量和函数，都以window作为其Global对象，因此有权访问pars...[2021/12/20]
JS生成唯一id方式之UUID和NanoID
目录一、为什么 NanoID 正在取代 UUID
二、js如何生成
三、NanoID的方式
前言：
唯一id有了更好的方式，那就是NanoID，今天这篇文章记录一下NanoID 正在取代 UUID？及js 生成uuid及NanoID的方法。
一、为什么 NanoID 正在取代 UUID...[2021/12/17]
记录一次迁移Apollo Server V3的过程
前言
Apollo Server V3出来也快半年了，是时候把expre -postgres-ts-starter的graphql部分升级了。
使用dependabot帮助更新版本
dependabot是一个github的工具(似乎也支持gitlab,但是我不确定)，用于检测repo依赖安全性...[2021/12/17]
Three.js 实现3D全景侦探小游戏🕵?
背景
你是嘿嘿嘿侦探社实习侦探???，接到上级指派任务，到甄开心小镇??调查市民甄不戳??宝石??失窃案，根据线人流浪汉老石?????提供的线索，小偷就躲在小镇，快把他找出来，帮甄不戳寻回失窃的宝石吧！
本文使用 Three.js SphereGeometry 创建 3D 全景图预览功...[2021/12/17]
JavaScript中 创建动态 QML 对象的方法JavaScript中 创建动态 QML 对象的方法
一、动态创建对象
有两种方法可以从 JavaScript 动态创建对象：
调用 Qt.createComponent() 动态创建 Component 对象
使用 Qt.createQmlObject() 从 QML 字符串创建对象
虽然动态创建的...[2021/12/15]
[面试题] 函数默认参数作用域
今天看到了一道很有意思的面试题,在听完老师的讲解后,我决定也和大家讲讲这道题
var x = 0
function foo(x, y = function() { x = 3; console.log(x) }) {
console.log(x)
var x = 2
y()
c...[2021/12/15]
arcgis api for js回调函数如何等待同步arcgis api for js回调函数如何等待同步
arcgis js开发往往会遇到同步异步的问题，有可能在上一步使用了arcgis js模块回调函数，下一步需要用上一步回调函数的结果，但是因为JavaScript是异步执行的，它并不会等待上一步的回调函数结束了才执行下一步。
例如这里做一个属性查询功能，模糊查询state_name返回结果，s...[2021/12/15]
省、市、区、街道行政区数据以及行政区数据合并问题
最近在开发的过程中，遇到了一个问题，如何将多段Polygon合并成一个，在网上找了好久，试了一堆方法，这里转载我找到的一个实际用起来最有用的方法
以下内容转载于：https: www.cnblogs.com/vmumu/p/13356419.html
一、行政区获取
公司需要做大屏数据展示，地...[2021/12/15]
全新Java入门到架构师教程之事件、事件类型、事件流和事件模型
一、事件是什么？
事件 (Event) 是 JavaScript 应用跳动的心脏 ，进行交互，使网页动起来。当我们与浏览器中 Web 页面进行某些类型的交互时，事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏...[2021/12/15]
Javascript 虚拟 DOM详解Javascript 虚拟 DOM详解
目录什么是虚拟 dom？为什么需要虚拟dom？虚拟dom是如何转换为真实dom的？模板和虚拟dom的关系注入挂载完整流程总结
什么是虚拟 dom？
虚拟 dom 本质上就是一个普通的JS对象（mounted 中打印 this. _vnode 就是该对象内容），用于描述视图的界面结构
在vu...[2021/12/9]
Javascript事件的捕获方式和冒泡方式详解
目录一、事件处理模型1、事件冒泡（1）给三个div元素绑定事件（2）运行结果：2、事件捕获（1）给三个div元素绑定事件（2）运行结果：二、阻止事件冒泡（1）w3c标准 event.stopPropagation();但ie9以下版本不支持（2）ie独有：event.cancelBubble = t...[2021/12/8]
JavaScript中var与let的区别JavaScript中var与let的区别
目录1.作用域表现形式不同2.是否变量提升的区别3.暂时性死区上的区别4.在同一个上下文中var可以重复声明，let不行 前言：
var是JavaScript刚出现时就存在的变量声明关键字，而let作为ES6才出现的变量声明关键字，无疑两者之间存在着很大的区别。那么具体有哪些区别呢？
1.作...[2021/12/8]
深入了解最常用的JavaScript 事件
目录JavaScript 事件：常用的事件：事件操作总结
JavaScript 事件：
事件指的就是当某些组件执行了某些操作后，会触发某些代码的执行。
常用的事件：
属性
触发时机
...[2021/12/8]
JavaScript的三种BOM对象
目录一、location对象1、URL2、location 对象的属性3、location 对象的方法二、navigator对象三、history对象总结
window 对象给我们提供了一个 location 属性用于获取或设置窗体的 URL，并且可以用于解析 URL 。 因为这个属性返回的是一个...[2021/12/8]
使用JavaScript?定义自己的ajax函数使用JavaScript?定义自己的ajax函数
由于用原生js的方式发起的网络请求，都是以查询字符串的形式，提交给服务器的，用户以对象的形式提交参数的话会比较方便，所以需要把用户传递过来的参数对象进行处理，定义resolveData的函数，设置形参接收参数，遍历里面的对象，把键和值用=的方式进行拼接，然后把所得的值添加进空的数组即可；最后用&a...[2021/11/24]
fetch网络请求封装示例详解
export default ({
url,
method = ''GET'',
data = null,
}) => {
请求配置
let options = {
method
}
data不为空时，它就是post...[2021/11/23]
带你搞懂js的深拷贝
目录js深拷贝数据存储方式什么是浅/深拷贝常用深拷贝实现1.通过JSON.stringify和JSON.parse2.扩展运算符3.手写递归深拷贝函数总结 js深拷贝
在讲正题之前我们要先了解数据存储的方式
数据存储方式
在讲之前我们要先知道值类型和引用类型的存储方式。
在JavaS...[2021/11/15]
关于ES6新特性最常用的知识点汇总
目录1.关键字
2.解构
3.字符串
4.正则
5.数组
6.函数
7.对象
8.Symbol
9．集合
10.Proxy配合Reflect的观察者模式
11. Promise
12.遍历器
13.Generator
14.async
15.Cla
16.修饰器
17.Moudle
总结 1.关键...[2021/11/8]
详解vscode中console.log的两种快速写法
（一）方法一：直接在script标签中提前定义，仅适用于该html文件！
let add = function(a,b){
return a + b;
};
console.log(add(20,300));
const { [''log'']:C } = c...[2021/11/8]
一篇文章弄懂js中的typeof用法一篇文章弄懂js中的typeof用法
目录基础
返回类型
string 和 boolean
number 和 bigint
symbol
undefined
function
object
其他
常见问题
引用错误
typeof null
typeof 的局限性
扩展：BigInt 类型
总结 基础
typeof 运算符是 ja...[2021/11/8]
js 实现拖拽排序详情
目录1、前言2、实现3、为何不使用HTML拖放API实现？4、总结 1、前言
拖拽排序对于小伙伴们来说应该不陌生，平时工作的时候，可能会选择使用类似Sortable.js这样的开源库来实现需求。但在完成需求后，大家有没有没想过拖拽排序是如何实现的呢？我花了点时间研究了一下，今天分享给大家。
...[2021/11/8]
一文彻底理解js原生语法prototype,__proto__和constructor一文彻底理解js原生语法prototype,__proto__和constructor
目录1 前言2 前置知识点
2.1 数据类型
2.2 判断是否是自身属性(hasOwnProperty)3 一点小思考3.1 修改 constructor
3.1.1 instanceof3.1.2 isPrototypeOf3.2 修改__proto__|prototype4 修改和获取原型对象的...[2021/10/25]
JS创建或填充任意长度数组的小技巧汇总
目录前言直接填充法
for 循环 push() 法
Array 构造函数法
在 Array 构造函数后面加上 fill() 方法使用 undefined 填充数组
使用 Array.from() 进行映射用值填充数组使用唯一（非共享的）对象创建数组用升序整数数列创建数组用任意范围的整数进行创建另一种...[2021/10/25]
JS实现拖拽进度条改变元素透明度
今天要分享的是运用原生JS拖拽进度条改变元素透明度，效果如下：
以下是代码实现，欢迎大家复制粘贴。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-T...[2021/10/19]
JS实现圆形进度条拖拽滑动
本文实例为大家分享了JS实现圆形进度条拖拽滑动的具体代码，供大家参考，具体内容如下
效果展示
半圆进度条效果
圆形进度条
代码实现
<!doctype html>
<html lang="en">
<head>
&l...[2021/10/19]
原生JS实现可拖拽登录框
本文分享一个用原生JS实现的可拖拽登录框，效果如下：
实现的代码如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="...[2021/10/19]
JS中的六种继承方式以及优缺点总结
目录前言原型链继承
构造函数继承
组合继承（原型链继承和构造函数继承组合）
寄生式继承
组合寄生式继承
extends继承
总结 前言
继承是JS世界中必不可少的一个环节，号称JS的三座大山之一，使用这种方式我们可以更好地复用以前的开发代码，缩短开发的周期、提升开发效率
在ES6之前，JS中...[2021/10/11]
JS 中 new 的作用详细
目录1、举例2、制造一百个士兵3、质疑4、改进5、优雅？6、JS 之父的关怀7、这一次我们用 new 来写8、注意 constructor 属性 简介：
大部分讲 new 的文章会从面向对象的思路讲起，但是我始终认为，在解释一个事物的时候，不应该引入另一个更复杂的事物。
想象我们在制作一...[2021/10/11]
JS 里为什么会有 thisJS 里为什么会有 this
目录1、需求2、方案3、第一次改进4、加糖5、费解6、存在问题7、对象与函数 1、需求
假设我们有一个对象
var person = {
name: ''Frank'',
age: 18,
phone: ''13812345678'',
say...[2021/10/11]
JS实现随机生成验证码
本文实例为大家分享了JS实现随机生成验证码的具体代码，供大家参考，具体内容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title&...[2021/9/6]
经验首页