TomKing9
TomKing9

阅读并同意功能

功能描述：滚到底才可以同意并注册

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .main{
            margin: 10px auto;
            text-align: center;
        }
        .art{
            margin: 10px auto;
            width: 300px;
            height: 500px;
            overflow-y: scroll;
            background-color: burlywood;
        }
    </style>
    <script>
        window.onload = function () {
            var art = document.getElementsByClassName('art')[0]
            var submit = document.getElementById('submit')
            var agree = document.getElementById('agree')
            art.onscroll = function () {
            let height = art.clientHeight
            let cha =Math.round( art.scrollHeight - art.scrollTop)
            if(cha == height){
                submit.disabled = false
                agree.disabled = false
            }
        }
        }
    </script>
</head>
<body>
    <div class="main">
        <h3>欢迎亲爱的用户注册</h3>
        <div class="art" >亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册 亲爱的用户，请仔细阅读以下协议，如果你不仔细阅读你就别注册</div>
        <input type="checkbox" disabled value="我已阅读并同意" id="agree">我已阅读并同意
        <br>
        <input type="submit" disabled value="注册" id="submit">
    </div>
</body>
</html>

gonggong

你可能感兴趣的:(js学习,js,css,html,html5)

  • N个utils(处理日期) 庖丁解java java
    解释一下为什么会在java学习教程中放js的代码.1,最直接的肯定是我有时候会写js,而一些经典的逻辑,又不想新开前端文章,索性就放一起.2,java的面向对象太完善了,这也是我写文章的原因,导致写java代码很难学习到面向过程的编程思想,正好,原生js的代码,很大程度上写起来用的思维方式,很雷同面向过程的思考方式.算个补全,对写java代码,理解java代码,大有裨益.(这不是作者胡乱找补,写j
  • 【HarmonyOS NEXT 】应用开发：使用@ohos.net.webSocket发送webSocket 纳米小川 HarmonyOSharmonyos.netwebsocket
    @ohos.net.webSocket模块可以建立WebSocket连接，实现与服务器之间的实时双向通信。WebSocket提供了一种低延迟的通信方式，非常适合实时应用，如聊天应用、在线游戏等。下面是使用@ohos.net.webSocket模块建立WebSocket连接的步骤：1、添加权限确保在config.json文件中添加了网络访问权限：{"name":"com.example.myappl
  • AMIS低代码构建系统，定制界面 一醉千秋 Cesiumnodejsarm64低代码
    AMIS低代码构建系统界面一、基础环境1）设计环境：amis-editor，http://139.196.235.123:9988/#/源码地址：https://github.com/baidu/amis在线文档https://aisuda.bce.baidu.com/amis/2）运行环境使用amisjssdk进行运行二、构建流程1）设计需要的界面，针对控件设计Event方法，支持amis原生和
  • 爬取电影标题、评论、评分（21-11-4） 穆桥 Python爬虫XPath解析MySQL数据库电影信息疾病数据
    功能描述：1、爬取网页1中的电影名称、评分、简介到mysql数据库中。2、爬取网页2中的标题、时间、正文、采集时间到mysql数据库中。使用的技术:requests请求、xpath解析、mysqlxpath解析语法//子孙节点/直接子节点.选取当前节点…选取当前节点的父节点@选取属性通过Python的lxml库，利用XPath进行HTML的解析。scrapy封装了lxml也可以导入scrapy任务
  • 基于Asp.net的汽车租赁管理系统 计算机学姐 Asp精选实战项目源码asp.net汽车后端mysqlsqlservervue.jsc#
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示【2025最新】基于Asp.net的汽车租赁管理系统开发
  • uni-app移动端应用开发底部安全区域适配 向凡而生 uni-app前端
    针对IOS机型，底部安全区域是系统动态计算的，所以我们也需要动态获取底部安全区域来适配在uniapp的manifest.json，打开源码视图，对需要适配的页面添加如下配置"styles":{"safeArea":{"bottom":"auto"}}如果使用CSS。一种常见的方法是使用padding-bottom或margin-bottom属性，并使用vh-unit单位来确保底部安全距离不受屏幕尺
  • Angular 16 Standalone 项目创建指南 t0_54program 编程问题解决手册angular.js前端javascript个人开发
    在前端开发领域，Angular一直是一个强有力的框架，尤其是在处理复杂的单页应用时。随着Angular16的发布，引入了Standalone组件的概念，这为开发者提供了一种新的方式来组织和管理组件。今天，我将详细介绍如何从头开始创建一个基于Angular16的Standalone项目，并解决一些常见的问题。环境准备首先，确保你的开发环境已安装Node.js和npm（NodePackageManag
  • 给接口自动化测试框架增色，实现企业微信测试报告 编程简单学 软件测试pythonpython单元测试压力测试postman功能测试
    作者在新项目中搭建了python+requests+unittest+HTMLTestRunner接口自动化测试框架，通过修改配置文件实现环境隔离，一份脚本即可在不同的环境执行接口测试用例。但是没有实现任何形式的消息通知，也没有集成到jenkins，原因很简单，因为还没做到很大，而且用户活跃不够，问题也相对较少，只在上线前后执行一次uat和prod环境。那这几天想完善一下消息通知功能，让它具备发送
  • nodeJs获取某个文件夹下的所有文件信息 努力的白熊 node.jsjavascript前端vue.js
    constfs=require('fs');constpath=require('path');functiongetAllFilesInfo(dirPath){constitemsInfo=[];functiontraverseDirectory(currentPath){constitems=fs.readdirSync(currentPath);for(constitemofitems){c
  • 发布支持TS的npm包 努力的白熊 项目必备技术npm前端node.js
    你现在有这么一个包，已经将他发布在npm上了，周下载量也还比较可观。美中不足的就是，这个包之前使用js写的，现在你想增加TS类型，提升用户使用体验，那么你现在可以做以下几个步骤1.在你的包的根目录下创建一个类型定义文件(.d.ts文件)。例如，index.d.ts。在这个文件中，你需要声明所有导出的类型和函数。//index.d.ts//这里需要注意'your-package-name'需要和你p
  • vue中如何动态的增减组件的类名（class） 上趣工作室 vue2.xvue3.xvue.js前端javascript
    在Vue.js2中，你可以通过计算属性或直接在模板中使用v-bind:class来动态地改变组件的类名。下面是一个简单的示例，说明如何在某个条件被复核后为组件添加一个selected类（此处为组件添加一个默认的类（例如radio）以及根据某个条件来添加selected类，你可以在绑定类的时候使用数组语法，以便同时添加多个类）示例代码切换条件我是一个可选择的组件exportdefault{data(
  • nvm日常使用中常用命令总结 上趣工作室 vue2.xvue3.xvue.js前端javascript
    日常开发vue项目中，不同的项目我们可能需要安装不同的node版本，但是为了方便切换node，我们一般会安装一个名称为nvm的工具，这里总结一下，nvm常用的命令：1、为了查看可用的Node.js版本，你可以使用以下命令，这个命令会列出所有可以安装的Node.js版本。：nvmlistavailable如果你想查看特定版本，可以使用grep进行过滤，例如：nvmlistavailable|grep
  • 以下列举了一些典型的JavaScript网页设计实例，它们展示了多样化的功能和交互体验，非常适合初学者及中级开发者学习借鉴如下: 一一代码 javascript
    1.动态导航栏-功能描述：创建响应导航栏，当用户滚动页面时，导航栏固定在页面顶部，并显示当前页面部分。-技术点：-`window.scroll`事件监控页面滚动。-`classList`动态添加/移除CSS类。-`IntersectionObserver`检测元素是否进入视口。-示例代码：```javascriptwindow.addEventListener('scroll',()=>{cons
  • uniapp中生成视频的第一帧图片 进阶的巨人001 uni-app音视频mp4第一帧封面
    需求页面显示这个视频，封面要求是视频里面的内容，然后点击出现弹窗，视频在弹窗里面播放constvideo_url='.mp4'一.最好用的办法是，直接用背景图二.就是用renderjs了(因为app没有dom)，通过创建video标签，然后通过canvas绘制图片的方式设置链接-->设置链接exportdefault{data(){return{vsrc:{},//用于renderjs通信imgS
  • 如何编写vscode的配置文件c_cpp_properties.json 小秋slam实战 从零开始学SLAMvscode
    文章目录配置`c_cpp_properties.json`文件改变VScode中空格长度VSCode中C/C++无法跳转到定义c_cpp_properties.json安装插件配置c_cpp_properties.json文件假设你已经安装了GCC和G++编译器，{"configurations":[{"name":"Linux","includePath":
  • ThreeJs中使用lil-gui无法改变其所属父元素 一只程序熊 前端3d
    项目场景：之前一直在研究Threejs，遇到一个很头疼的问题！就是我自己使用了Vite+V3创建了一个项目框架，用来记录自己学习Three的一个过程，但是里面就存在了一个问题，我们在newGUI()后不能改变其父级元素，就像默认父级元素在body上一样问题描述GUI父级元素无法被改变letgui=newGUI()原因分析：正好这段时间有空，本主就疯狂去找了lil-gui的官方文档，还好作者是个好人
  • Sass：深度解析与实战应用 li_Michael_li sass前端css
    在前端开发的浪潮中，CSS预处理器因其强大的功能和灵活性而备受推崇。其中，Sass（SyntacticallyAwesomeStylesheets）无疑是这些预处理器中的佼佼者。本文将深入解析Sass的核心概念、语法特性以及实战应用，并通过代码样例展示其强大的功能。Sass是什么？Sass（SyntacticallyAwesomeStylesheets）是一种CSS预处理器，它允许我们使用变量、嵌
  • JS实现省份地级市的选择 星星不打輰 JavaScriptjavascript前端
    JS实现省份地级市的选择效果展示：代码实现多级联动functionchangeCity(obj){//获取这个省份的idvarpid=obj.value;console.log(pid);//获取市信息(pid);varcityData=getArea(pid);console.log(cityData);varcity=document.getElementById("area");//清空市信
  • 【CSS 面经】如何画一条 0.5px 的线 ️ Peter-Lu #CSS面经css前端javascriptcss3html
    文章目录一、为什么浏览器中0.5px难以实现？二、实现0.5px线条的几种方法1.使用`transform:scale()`实现缩放2.使用`border`和`transform`结合3.使用`box-shadow`实现0.5px4.使用伪元素`::after`结合`transform`三、如何选择合适的方法？在前端开发中，我们经常会遇到这样一个问题：如何画一条0.5px的线？由于像素是浏览器渲染
  • 前端CSS：CSS画一条0.5px的线的方法 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    前端CSS：CSS画一条0.5px的线的方法引言基本概念和作用说明基本概念作用说明示例一：使用`transform:scale()`方法代码示例说明示例二：使用透明度技巧代码示例说明示例三：使用伪元素代码示例说明示例四：使用`border`属性代码示例说明示例五：结合媒体查询和像素比例代码示例说明功能使用思路不同角度的功能使用实际开发中的使用技巧自行拓展内容实现自定义宽度线条使用CSS动画增强视觉
  • CSS3实现的波浪线条动画效果 KkvlCapture css3前端css动画
    在这篇文章中，我们将学习如何使用CSS3创建一个令人惊叹的波浪线条动画效果。通过一些简单的CSS代码，我们可以为网页添加流动的波浪线条，为用户带来视觉上的吸引力。首先，让我们来看一下实现这个效果所需的HTML结构。我们将使用一个元素作为容器，并在其中创建一个带有波浪线条的元素。以下是示例HTML代码：<span
  • CSS伸缩盒模型(弹性盒子) 申朝先生 css前端
    伸缩盒模型（Flexbox，FlexibleBoxLayout）是CSS中一种一维布局模型，用于更高效地处理元素的对齐、分布和响应式布局。其核心思想是让容器内的子元素（称为“项目”）能够灵活地自动调整大小和位置以适应不同屏幕尺寸和内容变化。1.核心特性1.1容器与项目容器：使用display:flex或display:inline-flex定义的父元素。项目：容器内的直接子元素，默认沿容器的主轴排
  • HTML5 Web SQL froginwe11 开发语言
    HTML5WebSQL引言随着互联网技术的飞速发展，HTML5作为新一代的网页技术，已经逐渐成为网页开发的主流。在HTML5中，WebSQL是一种轻量级的数据库存储技术，它允许开发者直接在网页中存储数据。本文将详细介绍HTML5WebSQL的概念、特点、应用场景以及使用方法。一、WebSQL概念WebSQL是一种轻量级的数据库存储技术，它允许开发者使用SQL语句在网页中存储数据。WebSQL数据库
  • Three.js 阴影 (Shadow) 知识点整理 泫凝 javascriptthree.jsnpm前端
    阴影主要由castShadow和receiveShadow控制，并通过不同类型的光源(DirectionalLight、SpotLight、PointLight)生成。我们将系统地整理与阴影相关的知识点。1️⃣基础概念castShadow：物体是否投射阴影。receiveShadow️：物体是否接收阴影。renderer.shadowMap.enabled=true✅：全局开启阴影渲染。rende
  • JavawebJavaServer Pages Standard Tag Library知识点 一朵忧伤的蔷薇 pythonjava开发语言
    JavaWeb开发中，JSTL（JavaServerPagesStandardTagLibrary）、EL（ExpressionLanguage）、Cookie和Session是非常重要的组件。以下是这些知识点的总结：1.JSTL标签库JSTL是JavaServerPages的一种标准标签库，旨在简化JSP页面的开发。它通过提供预定义的标签，来实现常见任务，如条件判断、循环处理、国际化等。使用标签
  • HTML5前端页面设计,HTML5网页前端设计 设计师马丁 HTML5前端页面设计
    HTML5网页前端设计编辑锁定讨论上传视频《HTML5网页前端设计》是2017年6月清华大学出版社出版的图书，作者是周文洁。书名HTML5网页前端设计作者周文洁ISBN9787302463597定价59.50元出版社清华大学出版社出版时间2017年6月HTML5网页前端设计内容简介编辑本书是一本从零开始学习的Web前端开发教材，无须额外的基础。全书以项目驱动为宗旨，详细介绍了HTML5、CSS3与
  • JavaScript性能优化实战：从8s到0.8s的极致提升 小诸葛IT课堂 前端
    ‌摘要‌：页面卡顿、内存泄漏、CPU爆满？本文通过‌6个真实场景‌+‌可运行代码示例‌，手把手教你掌握JS性能优化核心技术！涵盖‌防抖节流、虚拟滚动、WebWorkers、内存泄漏排查‌等高频痛点解决方案，最后提供Chrome性能分析工具实战指南，助你打造丝滑的Web应用！一、性能优化核心指标（先量化再优化）1.1关键性能指标‌FPS‌：帧率≥60为合格（开发者工具Performance面板）‌内
  • JavaScript 表单 宇哥资料 JavaScriptjavascript开发语言ecmascript
    JavaScript表单验证HTML表单验证可以通过JavaScript来完成。以下实例代码用于判断表单字段(fname)值是否存在，如果不存在，就弹出信息，阻止表单提交：JavaScript实例functionvalidateForm(){varx=document.forms["myForm"]["fname"].value;if(x==null||x==""){alert("需要输入名字。"
  • Vue3项目白屏问题深度解析：从AI辅助诊断到性能优化实战 TE-茶叶蛋 前端项目性能优化vueelementui
    一、问题背景：令人困惑的白屏现象在开发一个基于Vue3+Vite+TypeScript的中后台管理系统时，我们遭遇了一个典型的性能问题：页面刷新后出现持续1-2秒的白屏，随后才正常渲染内容。尽管在index.html中加入了Loading动画，但动画结束后仍存在明显的空白间隙。关键现象特征：开发环境请求数达400+（Vite按需编译特性）生产环境构建后请求50+，资源总体积8.6MBDOMCont
  • WebSocket JAVA客户端和服务端 传送文件DEMO 易天法地 JAVAwebsocketjava网络
    Server端WebSocketServer.java用于启动Server服务importcn.hutool.core.bean.BeanUtil;importcn.hutool.json.JSONUtil;importorg.slf4j.Logger;importorg.slf4j.LoggerFactory;importorg.springframework.stereotype.Compon
  • js动画html标签（持续更新中） 843977358 htmljs动画mediaopacity
    1.jQuery 效果 - animate() 方法    改变 "div" 元素的高度：    $(".btn1").click(function(){      $("#box").animate({height:"300px
  • springMVC学习笔记 caoyong springMVC
    1、搭建开发环境    a>、添加jar文件，在ioc所需jar包的基础上添加spring-web.jar,spring-webmvc.jar    b>、在web.xml中配置前端控制器       <servlet>     &nbs
  • POI中设置Excel单元格格式 107x poistyle列宽合并单元格自动换行
    引用：http://apps.hi.baidu.com/share/detail/17249059 POI中可能会用到一些需要设置EXCEL单元格格式的操作小结： 先获取工作薄对象: HSSFWorkbook wb = new HSSFWorkbook(); HSSFSheet sheet = wb.createSheet(); HSSFCellStyle setBorder = wb.
  • jquery 获取A href 触发js方法的this参数 无效的情况 一炮送你回车库 jquery
    html如下：  <td class=\"bord-r-n bord-l-n c-333\"> <a class=\"table-icon edit\" onclick=\"editTrValues(this);\">修改</a> </td>"   j
  • md5 3213213333332132 MD5
    import java.security.MessageDigest; import java.security.NoSuchAlgorithmException; public class MDFive { public static void main(String[] args) { String md5Str = "cq
  • 完全卸载干净Oracle11g sophia天雪 orale数据库卸载干净清理注册表
    完全卸载干净Oracle11g A、存在OUI卸载工具的情况下：     第一步：停用所有Oracle相关的已启动的服务；     第二步：找到OUI卸载工具：在“开始”菜单中找到“oracle_OraDb11g_home”文件夹中         &
  • apache 的access.log 日志文件太大如何解决 darkranger apache
    CustomLog logs/access.log common  此写法导致日志数据一致自增变大。 直接注释上面的语法 #CustomLog logs/access.log common 增加： CustomLog "|bin/rotatelogs.exe -l logs/access-%Y-%m-d.log 
  • Hadoop单机模式环境搭建关键步骤 aijuans 分布式
            Hadoop环境需要sshd服务一直开启，故，在服务器上需要按照ssh服务，以Ubuntu Linux为例，按照ssh服务如下： sudo apt-get install ssh sudo apt-get install rsync 编辑HADOOP_HOME/conf/hadoop-env.sh文件，将JAVA_HOME设置为Java
  • PL/SQL DEVELOPER 使用的一些技巧 atongyeye javasql
    1 记住密码 这是个有争议的功能，因为记住密码会给带来数据安全的问题。 但假如是开发用的库，密码甚至可以和用户名相同，每次输入密码实在没什么意义，可以考虑让PLSQL Developer记住密码。 位置：Tools菜单－－Preferences－－Oracle－－Logon HIstory－－Store with password 2 特殊Copy 在SQL Window
  • PHP：在对象上动态添加一个新的方法 bardo 方法动态添加闭包
    有关在一个对象上动态添加方法，如果你来自Ruby语言或您熟悉这门语言，你已经知道它是什么...... Ruby提供给你一种方式来获得一个instancied对象，并给这个对象添加一个额外的方法。   好！不说Ruby了，让我们来谈谈PHP   PHP未提供一个“标准的方式”做这样的事情，这也是没有核心的一部分...   但无论如何，它并没有说我们不能做这样
  • ThreadLocal与线程安全 bijian1013 javajava多线程threadLocal
    首先来看一下线程安全问题产生的两个前提条件：  1.数据共享，多个线程访问同样的数据。  2.共享数据是可变的，多个线程对访问的共享数据作出了修改。    实例：         定义一个共享数据： public static int a = 0;        
  • Tomcat 架包冲突解决 征客丶 tomcatWeb
    环境： Tomcat 7.0.6 win7 x64 错误表象：【我的冲突的架包是：catalina.jar 与 tomcat-catalina-7.0.61.jar 冲突，不知道其他架包冲突时是不是也报这个错误】 严重: End event threw exception java.lang.NoSuchMethodException: org.apache.catalina.dep
  • 【Scala三】分析Spark源代码总结的Scala语法一 bit1129 scala
    Scala语法 1. classOf运算符 Scala中的classOf[T]是一个class对象，等价于Java的T.class,比如classOf[TextInputFormat]等价于TextInputFormat.class    2. 方法默认值 defaultMinPartitions就是一个默认值，类似C++的方法默认值    
  • java 线程池管理机制 BlueSkator java线程池管理机制
    编辑 Add Tools   jdk线程池   一、引言 第一：降低资源消耗。通过重复利用已创建的线程降低线程创建和销毁造成的消耗。第二：提高响应速度。当任务到达时，任务可以不需要等到线程创建就能立即执行。第三：提高线程的可管理性。线程是稀缺资源，如果无限制的创建，不仅会消耗系统资源，还会降低系统的稳定性，使用线程池可以进行统一的分配，调优和监控。  
  • 关于hql中使用本地sql函数的问题（问-答） BreakingBad HQL存储函数
    转自于：http://www.iteye.com/problems/23775 问： 我在开发过程中，使用hql进行查询（mysql5）使用到了mysql自带的函数find_in_set()这个函数作为匹配字符串的来讲效率非常好，但是我直接把它写在hql语句里面（from ForumMemberInfo fm,ForumArea fa where find_in_set(fm.userId,f
  • 读《研磨设计模式》-代码笔记-迭代器模式-Iterator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.Arrays; import java.util.List; /** * Iterator模式提供一种方法顺序访问一个聚合对象中各个元素，而又不暴露该对象内部表示 * * 个人觉得，为了不暴露该
  • 常用SQL chenjunt3 oraclesqlC++cC#
    --NC建库 CREATE TABLESPACE NNC_DATA01 DATAFILE 'E:\oracle\product\10.2.0\oradata\orcl\nnc_data01.dbf' SIZE 500M AUTOEXTEND ON NEXT 50M EXTENT MANAGEMENT LOCAL UNIFORM SIZE 256K ; CREATE TABLESPA
  • 数学是科学技术的语言 comsci 工作活动领域模型
      从小学到大学都在学习数学，从小学开始了解数字的概念和背诵九九表到大学学习复变函数和离散数学，看起来好像掌握了这些数学知识，但是在工作中却很少真正用到这些知识，为什么？    最近在研究一种开源软件-CARROT2的源代码的时候，又一次感觉到数学在计算机技术中的不可动摇的基础作用，CARROT2是一种用于自动语言分类（聚类）的工具性软件，用JAVA语言编写，它
  • Linux系统手动安装rzsz 软件包 daizj linuxszrz
    1、下载软件 rzsz-3.34.tar.gz。登录linux，用命令 wget http://freeware.sgi.com/source/rzsz/rzsz-3.48.tar.gz下载。 2、解压 tar zxvf  rzsz-3.34.tar.gz 3、安装  cd rzsz-3.34 ; make posix 。注意：这个软件安装与常规的GNU软件不
  • 读源码之:ArrayBlockingQueue dieslrae java
        ArrayBlockingQueue是concurrent包提供的一个线程安全的队列,由一个数组来保存队列元素.通过 takeIndex和 putIndex来分别记录出队列和入队列的下标,以保证在出队列时 不进行元素移动. //在出队列或者入队列的时候对takeIndex或者putIndex进行累加,如果已经到了数组末尾就又从0开始,保证数
  • C语言学习九枚举的定义和应用 dcj3sjt126com c
    枚举的定义 # include <stdio.h> enum WeekDay { MonDay, TuesDay, WednesDay, ThursDay, FriDay, SaturDay, SunDay }; int main(void) { //int day; //day定义成int类型不合适 enum WeekDay day = Wedne
  • Vagrant 三种网络配置详解 dcj3sjt126com vagrant
    Forwarded port Private network Public network Vagrant 中一共有三种网络配置，下面我们将会详解三种网络配置各自优缺点。 端口映射(Forwarded port)，顾名思义是指把宿主计算机的端口映射到虚拟机的某一个端口上，访问宿主计算机端口时，请求实际是被转发到虚拟机上指定端口的。Vagrantfile中设定语法为： c
  • 16.性能优化-完结 frank1234 性能优化
    性能调优是一个宏大的工程，需要从宏观架构(比如拆分，冗余，读写分离，集群，缓存等)， 软件设计（比如多线程并行化，选择合适的数据结构）， 数据库设计层面（合理的表设计，汇总表，索引，分区，拆分，冗余等） 以及微观（软件的配置，SQL语句的编写，操作系统配置等）根据软件的应用场景做综合的考虑和权衡，并经验实际测试验证才能达到最优。 性能水很深， 笔者经验尚浅 ，赶脚也就了解了点皮毛而已，我觉得
  • Word Search hcx2013 search
    Given a 2D board and a word, find if the word exists in the grid. The word can be constructed from letters of sequentially adjacent cell, where "adjacent" cells are those horizontally or ve
  • Spring4新特性——Web开发的增强 jinnianshilongnian springspring mvcspring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装配置tengine并设置开机启动 liuxingguome centos
    yum install gcc-c++  yum install pcre pcre-devel  yum install zlib zlib-devel  yum install openssl openssl-devel Ubuntu上可以这样安装 sudo aptitude install libdmalloc-dev libcurl4-opens
  • 第14章 工具函数（上） onestopweb 函数
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Xelsius 2008 and SAP BW at a glance blueoxygen BOXelsius
    Xelsius提供了丰富多样的数据连接方式，其中为SAP BW专属提供的是BICS。那么Xelsius的各种连接的优缺点比较以及Xelsius是如何直接连接到BEx Query的呢？ 以下Wiki文章应该提供了全面的概览。   http://wiki.sdn.sap.com/wiki/display/BOBJ/Xcelsius+2008+and+SAP+NetWeaver+BW+Co
  • oracle表空间相关 tongsh6 oracle
    在oracle数据库中，一个用户对应一个表空间，当表空间不足时，可以采用增加表空间的数据文件容量，也可以增加数据文件，方法有如下几种： 1.给表空间增加数据文件    ALTER TABLESPACE "表空间的名字" ADD DATAFILE    '表空间的数据文件路径' SIZE 50M;   &nb
  • .Net framework4.0安装失败 yangjuanjava .netwindows
    上午的.net framework 4.0，各种失败，查了好多答案，各种不靠谱，最后终于找到答案了 和Windows Update有关系，给目录名重命名一下再次安装，即安装成功了！ 下载地址：http://www.microsoft.com/en-us/download/details.aspx?id=17113 方法： 1.运行cmd，输入net stop WuAuServ 2.点击开
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他