经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 JavaScript

通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现,如果移出导航栏3秒又隐藏起来,而且不受滚动条影响(二)

通过HTML+CSS+JavaScript实现鼠标移动到页面顶部导航栏出现,如果移出导航栏3秒又隐藏起来,而且不受滚动条影响(二) 效果:默认一直隐藏导航栏,当滚动条滚到超过300px按钮出现,点击回到顶部按钮回到顶部,并隐藏按钮,鼠标移动到顶部导航栏出现,鼠标移出导航栏后3秒后再次隐藏(导航栏...[2022/1/18]

JavaScript DOM 基础操作

JavaScript DOM 基础操作 一、获取元素的六方式 document.getElementById(''id名称'') 根据id名称获取 document.getElementsBycla Name(''元素类名'') 根据元素类名获取 返回值:伪...[2022/1/18]

JavaScript创建和获取时间的方法

一、获取时间常用方法 1、创建时间对象 var time=new Date() 创建当前的时间信息对象 var time1=new Date(2022,1,1,10,25,30) 创建2022-1-1 10:25:30 的时间对象 2、获取年份信息 var year=ti...[2022/1/18]

Javascript中数组的定义和常见使用方法

一、定义数组 1、定义数组 var arry=[1,2,''小名'',false] var 数组名=[值1,值2,...] 2、设置数组长度 arry.length=10 数组长度设置为10 二、数组常见方法 (1)在尾部增加值(push()) 格式:数组名.push(...[2022/1/17]

一篇文章让你轻松记住js的隐式转化

目录前言一、包装类Boolean()扩展Number()引用类型转换Number原始类型转Number还有这些混淆点是需要注意的:扩展String()Object.prototype.toStringArray.prototype.toString二、隐式转化触发规则布尔的隐式转化number的隐式...[2022/1/17]

async await的理解

初识 async 函数表示这个函数内部有异步请求,如果这个 async 函数没有返回值,那么这个 async 仅仅只是一个标识而已. await 需要结合 async 函数一起使用,它通常用于等待一个 Promise 函数或 async 函数的执行(你当然可以写个await 123,但这不会有...[2022/1/17]

基于JS实现弹性漂浮广告的示例代码

目录效果图1.功能(鼠标移入移出事件、点击事件、定时器控制移动)2.div初始样式设置3.获取div可以移动的页面大小4.定时器控制移动,鼠标移入事件停止移动,鼠标移出继续移动。5.点击事件点击让div消失6.完整代码 效果图 1.功能(鼠标移入移出事件、点击事件、定时器控制移动) d...[2022/1/17]

诡异的 javascript 变量

诡异例子: function DelayExe() {   var a = 10;   setTimeout( function Print() { console.log(a); },  1000  ); } &n...[2022/1/17]

对象及defineProperty 方法

数据属性 configurable 属性是否可以通过 delete 删除并重新定义 是否可以修改他的特性(属性是否可以被配置) 是否可以把它改为访问器属性 默认 true enumerable 属性是否可以通过 for-in 循环返回 默认true writable 属性值是否可以被修改 ...[2022/1/17]

我的简易2048小游戏记录整理

前言 注:该篇记录暂未实现过渡动画以及移动端的上下左右操作 我的2048后续最新效果展示2048GAME (226yzy.com) 还有后续代码我放在了我的Github上了226YZY/my2048game: 我的简易2048小游戏 (github.com) (本篇效果烦请自行根据代码复现...[2022/1/17]

Three.js 实现虎年春节3D创意页面

Three.js 实现虎年春节3D创意页面

背景 虎年 ?? 春节将至,本文使用 React + Three.js 技术栈,实现趣味 3D 创意页面。本文包含的知识点主要包括:ShadowMaterial、 MeshPhongMaterial 两种基本材质的使用、使用 LoadingManager 展示模型加载进度、OrbitCont...[2022/1/17]

jsPDF 添加 中文字体 分页打印 移除空白页

jsPDF 添加 中文字体 分页打印 移除空白页

jsPDF2.5版本 默认不支持utf-8的字体 具体看官方的说明,默认是不支持中文的。要使用中文需要自己添加字体。 1 将字体转换为base64编码 然后引入。也可以直接引入二进制文件,但没试过这个。 建议直接使用jsPFD源码里的 /fontconverter/fontconverter...[2022/1/17]

JavaScript:数据类型详解

ECMAScript中数据类型目前有两种:基本数据类型和引用数据类型。 基本数据类型   基本数据类型也称作简单数据类型,为Undefined,Null,Boolean,Number,String,Symbol。   基本数据类型的特点是:在内存中有固定大小空间,保存在栈中。 1、Undef...[2022/1/17]

call、apply、bind

call、apply、bind

  call() 和apply()可以看作是某个对象的方法,通过调用方法的形式来间接调用函数。 都是在特定作用域中调用函数,等于设置在函数体内的this的值。 call()和apply()的第一实参是要调用函数的母对象。 注:在严格模式中,call()和apply()第一个实参...[2022/1/17]

【微信小程序云开发】1分钟学会实现上传、下载、预览、删除图片,并且以九宫格展示图片

大家好,我叫小秃僧 这篇文章是讲解云开发如何上传、下载、预览、删除图片,并且以九宫格展示图片的功能 @目录1、 实现效果2、JavaScript代码3、wxml代码4、wx 代码 1、 实现效果 废话少说,先看效果为敬: 说明: 中间停顿一下是我在选择照片上传。点击右上角的...[2022/1/1]

Reflection 基础知识(二)

Proxy 定义 Proxy用于修改对象的某些行为,获取值,设置值等 let p = new Proxy(target, handler); target 用Proxy包装的目标对象(可以是任何类型的对象,包括原生数组,函数,甚至另一个代理)。 一个对象,其属性是当执行一个操作时定义代理的行...[2021/12/31]

Reflection 基础知识(一)

反射机制的定义 反射通常指在程序在运行时能够获取自身的信息。 静态语言反射 在java中使用反射的一个例子 Cla <?> clazz = Cla .forName("com.netease.main.Person"): Method[] methods = clazz.getM...[2021/12/31]

JSON.parse 和 JSON.stringify 详解

JSON格式,(简写JavaScript Object Notation),是一种用于数据交换的文本格式,书写简单。 基于JavaScript原生语法,能够序列化对象、数组、数值、字符串、布尔值和 null。 在ES5中,增加了一个JSON对象,专门用来处理JSON格式的数据。 JSON是...[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数组中,而展开运算符则将可迭代的对象展开为单个元素。   例如下面这段代码,其中使用了剩余运算符将...[2021/12/31]

JavaScript入门简介

JavaScript入门简介

一、JavaScript简介?? JavaScript 是互联网上最流行的脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是一门动态的、弱类型的、解释型的、基于对象的脚本语言(解释型)。JavaScript...[2021/12/31]

揭开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种数据类型

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 文档对象模型)

一、DOM简介 DOM:Document Object Model 文档对象模型 要实现页面的动态交互效果,bom 操作远远不够,需要操作 html 才是核心。如何操作 htm,就是 DOM。简单的说,dom 提供了用程序动态控制 html 接口。DOM即文档对象模型描绘了一个层次化的节点树,...[2021/12/24]

[重构]一次用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的过程

前言 Apollo Server V3出来也快半年了,是时候把expre -postgres-ts-starter的graphql部分升级了。 使用dependabot帮助更新版本 dependabot是一个github的工具(似乎也支持gitlab,但是我不确定),用于检测repo依赖安全性...[2021/12/17]

Three.js 实现3D全景侦探小游戏&#128373;?

背景 你是嘿嘿嘿侦探社实习侦探???,接到上级指派任务,到甄开心小镇??调查市民甄不戳??宝石??失窃案,根据线人流浪汉老石?????提供的线索,小偷就躲在小镇,快把他找出来,帮甄不戳寻回失窃的宝石吧! 本文使用 Three.js SphereGeometry 创建 3D 全景图预览功...[2021/12/17]

[面试题] 函数默认参数作用域

今天看到了一道很有意思的面试题,在听完老师的讲解后,我决定也和大家讲讲这道题 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入门到架构师教程之事件、事件类型、事件流和事件模型

全新Java入门到架构师教程之事件、事件类型、事件流和事件模型

  一、事件是什么? 事件 (Event) 是 JavaScript 应用跳动的心脏 ,进行交互,使网页动起来。当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏...[2021/12/15]

fetch网络请求封装示例详解

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用法

目录基础 返回类型 string 和 boolean number 和 bigint symbol undefined function object 其他 常见问题 引用错误 typeof null typeof 的局限性 扩展:BigInt 类型 总结 基础 typeof 运算符是 ja...[2021/11/8]

js 实现拖拽排序详情

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]

101
2
记录数:6525 页数:1/13112345678910下一页尾页
加载更多
 友情链接: NPS