jquery实现属性列表加拖拽排序功能 一. 需求 列表项为树形层级列表 请求数据若为末级,显示末级文件图标 请求数据若为非末级,显示文件夹图标 要求列表项可进行拖拽排序: 拖拽到目标位置,成为目标当前子级 如果当前数据为最末级,则不可将数据拖拽到最末级 非单条数据拖拽,若拖拽数据存在子级,则子级数据全部移动到目标位置,数据结构将改变 二. 效果图 三. 目录结构 三. 代
?jquery实现点击菜单实现高德地图定位点与数据展示联动效果 版本介绍: jQuery v3.7.1 高德地图JS API 2.0 代码仓库 ⭐ Gitee:https://gitee.com/NewTea19/js-case/tree/master/3.%20%E7%82%B9%E5%87%BB%E8%8F%9C%E5%8D%95%E5%AE%9E%E7%8E%B0%E9%AB%98
移动端项目中打开页面,直接跳转到小程序功能 效果图 pc mobile 代码 样式代码css: <style> * { margin: 0; padding: 0; } html, body { height: 100%;
?jquery实现DOM结构转图片并下载 版本介绍: Bootstrap v3.3.7 jQuery v3.5.1 domToImage.js 根据Bootstrap实现dialog上一步下一步多个弹窗交互进行大肆修改,完善了第二步生成图片的功能与更强的交互 1.、功能说明 重新设置bootstrap主题色 包括按钮:默认(default)、成功(success)、错误(danger
Bootstrap实现dialog上一步下一步多个弹窗交互 版本介绍: Bootstrap v3.3.7 jQuery v3.5.1 一、功能介绍 重新设置bootstrap主题色 内容区以card形式展示,纯js实现分页功能 共两步骤,第一步选择模板,第二步进行其他操作 步骤一内的按钮点击下一步,进入第二步;第二步点击上一步,返回第一步 步骤一选择模板时,根据模板id获取模板内容,并展
jquery实现文字点选验证码 git地址:点击获取源码 一、功能说明(文字点选验证码) 词组库内存在大量3~6字随机词组, 从词组库内随机找出一组词组,随机展现在显示区 点击按钮,弹出验证码区域 将词组内的随机数量文字随机顺序作为验证文本进行校验 点击文字添加标记并计数,当点击次数与验证文本数量一致,自动校验 验证通过后,提示成功,关闭验证区域 验证失败,提示失败,刷新验证码 点击显示区内
一、类的由来与简介 1. 简介 很早很早之前,在JavaScript的世界里,生成实例对象的传统方法是通过构造函数。 嗯哼? function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y +
一、构造函数介绍: 在JavaScript中,构造函数是用于创建和初始化一个由new关键字生成的对象的特殊函数。构造函数的名字通常以大写字母开头,但这并不是JavaScript语法的一部分,而是一种约定俗成的命名规范,有助于区分构造函数和普通函数。 示例: function Person(name, age) { this.name = name; this.age =
在JavaScript中,你不能直接使用一个字符串来直接引用一个变量,因为JavaScript是一种静态类型语言(尽管它的类型在运行时可以变化),变量的名字在编译时就被确定了。但是,有几种方法可以实现类似的功能: 使用对象(或Map)来存储变量: 你可以使用一个对象来存储你的变量,然后使用字符串作为键来访问这些变量。 let myVars = { 'var1': 'Hello',
HTTP/HTTPS、TCP和IP之间的区别主要体现在它们的作用层次、功能特点以及在网络通信中的角色。 一. 作用层次: HTTP/HTTPS:HTTP(Hyper Text Transfer Protocol,超文本传输协议)和HTTPS(HTTP Secure,安全超文本传输协议)都是应用层协议。HTTP主要用于在Web浏览器和服务器之间传输超文本数据,如网页内容。HTTPS是HTTP的
Question: js 返回上一页面后自动重新刷新返回后的页面 在JavaScript中,要实现返回上一页面后自动刷新,可以在上一页面设置一个监听器来监听pageshow事件,当页面显示时,如果是通过浏览器的返回按钮回到该页面,则触发自动刷新。 以下是实现这一功能的示例代码: window.addEventListener('pageshow', function(event) { if (
前言 在JavaScript中,任务被分为同步任务和异步任务。 同步任务:这些任务在主线程上顺序执行,不会进入任务队列,而是直接在主线程上排队等待执行。每个同步任务都会阻塞后续任务的执行,直到它自身完成。常见的同步任务包括页面的初始化、DOM操作和某些计算任务。 异步任务:与同步任务不同,异步任务不直接进入主线程执行,而是被放入任务队列(task queue)中。只有当主线程空闲时,才会从任务队
一、什么是Web App(基于Web的应用程序) WebApp,也称为Web应用程序,是存储在远程服务器上并由其用户通过Web浏览器运行的计算机程序。 1. WebApp的优势和特点主要包括以下几个方面: 跨平台兼容性好:WebApp可以在不同的设备和平台上运行,无需针对不同的操作系统进行开发和维护,具有较好的跨平台兼容性。 开发成本低:WebApp的开发成本相对较低,因为可以使用Web技术进行
JavaScript 在浏览器环境中主要是单线程的,而在 Node.js 环境中,虽然 JavaScript 代码本身仍然是在单线程中执行的,但 Node.js 底层利用了多线程来处理 I/O 操作等异步任务。 下面我会解释为什么 JavaScript 在浏览器环境中主要是单线程,以及为什么我们通常称之为线程而不是进程。 为什么 JavaScript 在浏览器中是单线程的? 简化并发模型:Jav
使用jq+layui的layer+laytpl实现横屏查看功能 ✨一、实现功能 ?技术框架 使用layui.layer弹出层实现横屏内容展示 使用layui.laytpl模板引擎实现table内容的填充 ?功能详情 详情页面展示列表内容以及横屏查看按钮 点击横屏查看将列表内容实现成横向展示 横屏内点击关闭按钮可回到详情页面 详情列表页面默认请求5条数据,若请求的列表数据超过5条,则会展示
使用jq+layui-tab+echarts+swiper实现选项卡轮播联动图表展示功能 ✨一、实现功能 ?技术框架 使用layui-tab实现tabs切换 使用swiper.js实现轮播效果 使用echarts.js实现图表展示 ?功能详情 布局为上中下:tab选项上,内容区为中,轮播分页为下 tab选项卡内容区为echarts图表统计图 tab选项卡与轮播分页(就是轮播底部的点点)对
先上示例: 附上代码 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge
先上效果图 附上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"
DOM (Document Object Model 文档对象模型) 一、介绍 1. dom 选择器, 节点类型 document 表示整个文档 .getElementById() .getElementsByTagName() 类数组 .getElementsByClassName() 类数组 .querySelector() 类数组 .querySelectorAll() 类数组 节
数组 一.定义 1. var arr = []; 2. var arr = new Array(); 二、方法 1. 改变原数组 push() 数组末尾添加 // 手写push()方法 var arr = ['a', 'b']; Array.prototype.push = function(){ for(var i = 0; i< arguments.length; i++){
对象 一. 对象创建 1. var a = {}字面量创建 2. 构造函数 系统构造函数Object(): var per = new Object() 自定义构造函数 function Person(name){ this.name = name, this.age = 18 } var person = new Person('limei') new 关键字
1. 需求描述: 区域三级列表, 有添加,编辑,删除功能。 选择父级分类,其下子类全部选中,当前分类后加标志显示全字样 取消选中子类,其父类分类后标志显示选中数量 若子类全部选中,除当前父类标志是全字外,显示页面只显示当前父类 清除则清空选中结果 后台提交数据传参说明: 如果子类全部选择,只传父类code 如果子类没有全部选择,传父类code+子类code 示例: 选择数据 河北
函数 一、定义 声明式 functon fn(){} 表达式var fn = function(){}(函数表达式一般指 匿名函数) 二、参数(形参,实参) arguments 类数组对象 表示函数的实参集合 arguments.callee---指向当前执行的函数 arguments.length---指向传递给当前函数的参数数量 arguments.arguments--- 返回一个
值的介绍 一、 值类型: 原始值 stack栈: 遵循后进先出原则,中主要存放一些基本类型的变量和对象的引用。如:Number String Boolean undefined null symbol BigInt 栈内不可修改值,内存满才会实现二次值覆盖 引用值 heap堆:用于复杂数据类型(引用类型)分配空间。 如:array object function ...date Reg
case:本地上传图片后实现预览与删除功能 效果预览 1.html文件 <div class="upload-box"> <!--多选--> <input type="file" id="upload-Input" accept="image/*" multiple> &
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号