小鑫的java
小鑫的java

javascript_上课代码

<html>
   <head>
     <!-- js-23 表单验证-2 -->
     <style>

       span {color:red;font-size:10}
     </style>
     <script>
        var rules = [ "name.length<2 || "+
                      "name.length>8 ",
                      "pwd1.length<6 ",
                      "pwd2.length<6 || "+
                      "pwd1 != pwd2",
                      "name.length<2 || "+
                      "name.length>8 || "+
                      "pwd_1.length<6 || "+
                      "pwd_2.length<6 || "+
                      "pwd_1 != pwd_2"];
        function check_username(){
           var rule = rules[0];
           var name = form1.username.value;
           var n = document.getElementById("nerror");
           if(eval(rule)){
             n.innerHTML="用户名长度2-8个字符!";
           }else{
             n.innerHTML="";
           }
        }
        function check_pwd1(){
           var rule = rules[1] ;
           var pwd1 = form1.pwd1.value;
           var p = document.getElementById("p1error");
           if(eval(rule)){
             p.innerHTML="密码长度必须长于6个字符!";
           }else{
             p.innerHTML="";
           }
        }
        function check_pwd2(){
           var rule = rules[2];
           var pwd1 = form1.pwd1.value;
           var pwd2 = form1.pwd2.value;
           var p = document.getElementById("p2error");
           if(eval(rule)){
             p.innerHTML="长度须长于6个字符/两次输须相同!";
           }else{
             p.innerHTML="";
           }
        }
        function check(){
          var rule = rules[3];
          var r = true;
          with(form1){
            var name = username.value;
            var pwd_1 = pwd1.value;
            var pwd_2 = pwd2.value;
            if(eval(rule)){
               r = false;
            }
          }
          return r;
        }
     </script>
   </head>
   <body>
      <table height="10%"><tr><td></td></tr></table>
      <table align="center"> 
       <form action="" onSubmit="return check();"
             name="form1">
         <tr align="center" bgcolor="#FFFFCC">
           <td colspan="2">注册表格</td>
         </tr>
         <tr>
           <td>姓名:</td>
           <td>
             <input type="text" name="username"
                    onBlur="check_username()"/>
             <span id="nerror"></span>
           </td>
         </tr>
         <tr>
           <td>密码:</td>
           <td>
             <input type="password" name="pwd1"
                    onBlur="check_pwd1()"/>
             <span id="p1error"></span>
           </td>
         </tr>
         <tr>
           <td>再次输入密码:</td>
           <td>
             <input type="password" name="pwd2"
                    onBlur="check_pwd2()"/>
             <span id="p2error"></span>
           </td>
         </tr>
         <tr>
           <td>性别:</td>
           <td>
             男<input type="radio" name="gender" 
                      value="male" checked/>
             女<input type="radio" name="gender" 
                      value="female" />
           </td>
         </tr>
         <tr>
           <td>学历:</td>
           <td>
             <select name="xueli">
                <option value="gaozhong">高中
                <option value="dazhuan">大专
                <option value="daben">大本
                <option value="yanjiusheng">研究生
             </select>
           </td>
         </tr>
         <tr>
           <td>爱好:</td>
           <td>
             游泳<input type="checkbox" name="hubby"
                        value="swimming"/>
             旅游<input type="checkbox" name="hubby"
                        value="travel"/>
             足球<input type="checkbox" name="hubby"
                        value="football"/>
             篮球<input type="checkbox" name="hubby"
                        value="basketball"/>
             排球<input type="checkbox" name="hubby"
                        value="valleyball"/>
           </td>
         </tr>
         <tr>
           <td>简历:</td>
           <td>
             <textarea name="resume"
                       cols="20"
                       rows="3"></textarea>
           </td>
         </tr>
         <tr align="center" bgcolor="#FFFFCC">
           <td colspan="2">
             <input type="submit" />
           </td>
         </tr>
       </form>
      </table>
   <body>
</html>



********************************************
<html>
<head><title>注册页面</title>
        <script language="javascript" type="text/javascript">
            function showExtends(){
                var table = document.getElementById("extends");
                var display = table.style.display;
                if( display == 'none') {
                    table.style.display = 'block';
                }else if( display == 'block') {
                    table.style.display = 'none';
                }
            }

            function init() {
                var user = document.getElementById("username");
                user.focus();
            }
        </script>
</head>
<body onload="init()">
<h1 align="center">注册页面</h1>
<hr>
<form  action="">
<table align="center" border="1" width="700" height="160">
<tr>
    <td colspan="2"  align="center"><i><b>注册信息</b></i></td></tr>
<tr>
    <td width="250">用户名：</td>
        <td><input id="username" type="text" name="username"/></td>
</tr>
<tr>
    <td >密码：</td>
        <td><input type="password" name="pwd"/></td>
</tr>
<tr>
        <td >确认密码：</td>
        <td><input type="passeord" name="surepwd"/></td>
</tr>
<tr>
         <td >高级选项：</td>
        <td><input type="checkbox" name="gaoji" value="xuanxiang" onclick="showExtends()"/>显示用户扩展信息设置选项</td>
</tr>
</form>
</table>
<hr>
<form  action="">
<table id="extends" align="center" border="1" width="700" height="300" style="display:none">
<tr>
    <td colspan="2"  align="center"><i><b>扩展信息</b></i></td></tr>
<tr>
    <td width="250">安全问题：</td>
        <td><select name="anquan">
            <option value="wu">无安全问题
            <option value="anquan1">你的名字
            <option value="anquan2">你的年龄
            </select>
        </td>
</tr>
<tr>
    <td >回答：</td>
        <td><input type="text" name="answer"/></td>
</tr>
<tr>
        <td >性别：</td>
        <td>男<input type="radio" name="gender" value="male" checked/>
        女<input type="radio" name="gender" value="female" /></td>
</tr>
<tr>
         <td >生日：</td>
        <td><input type="text" name="answer" value="YYYY-MM-DD" onfocus="this.value=''"/></td>
</tr>
<tr>
         <td >爱好：</td>
        <td>
    <input type="checkbox" name="hubby" value="shangwang"/>上网
    <input type="checkbox" name="hubby" value="liaotian"/>聊天
    <input type="checkbox" name="hubby" value="xuexi"/>学习<br>
    <input type="checkbox" name="hubby" value="youxi"/>游戏
    <input type="checkbox" name="hubby" value="lanqiu"/>篮球
    <input type="checkbox" name="hubby" value="football"/>足球
    </td>
</tr>
<tr>
         <td >个人介绍：</td>
        <td>
    <textarea name="resume" cols="40" rows="3"></textarea>
    </td>
</tr>
<tr>
         <td colspan="2"  align="center">
    <input type="submit" name="submit1" value="提交"/>
    <input type="submit" name="reset1" value="重置"/></td>
        
</tr>
</form>
</body>
</html> 
********************************************
<html>
<head>
    <title>javascipt</title>
    <script src="1.js"></script>
    <script>
    function myopen(){
    window.open('http://www.hao123.com');
    }
    </script>
</head>
<body>
    <input type="button" value="Click me 1"
        onClick="window.open('http://www.hao123.com')"/>
    <br>
    <input type="button" value="Click me 2"
        onClick="myopen()"/>
    <br>
    <input type="button" value="Click me 3"
        onClick="myopen2()"/>
</body>
</html>
<!-- 
1.js
function myopen2(){
    window.open('http://www.hao123.com');
} 

-->
***********************************************************
<html>
<head>
    <script>
    function sayHello(){
    var c=confirm("hao ma?");
    if(c){
    var m=prompt("xing:");
    alert(m+"你好 huanying");
    }
    else{
    alert("888");
    }
    
    }
    sayHello();
    </script>
</head>
<body></body>
</html>
********************************************************
 <html>
  <head>
    <script>
       var x = "hello";
       function sayHello(msg){
         var x = 500;
         document.write(x)
       }
       sayHello("你好");
       document.write("<br>"+x);
    </script>
  </head>
  <body></body>
</html>
***********************************************************
<html>
  <head>
     <!-- js-10 计时器-1 网页时钟 -->
     <style>
        div{background-color:yellow}
     </style>
     <script>
        var tid = null;
        function flush_timer(){
          var date = new Date();
          var timer = document.getElementById("timer");
          timer.innerHTML=date.toLocaleString();
        }
        function start(){
           if(tid==null){
             tid = setInterval("flush_timer()",1000);
           }
        }
        function stop(){
           if(tid!=null){
             clearInterval(tid);
             tid = null;
           }
        }

     </script>
     <body>
        <table align="center">
           <tr>
             <td>
               <div id="timer"></div>
             </td>
           </tr>
           <tr>
             <td>
               <input type="button" value="开始"
                      onClick="start()" />
               <input type="button" value="停止"
                      onClick="stop()"/>
             </td>
           </tr>
        
        </table>
     </body>
  </head>
</html>
****************************************
<html>
  <head>
     <!-- js-11 计时器-2 自动滚屏 -->
     <script>
        var tid = null;
        function auto_scroll(){
           window.scrollBy(0,1);
        }
         function start(){
           if(tid==null){
             tid = setInterval("auto_scroll()",20);
           }
        }
        function stop(){
           if(tid!=null){
             clearInterval(tid);
             tid = null;
           }
        }
             

     </script>
     <body>
        <table align="center">
           <tr>
             <td>
               <input type="button" value="开始"
                      onClick="start()" />
               <input type="button" value="停止"
                      onClick="stop()"/>
             </td>
           </tr>
        </table>
     </body>
  </head>
</html>
**************************************************
<html>
  <head>
     <!-- js-14 窗口最大化 -->
     <script>
        function resize_to_largest(){
          moveTo(0,0);
        resizeTo(screen.width,screen.height);
        }
     </script>
  </head>
  <body>
     <div onclick="resize_to_largest()">Click me to largest!</div>
  </body>
</html>     
***************************************************
history的使用
<html>
    <head>
        <script>
        </script>
    </head>
    <body>
       <h2>本页为history16.html</h2>
         <div onclick="history.back()">上一页</div>
     <div onclick="history.forward()">下一页</div>
     <div onclick="history.go(0)">刷新</div>
     <a href="history17.html">history17.html</a>

    </body>
</html>
  
<html>
    <head>
        <script>
        </script>
    </head>
    <body>
       <h2>本页为history17.html</h2>
         <div onclick="history.back()">上一页</div>
     <div onclick="history.forward()">下一页</div>
     <div onclick="history.go(0)">刷新</div>
     <a href="history18.html">history18.html</a>

    </body>
</html>
 
<html>
    <head>
        <script>
        </script>
    </head>
    <body>
       <h2>本页为history18.html</h2>
         <div onclick="history.back()">上一页</div>
     <div onclick="history.forward()">下一页</div>
     <div onclick="history.go(0)">刷新</div>
     <a href="history16.html">history16.html</a>

    </body>
</html>
 
 ********************************************************
<html>
    <head>
        <style>
        </style>
        <script>
            var tid = null;
              var step=10;
            function move_new(){
                if(window.screenX>300){
                    step =-10;
                }
               if(window.screenX<100){
                    step =10;
                }
                moveBy(step, 0);
            }
            
            function start(){
                if (tid == null) {
                    tid = window.setInterval("move_new()", 20);
                }
            }
            
            function stop(){
                if (tid != null) {
                    window.clearInterval(tid);
                    tid = null;
                }
            }
        </script>
    </head>
    <body>
        <table>
            <tr bgcolor="pink">
                <td>
                    <div id="timer">
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="button" value="移动" onClick="start()"/>
                      <input type="button" value="停止" onClick="stop()"/>
                </td>
            </tr>
        </table>
    </body>
</html>
**************************************
<html>
  <head>
     <!-- js-19  navigator -->
     <script>
       function getInfo(){
         var info = "";
         for(var prop in navigator){
           info = info + prop +
           "="+navigator[prop]+"<br>";
         }
         document.write(info);
       }
       getInfo();
     </script>
  </head>
  <body></body>
</html>    

************************************
<html>
  <head>
     <!-- js-20  location -->
     <script>
       function changePage(){
         alert("当前url:"+location.href);
         location.replace("http://bbs.tarena.com.cn");
       }
     </script>
  </head>
  <body>
    <div onclick="changePage()">改变url</div>
  </body>
</html>     
**************************************
<html>
  <head>
     <!-- js-21  冒泡 -->
     
  </head>
  <body>
     <form name="form1" onclick="alert('form1')">
        <input type="button" value="冒泡" 
           onclick="alert('button')"/>
     </form>  
  </body>
</html>

 

你可能感兴趣的:(JavaScript,html,游戏,旅游,网页游戏)

  • JavaScript基础-API 和 Web API 難釋懷 前端javascript开发语言
    在现代Web开发中，API（应用程序接口）是连接不同软件组件或系统之间的桥梁。对于前端开发者来说，JavaScript与WebAPI的结合使用尤为重要，它使得我们可以访问浏览器提供的各种功能和服务，从而构建出交互性更强、用户体验更好的网页应用。本文将介绍API的基本概念，重点探讨WebAPI及其在JavaScript中的应用。一、什么是API？API全称为“ApplicationProgrammi
  • 负载均衡策略之轮询策略 Time-Traveler Python算法与数据结构
    本文转自:https://mozillazg.com/2019/02/load-balancing-strategy-algorithm-weighted-round-robin.html#hidround-robin,尊重原创前言:本文简单介绍一下轮询(RoundRobin)这个负载均衡策略。轮询选择(RoundRobin):轮询选择指的是从已有的后端节点列表中按顺序依次选择一个节点出来提供服务
  • 4（四） Jmeter自动化报表html生成 夜晚打字声 工具jmeter自动化运维
    从JMeter3.0开始已支持自动生成动态报告，我们可以更容易根据生成的报告来完成我们的性能测试报告。如何生成html测试报告如果未生成结果文件（.jtl）,可运行如下命令生成报告:jmeter-n-ttest.jmx-lresult.jtl-e-o/tmp/ResultReport参数:-n：以非GUI形式运行Jmeter-t：source.jmx脚本路径-l：运行结果保存路径（.jtl）,此文
  • Vue相关面试题 努力的搬砖人. vue.js
    以下是150道Vue相关面试题及详细答案：Vue基础1.Vue.js是什么？Vue.js是一个用于构建用户界面的渐进式JavaScript框架，专注于视图层，允许开发者以声明式的方式构建用户界面，具有轻量、高效、易上手等特点。2.Vue实例的作用是什么？Vue实例是应用程序的核心，它管理数据、方法、生命周期钩子等，通过数据双向绑定将数据与视图层连接起来，实现数据驱动视图。3.如何创建一个Vue实例
  • 【概念】Node.js，Express.js MongoDB Mongoose Express-Validator Async Handler 一袋米扛几楼98 各类概念node.jsexpressjavascript
    1.Node.js定义：Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，允许你在服务器端运行JavaScript代码。作用：它使得开发者可以使用JavaScript编写服务器端代码，从而实现前后端使用同一种语言。比喻：Node.js就像是“工厂的电力系统”，它为整个工厂（应用程序）提供动力（运行环境）。没有电力系统，工厂的机器（代码）就无法运转。特点：非阻塞I/O：N
  • JavaScript基础-DOM事件流 難釋懷 javascript开发语言
    在Web开发过程中，理解和掌握DOM事件流是实现高效交互的关键。DOM事件流描述了当一个事件发生时，它在文档树中的传播路径。了解事件流的概念有助于我们更精确地控制事件处理逻辑，避免不必要的行为，并提升用户体验。本文将深入探讨DOM事件流的基本概念，包括事件捕获、目标阶段和事件冒泡，并通过示例展示如何应用这些知识。一、什么是DOM事件流？DOM事件流是指事件在整个页面结构中传播的过程。根据W3C标准
  • jquery基础和导航栏 声声codeGrandMaster djangopython后端
    jquery基础和导航栏目录1jQuery基础2jQuery事件3jQuery影藏和显示4jQuery滑动5、区块属性6、导航栏1jQuery基础介绍jQuery是一个JavaScript库。jQuery极大地简化了JavaScript编程。jQuery很容易学习。基础语法：$(selector).action()美元符号定义jQuery选择符（selector）“查询"和"查找”HTML元素jQ
  • C++基础系列【26】排序和查找算法 程序喵大人 C++基础系列c语言算法开发语言c++
    博主介绍：程序喵大人35-资深C/C++/Rust/Android/iOS客户端开发10年大厂工作经验嵌入式/人工智能/自动驾驶/音视频/游戏开发入门级选手《C++20高级编程》《C++23高级编程》等多本书籍著译者更多原创精品文章，首发gzh，见文末记得订阅专栏，以防走丢C++基础系列专栏C语言基础系列专栏C++大佬养成攻略专栏C++训练营排序与查找算法的重要性不用过多介绍了吧，面试也经常考察。
  • Pygame实现记忆拼图游戏3 棉猴 #记忆拼图游戏的编写pygamepython开发语言python游戏编程python游戏代码
    在游戏启动时，需要设置游戏中图案的初始排列，该功能由自定义函数getRandomizedBoard()实现。1按顺序产生游戏所需的不同图案在getRandomizedBoard()中，首先按顺序产生游戏中所需的不同图案。在《Pygame实现记忆拼图游戏2》中提到，游戏中所用的7种颜色保存在ALLCOLORS中，所用的5种形状保存在ALLSHAPES中，通过for循环可以实现7×5=35种组合，代码
  • 阿里云全球节点：技术无国界，开发者如何借力数字新基建 AWS官方合作商 阿里云云计算服务器
    在全球化进程加速的今天，开发者与企业的技术需求早已跨越地理边界。无论是跨境电商的数据同步、游戏出海的低延迟保障，还是跨国团队的高效协作，服务器的地理位置与稳定性直接决定了业务的成败。阿里云作为国内最早布局全球化基础设施的云服务商之一，其海外服务器的核心价值并非简单的“资源覆盖”，而是通过技术架构与本地化服务，为开发者构建了一张无缝连接的“数字高速公路”。一、全球化的本质：不止于服务器，而是技术普惠
  • 使用Pygame实现记忆拼图游戏 点我头像干啥 Aipygamepython开发语言
    引言记忆拼图游戏是一种经典的益智游戏，玩家需要通过翻转卡片来匹配相同的图案。这类游戏不仅能够锻炼玩家的记忆力，还能带来很多乐趣。本文将详细介绍如何使用Pygame库来实现一个简单的记忆拼图游戏。我们将从Pygame的基础知识开始，逐步构建游戏的各个部分，最终完成一个完整的游戏。1.Pygame简介Pygame是一个用于编写视频游戏的Python库，它基于SDL库（SimpleDirectMedia
  • .gitlab-ci.yml 配置文件详解 程序媛夏天 Gitgitlabci/cd.gitlab-ci.yml
    个人主页：不爱吃糖的程序媛‍♂️作者简介：前端领域新星创作者、CSDN内容合伙人，专注于前端各领域技术，成长的路上共同学习共同进步，一起加油呀！✨系列专栏：前端面试宝典、JavaScript进阶、vue实战资料领取：前端进阶资料以及文中源码可以在公众号“不爱吃糖的程序媛”领取git工具文档说明：https://docs.gitlab.com/ee/ci/yaml/gitlab_ci_yaml.ht
  • 医疗旅游发展方案 cainiaojunshi 旅游软件思路预算方案
    一、策划目标在深入剖析医疗旅游市场环境的基础上，设计出针对中低端市场的医疗旅游产品，通过有效的冷启动推广策略，实现项目的初步盈利与客户积累，逐步树立专业品牌形象，建立客户信任机制，形成可复制、可规模化的商业模式。二、医疗旅游发展环境分析（一）费用对比以根管治疗为例，国内外费用差异显著。以下通过表格对比能更直观呈现：项目国内费用（人民币）国外（以美国为例）费用（人民币）根管治疗费用500-2000元
  • 学习111 麋鹿叔叔 学习
    项目名称项目简介主要功能技术原理GitHub地址browser-use智能浏览器工具，让AI像人类一样操作浏览器，实现网页自动化网页浏览与操作、多标签页管理、视觉识别与内容提取、操作记录与重复执行、自定义动作支持、主流LLM模型支持为大语言模型服务的创新Python工具库GitHubEkoFellouAI推出的生产就绪型JavaScript框架，基于自然语言驱动创建智能代理支持所有平台，提供统一便
  • HTTP请求过程详解 酥暮沐 http网络协议网络
    一、整体流程概述HTTP请求过程从用户输入URL开始，到页面完成渲染结束，主要分为DNS解析、建立连接、发送请求、处理响应、渲染页面、断开连接六个核心阶段。重要：当用户输入URL后，浏览器首先解析域名，通过DNS查询获取服务器IP。接着通过三次握手建立TCP连接，如果是HTTPS还会进行TLS加密协商。然后浏览器发送HTTP请求，服务器处理后返回响应数据。浏览器解析HTML/CSS，构建DOM和渲
  • html hover作用另外一个对象,css:hover状态改变另一个元素样式的使用 吃货喵 htmlhover作用另外一个对象
    效果演示css:hover状态改变另一个元素样式的使用.box{width:150px;height:150px;background-color:#069;line-height:150px;text-align:center;margin:20px0;color:#FFF;}.change{font-size:20px;color:#0cf;}/*情景一：两个是兄弟元素*/.box:hover
  • 单页响应式 图片懒加载HTML页面 Wiktok cssjavascript前端
    设计说明响应式设计：使用CSSGrid布局，根据屏幕宽度自动调整色块数量在不同设备上都有良好的显示效果懒加载：使用标签的loading="lazy"属性实现原生懒加载图片在滚动到视口附近时才会加载色块展示：使用随机生成的色块作为内容展示每个色块都有独特的颜色和编号色块有悬停效果和阴影效果分类展示：将色块分为自然风光、城市建筑和抽象艺术三类每类都有独立的标题和网格布局响应式懒加载页面*{margin
  • CSS实现当鼠标停留在一个元素上时，使得两个元素的样式发生改变 Lipn 前端CSScss前端
    这里我们实现一个鼠标停留在input框时，使得input和button两个元素的边框都变颜色首先该元素结构如下，HTML是这样的第一步：当鼠标悬停在input上时，使用css伪类选择器，代码如下：这里空格是后代选择器，:hover是伪类选择器.testinput:hover{}第二步：当鼠标悬停在input上时，选中button元素：从html可以看到input和button属于兄弟关系，相邻兄弟
  • Spring系列学习之Spring Messaging消息支持 m0_74825488 面试学习路线阿里巴巴springlinqjava
    英文原文：https://docs.spring.io/spring-boot/docs/current/reference/html/boot-features-messaging.html目录JMSActiveMQ支持Artemis支持使用JNDIConnectionFactory发送消息接收消息AMQPRabbitMQ支持发送消息接收消息ApacheKafka支持发送消息接收消息Kafka流
  • C++小游戏——迷宫探险 Duke369rose C++c++算法开发语言小游戏
    一个C++小游戏，编译和运行耗时都有点长，麻烦大神提点建议。联系邮箱：Duke369rose@outlook.comexe文件见文章顶部代码#include#include#include#include//定义迷宫单元格类型enumCellType{WALL,PATH,START,END,TREASURE};//迷宫类classMaze{public:Maze(intwidth,intheigh
  • Javascript基础 GesLuck javascript开发语言ecmascript
    目录1.变量声明2.基本数据类型3.复杂数据类型4.字符串方法5.对象方法6.时间方法7.条件（if）8.循环（for/while）9.遍历（forin/of）10.多选（Switch）END1.变量声明const：除非变量需要重新赋值（优先使用）——consta=true;let：需要修改值时使用{大括号内用}（其次使用）——letb="hello"var：除非维护旧代码（避免使用）——varc
  • HTML5前端第七章节 NaZiMeKiY HTML51024程序员节
    本章节为前端网页页面实战，包含我们之前所学的全部内容一.创建项目目录1.网站根目录：网站根目录指的是存放网站的第一层文件夹，内部包含当前网站的所有素材，包含HTML，CSS，需要的素材图片等等2.根目录之下的文件夹（1）.images文件夹：存放固定使用的图片素材（2）.uploads文件夹：存放非固定使用的图片素材（3）.CSS文件夹：存放CSS文件（使用link标签引入）在CSS文件夹中又分为
  • JavaScript 箭头函数使用总结及注意事项（适合新手到进阶） 我真聪明。 javascript开发语言ecmascript
    箭头函数（=>）是ES6的核心特性之一，它简化了函数写法并改变了this的指向逻辑，但在使用时需要明确其适用场景和限制。以下是详细总结：一、箭头函数核心特点简洁语法：//传统函数constadd=function(a,b){returna+b;};//箭头函数constadd=(a,b)=>a+b;//单行省略returnconstadd=(a,b)=>{returna+b;};//多行需显式re
  • 使用 React 和 Cypress 进行单元测试 pxr007 单元测试react.jsjunit
    每个开发人员都希望发布一个没有错误的生产应用程序。为了实现这一点，我们需要考虑如何将测试集成到我们的应用程序中。我们可以使用许多测试工具、框架和测试类型。Cypress是一个现代化的自动化测试套件。它是一个基于JavaScript的完全开源的测试框架，由Mocha和Chai等支持BDD和TDD断言样式的库构建。此外，如果您熟悉用JavaScript编写测试，那么使用Cypress会很容易。Cypr
  • 笔记本装机系统选择指南 mmoo_python windows
    笔记本装机系统选择指南在众多笔记本用户中，选择一款合适的装机系统始终是一个热门话题。不同的系统不仅影响着电脑的性能，还关乎用户的使用体验和安全性。那么，在众多装机系统中，哪款最适合你的笔记本呢？本文将为你推荐几款热门的笔记本装机系统，帮助你做出明智的选择。一、游戏本专用：Windows1064位性能优化专业版对于游戏爱好者来说，一款高性能的游戏本是必不可少的装备。而为了充分发挥游戏本的潜力，一个专
  • 电脑分区c盘放多大最好，合理规划建议 惊鸿一梦q 电脑
    电脑分区时C盘（系统盘）的大小设置是一个相对灵活的问题，它取决于多个因素，包括硬盘容量、操作系统类型、个人使用习惯以及未来可能的扩展需求等。以下是一些关于C盘大小设置的建议：操作系统需求：对于Windows操作系统，通常建议为系统盘预留至少50GB的空间。这是为了确保操作系统有足够的空间进行日常更新、临时文件存储以及系统缓存等操作。如果计划安装多个大型软件或游戏，或者需要存储大量的系统备份和恢复点
  • Linux骨灰级玩家修炼秘籍！从零基础到精通，收藏这篇就够了！ 程序员肉肉 linux运维服务器网络学习oracle数据库
    Linux骨灰级玩家修炼秘籍！99.99%的人已跪！Linux运维？想玩转它？那可得经历九九八十一难！咱得把这事儿分成四个阶段：新手村、进阶副本、高手进阶、以及最终的封神之路！之前爆肝半年，搞了篇云计算学习路线，新手直接起飞，从小白到大神！第一阶段：新手村新手村里，你得先把Linux这游戏的基本操作摸透。别急，一步一个脚印，咱得有个路线图。新手上路：Linux的前世今生、基本指令（比如cp、ls、
  • python接口自动化 全世界最帅的男人 python自动化开发语言
    Python是一种非常流行的编程语言，也是许多接口自动化测试框架的首选语言。下面是一个简单的接口自动化测试框架的思路：1.安装必要的库和工具：在Python中，我们可以使用requests库来发送HTTP请求，使用unittest库来编写测试用例，使用HTMLTestRunner库来生成测试报告。此外，我们还需要安装一个代码编辑器，如PyCharm或VSCode。2.创建测试用例：编写测试用例是接
  • 前端小食堂 | Day17 - 前端安全の金钟罩 喵爪排序 前端安全状态模式
    ️今日盾牌：XSS/CSRF攻防全解析1.XSS防御の三重结界//危险操作：直接渲染未过滤内容document.getElementById('content').innerHTML=userInput;//✅安全姿势一：文本转义constescapeHTML=(str)=>{constmap={'&':'&','':'>','"':'"',"'":'''};ret
  • H5 毛玻璃个人简约引导页源码 caslncas 源码html5
    源码名称：毛玻璃个人简约引导页源码源码介绍：一款毛玻璃引导页源码，可以大量添加旗下站点和友情链接。手机端、电脑端背景自适应。需求环境：H5下载地址：https://www.changyouzuhao.cn/11921.html
  • linux系统服务器下jsp传参数乱码 3213213333332132 javajsplinuxwindowsxml
    在一次解决乱码问题中， 发现jsp在windows下用js原生的方法进行编码没有问题，但是到了linux下就有问题， escape,encodeURI,encodeURIComponent等都解决不了问题 但是我想了下既然原生的方法不行，我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码，最后在绝望之际，用了下面的方法解决了
  • Spring 注解区别以及应用 BlueSkator spring
    1. @Autowired @Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean，或者不存在UserDao类型的bean，会抛出 BeanCreationException异常，这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。   2. @Qualifier 当spring中存在至少一个匹
  • printf和sprintf的应用 dcj3sjt126com PHPsprintfprintf
    <?php printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80); echo '<br />'; printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456); printf('th
  • config.getInitParameter 171815164 parameter
    web.xml <servlet> <servlet-name>servlet1</servlet-name> <jsp-file>/index.jsp</jsp-file> <init-param> <param-name>str</param-name>
  • Ant标签详解--基础操作 g21121 ant
            Ant的一些核心概念：         build.xml：构建文件是以XML 文件来描述的，默认构建文件名为build.xml。        project：每个构建文
  • [简单]代码片段_数据合并 53873039oycg 代码
            合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。         代码如下:        
  • java 通信技术 云端月影 Java 远程通信技术
    在分布式服务框架中，一个最基础的问题就是远程服务是怎么通讯的，在Java领域中有很多可实现远程通讯的技术，例如：RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等，这些名词之间到底是些什么关系呢，它们背后到底是基于什么原理实现的呢，了解这些是实现分布式服务框架的基础知识，而如果在性能上有高的要求的话，那深入了解这些技术背后的机制就是必须的了，在这篇blog中我们将来
  • string与StringBuilder 性能差距到底有多大 aijuans
              之前也看过一些对string与StringBuilder的性能分析，总感觉这个应该对整体性能不会产生多大的影响，所以就一直没有关注这块！         由于学程序初期最先接触的string拼接，所以就一直没改变过自己的习惯！        
  • 今天碰到 java.util.ConcurrentModificationException 异常 antonyup_2006 java多线程工作IBM
    今天改bug，其中有个实现是要对map进行循环，然后有删除操作，代码如下： Iterator<ListItem> iter = ItemMap.keySet.iterator(); while(iter.hasNext()){ ListItem it = iter.next(); //...一些逻辑操作 ItemMap.remove(it); } 结果运行报Con
  • PL/SQL的类型和JDBC操作数据库 百合不是茶 PL/SQL表标量类型游标PL/SQL记录
    PL/SQL的标量类型:    字符,数字,时间,布尔,%type五中类型的 --标量：数据库中预定义类型的变量 --定义一个变长字符串 v_ename varchar2(10); --定义一个小数,范围 -9999.99~9999.99 v_sal number(6,2); --定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号
  • Mockito：一个强大的用于 Java 开发的模拟测试框架实例 bijian1013 mockito单元测试
    Mockito框架：         Mockito是一个基于MIT协议的开源java测试框架。         Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测
  • 精通Oracle10编程SQL(10)处理例外 bijian1013 oracle数据库plsql
    /* *处理例外 */ --例外简介 --处理例外-传递例外 declare v_ename emp.ename%TYPE; begin SELECT ename INTO v_ename FROM emp where empno=&no; dbms_output.put_line('雇员名：'||v_ename); exceptio
  • 【Java】Java执行远程机器上Linux命令 bit1129 linux命令
    Java使用ethz通过ssh2执行远程机器Linux上命令，   封装定义Linux机器的环境信息   package com.tom; import java.io.File; public class Env { private String hostaddr; //Linux机器的IP地址 private Integer po
  • java通信之Socket通信基础 白糖_ javasocket网络协议
    正处于网络环境下的两个程序，它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤： ①创建Socket； ②打开连接到Socket的输入输出流； ④按照一定的协议对Socket进行读写操作； ④关闭Socket。   Socket通信分两部分：服务器端和客户端。服务器端必须优先启动，然后等待soc
  • angular.bind boyitech AngularJSangular.bindAngularJS APIbind
    angular.bind 描述：         上下文，函数以及参数动态绑定，返回值为绑定之后的函数. 其中args是可选的动态参数，self在fn中使用this调用。 使用方法：          angular.bind(se
  • java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class KickOutBadGuys { /** * 题目：13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 * Maybe you can find out
  • Redis.conf配置文件及相关项说明（自查备用） Kai_Ge redis
       Redis.conf配置文件及相关项说明 # Redis configuration file example # Note on units: when memory size is needed, it is possible to specifiy # it in the usual form of 1k 5GB 4M and so forth: #
  • [强人工智能]实现大规模拓扑分析是实现强人工智能的前奏 comsci 人工智能
         真不好意思,各位朋友...博客再次更新...      节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心....      但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大...
  • 记录一些常用的函数 dai_lm java
    public static String convertInputStreamToString(InputStream is) { StringBuilder result = new StringBuilder(); if (is != null) try { InputStreamReader inputReader = new InputStreamRead
  • Hadoop中小规模集群的并行计算缺陷 datamachine mapreducehadoop并行计算
    注：写这篇文章的初衷是因为Hadoop炒得有点太热，很多用户现有数据规模并不适用于Hadoop，但迫于扩容压力和去IOE（Hadoop的廉价扩展的确非常有吸引力）而尝试。尝试永远是件正确的事儿，但有时候不用太突进，可以调优或调需求，发挥现有系统的最大效用为上策。 -----------------------------------------------------------------
  • 小学4年级英语单词背诵第二课 dcj3sjt126com englishword
    egg  蛋 twenty 二十 any 任何 well 健康的，好   twelve 十二 farm 农场 every 每一个 back 向后，回   fast 快速的 whose 谁的 much 许多 flower 花   watch 手表 very 非常，很 sport 运动 Chinese 中国的  
  • 自己实践了github的webhooks, linux上面的权限需要注意 dcj3sjt126com githubwebhook
    环境, 阿里云服务器   1. 本地创建项目, push到github服务器上面   2. 生成www用户的密钥 sudo -u www ssh-keygen -t rsa -C "xxx@xx.com"     3. 将密钥添加到github帐号的SSH_KEYS里面   3. 用www用户执行克隆, 源使
  • Java冒泡排序 蕃薯耀 冒泡排序Java冒泡排序Java排序
    冒泡排序 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 10:40:14 星期二 http://fanshuyao.iteye.com/
  • Excle读取数据转换为实体List【基于apache-poi】 hanqunfeng apache
    1.依赖apache-poi   2.支持xls和xlsx   3.支持按属性名称绑定数据值   4.支持从指定行、列开始读取   5.支持同时读取多个sheet   6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java 比如： Str
  • 3个处于草稿阶段的Javascript API介绍 jackyrong JavaScript
    原文： http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email   本文中，介绍3个仍然处于草稿阶段，但应该值得关注的Javascript API. 1) Web Alarm API   &
  • 6个创建Web应用程序的高效PHP框架 lampcy Web框架PHP
    以下是创建Web应用程序的PHP框架，有coder bay网站整理推荐： 1. CakePHP CakePHP是一个PHP快速开发框架，它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式，如MVC和ORM，降低了开发成本，并减少了开发人员写代码的工作量。 2. CodeIgniter CodeIgniter是一个非常小且功能强大的PHP框架，适合需
  • 评"救市后中国股市新乱象泛起"谣言 nannan408
    首先来看百度百家一位易姓作者的新闻： 三个多星期来股市持续暴跌，跌得投资者及上市公司都处于极度的恐慌和焦虑中，都要寻找自保及规避风险的方式。面对股市之危机，政府突然进入市场救市，希望以此来重建市场信心，以此来扭转股市持续暴跌的预期。而政府进入市场后，由于市场运作方式发生了巨大变化，投资者及上市公司为了自保及为了应对这种变化，中国股市新的乱象也自然产生。 首先，中国股市这两天
  • 页面全屏遮罩的实现 方式 Rainbow702 htmlcss遮罩mask
    之前做了一个页面，在点击了某个按钮之后，要求页面出现一个全屏遮罩，一开始使用了position:absolute来实现的。当时因为画面大小是固定的，不可以resize的，所以，没有发现问题。 最近用了同样的做法做了一个遮罩，但是画面是可以进行resize的，所以就发现了一个问题，当画面被reisze到浏览器出现了滚动条的时候，就发现，用absolute 的做法是有问题的。后来改成fixed定位就
  • 关于angularjs的点滴 tntxia AngularJS
      angular是一个新兴的JS框架，和以往的框架不同的事，Angularjs更注重于js的建模，管理，同时也提供大量的组件帮助用户组建商业化程序，是一种值得研究的JS框架。   Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。   这里我们来简单的探讨一下它的应用。   首先使用Angularjs我
  • Nutz--->>反复新建ioc容器的后果 xiaoxiao1992428 DAOmvcIOCnutz
    问题： public class DaoZ {     public static Dao dao() { // 每当需要使用dao的时候就取一次     Ioc ioc = new NutIoc(new JsonLoader("dao.js"));     return ioc.get(
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他