cwl_java
cwl_java

前端基础-JavaScript综合案例

第7章 综合案例

整体思路：

先玩几次，思考大概的实现思路；

1：创建基本的静态页面；

2：让div动起来

3：动态创建Div

4：动起来后，填补缺失的div

5：随机创建黑块

6：绑定点击事件

7：点击判断输赢

8：游戏结束后的限制处理

9：黑块触底的处理

10：加分

11：加速

注意变量作用域和this指向的问题

insertBefore、firstChild、getComputedStyle、appendChild、createElement、Math.random、Math.floor


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <style>
        #cont {
            margin-top:100px; 
            width: 400px;
            height: 400px; 
            border-top:1px solid blue; 
            position: relative; 
            /*隐藏顶部*/ 
            overflow: hidden;
        }
        #main {
            width: 400px;
            height: 400px; 
            /*去掉红框*/
            /* border:1px solid red; */
            position: relative; 
            top:-100px;
        }
        .row {
            height: 100px;
        }
        .row div {
            width: 98px;
            height: 98px;
            border:1px solid gray;
            float: left;
        }
        .black {
            background: black;
        }
    style>
head>
<body>
    <input type="text" id="fen" value="0" disabled>
    <div id="cont">
        <div id="main">div>
    div>
body>

<script>
    function Youxi(){
        // 获取main节点对象
        this.main = document.getElementById('main');
        this.interval = ''; // 定时器
        this.over = false; // 有是否结束的标志
        this.sudu = 1; // 初始化下降速度

        // 创建DIV的方法
        this.cdiv = function(classNames){
            // 创建一个div节点对象
            var div = document.createElement('div');
            // 根据传入的值，创建不同class属性的div
            if(classNames){
                div.className = classNames;
            }
            return div;
        }

        //一次生成一行div
        this.crow = function(init){
            var row = this.cdiv('row');
            // 获取0-3的随机数
            var k = Math.floor(Math.random()*4)
            // 每行div根据随机数，随机设置一个黑块
            for(var i=0;i<4;i++){
                // 随机出现黑块
                if(i==k){
                    row.appendChild(this.cdiv('black'));
                }else{
                    row.appendChild(this.cdiv());
                }
            }
            return row;
        }

        // 初始化运行
        this.init = function(){
            // 循环创建4行，并添加到main中
            for(var i = 0;i<4;i++){
                var row = this.crow();
                this.main.appendChild(row);
            }
            // 绑定点击事件
            this.clicks();
            // 设置定时器，使DIV动起来
            this.interval = window.setInterval('start.move()' , 15);
        }
        
        // 绑定点击事件
        this.clicks = function(){
            // 因为在其他作用域中要使用本对象，
            // 防止this指向冲突，将this赋值给一个新的变量，在其他作用域中使用新的变量代替this
            var that = this;
            // 为整个main绑定点击事件
            this.main.onclick = function(ev){
                // 通过事件对象，获取具体点击的节点
                var focus = ev.target;
                // 如果游戏已经结束了
                if(that.over){
                    alert('别挣扎了，游戏已经结束了！');
                }
                // 如果点击的元素有值为black的class属性，
                // 证明用户点击的是黑色块
                else if(focus.className == 'black'){
                    // 获取文本框节点对象
                    var score = document.getElementById('fen');
                    // 将文本框的值获取并加1后重新复制
                    var sc = parseInt(score.value)+1;
                    score.value = sc;
                    // 将黑块变白
                    focus.className = '';
                    // 如果此行被点击过，给这一行发一个'同行证'
                    focus.parentNode.pass = true;
                    // 得分每增加5，下降速度提高0.5个像素点
                    if(sc%5 == 0){
                        that.sudu += 0.5;
                    }

                }else{
                    // 点击的不是黑块，结束游戏
                    window.clearInterval(that.interval);
                    // 游戏已经结束了
                    that.over = true;
                    alert('游戏已结束')
                }
            }
        }

        // 每调用一次 main 的top值加2像素，main就会向下移动2像素
        // 我们只需要不断调用move,就会让main不断下降
        this.move = function(){
            // 获取top值
            var t = getComputedStyle(this.main, null)['top'];
            var tops = parseInt(t);
            // 如果tops大于1，证明一行下降结束
            if(tops>1){
                // 如果此行没有通行证，游戏结束
                if(this.main.lastChild.pass==undefined){
                    window.clearInterval(this.interval);
                    // 游戏已经结束了
                    this.over = true;
                    alert('游戏已结束')
                }else{ // 如果有通行证
                    // 如果大于5行，删除最后一行
                    if(this.main.children.length>=5) {
                        this.main.removeChild(this.main.lastChild);
                    }
                }
                // 下降结束一行，则在最顶部增加一行，完成下降的连续性
                var row = this.crow();
                this.main.insertBefore(row,this.main.firstChild);
                // 并重新隐藏新加的一行
                this.main.style.top = '-100px';
            }else{
                // 定时器每调用一次，top 值修改一次
                // 完成下降动作
                this.main.style.top = tops + this.sudu +'px';
            }
        }
    }

    var start = new Youxi();
    start.init();
script>
html>

你可能感兴趣的:(前端基础)

  • 从AI辅助编码到自动部署：前端开发提效全流程实践 程序猿全栈の董（董翔） 人工智能热门技术领域人工智能新兴领域热门技术
    从AI辅助编码到自动部署：前端开发提效全流程实践**摘要本文结合ChatGPT、GitHubCopilot等AI工具，分享从需求分析、代码编写到自动化部署的全流程提效技巧。通过真实案例演示如何利用AI工具提升30%以上的开发效率，适合有一定前端基础的开发者阅读。一、引言：AI时代的前端开发变革现状：据StackOverflow2023调查，65%的开发者使用AI辅助工具，平均减少35%的调试时间。
  • web前端基础知识:表单标签 黄昏终结者 前端htmljavascript
    一.input系列标签语法:form表单用来收集用户信息的input输入type类型type属性值:text文本password密码框radio单选框checkbox多选框file选择文件submit提交按钮reset重置按钮button普通按钮1.input系列标签-text文本框属性:placeholder占位符文本输入框语法:昵称:2.input系列标签-password密码框属性:plac
  • 【前端】一文快速回顾 Html+CSS+JS CoderSharry 前端前端htmlcss
    文章目录前言Preface1.HTML快速回顾1.1基本结构1.2简单语法回顾2.CSS快速回顾2.1三种引入方式2.2选择器2.3布局2.3.1盒子模型2.3.2定位2.3.3浮动2.4简单练习3.JavaScript快速回顾3.1JavaScript引入方式3.2JavaScript基本语法3.2.1变量3.2.2函数与箭头函数3.3简单练习4.总结参考资料一文快速回顾前端基础三件套：HTML
  • 前端基础知识JavaScript系列 - 25（Javascript本地存储） 前端小白从0开始 前端javascript开发语言
    一、方式javaScript本地缓存的方法我们主要讲述以下四种：cookiesessionStoragelocalStorageindexedDBcookieCookie，类型为「小型文本文件」，指某些网站为了辨别用户身份而储存在用户本地终端上的数据。是为了解决HTTP无状态导致的问题作为一段一般不超过4KB的小型文本数据，它由一个名称（Name）、一个值（Value）和其它几个用于控制cooki
  • Java web%10 好学且牛逼的马 java前端AI编程
    %10新路线Javawebai笔记阶段时长内容Web前端基础2天HTML、CSS、JS、Vue3、AjaxWeb后端基础4天Maven、HTTP协议、SpringIOC、DI、MySQL、JDBC、MybatisWeb后端实战6天Tlias案例（基于案例讲解web开发的核心知识）Web后端进阶2天SpringAOP、SpringBoot原理、自定义Starter、Maven高级前端web实战4天V
  • 前端基础知识JavaScript系列 - 06（深拷贝浅拷贝）
    一、数据类型存储前面文章我们讲到，JavaScript中存在两大数据类型：基本类型引用类型基本类型数据保存在在栈内存中引用类型数据保存在堆内存中，引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中二、浅拷贝浅拷贝，指的是创建新的数据，这个数据有着原始数据属性值的一份精确拷贝如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址即浅拷贝是拷贝一层，深层次的引用类
  • 前端基础知识CSS系列 - 13（响应式设计的基本原理） 前端小白从0开始 前端css响应式
    一、是什么响应式网站设计（ResponsiveWebdesign）是一种网络页面设计布局，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整描述响应式界面最著名的一句话就是“Contentislikewater”大白话便是“如果将屏幕看作容器，那么内容就像水一样”响应式网站常见特点：同时适配PC+平板+手机等标签导航在接近手持终端设备时改变为经典的抽
  • 前端基础知识CSS系列 - 15（单行／多行文本溢出的省略样式） 前端小白从0开始 前端css
    一、前言在日常开发展示页面，如果一段文本的数量过长，受制于元素宽度的因素，有可能不能完全显示，为了提高用户的使用体验，这个时候就需要我们把溢出的文本显示成省略号对于文本的溢出，我们可以分成两种形式：单行文本溢出多行文本溢出二、实现方式单行文本溢出省略理解也很简单，即文本在一行内显示，超出部分以省略号的形式展现实现方式也很简单，涉及的css属性有：text-overflow：规定当文本溢出时，显示省
  • 前端基础知识JavaScript系列 - 01（JavaScript中的数据类型？存储上的差别？） 前端小白从0开始 前端javascript开发语言
    前言在JavaScript中，我们可以分成两种类型：基本类型复杂类型两种类型的区别是：存储位置不同一、基本类型基本类型主要为以下6种：NumberStringBooleanUndefinednullsymbolNumber数值最常见的整数类型格式则为十进制，还可以设置八进制（零开头）、十六进制（0x开头）letintNum=55//10进制的55letnum1=070//8进制的56lethexN
  • 移动应用开发专业核心课程以及就业方向
    移动应用开发专业聚焦移动端软件的设计、开发与测试，课程设置与产业需求紧密衔接，就业面向移动互联网高速增长的市场。以下是核心课程及就业方向的系统分析：一、核心课程体系专业基础课程：移动端UI设计：掌握应用界面布局、交互逻辑及用户体验优化，为原型设计奠基。网页设计与制作：学习HTML/CSS/JavaScript等前端基础，实现响应式Web开发。面向对象程序设计（Java/C#等）：培养编程思维与代码
  • MFE微前端高级版：Angular + Module Federation + webpack + 路由（Route way）完整示例 crary,记忆 Angular微前端-MFEangular.js前端webpackangular
    在查看这篇文章之前，可以先简单预览一下这篇基础版的博客：MFE微前端基础版：Angular+ModuleFederation+webpack+路由（Routeway）完整示例-CSDN博客这篇Angular+ModuleFederation高级路由配置详解包括嵌套路由、路由守卫、懒加载策略和动态路由等高级功能。1.主应用(Shell)高级路由配置shell/src/app/app-routing.
  • Web前端基础之HTML
    一、浏览器火狐浏览器、谷歌浏览器(推荐)、IE浏览器推荐谷歌浏览器原因：1、简洁大方,打开速度快2、开发者调试工具（右键空白处->检查，打开调试模式）二、开发工具核心IDE工具VisualStudioCode(VSCode)‌微软开发的免费跨平台编辑器，支持智能提示、Git集成、调试功能及丰富的扩展插件‌。轻量高效，适用于HTML/CSS/JavaScript及主流前端框架开发‌。WebStorm
  • 从搬砖工到架构师，Java全栈知识体系（2025版） 程序员岳彬 java开发语言后端程序人生
    文章目录一、前端技术体系1.前端基础2.前端框架与生态3.工程化工具4.跨端与性能优化二、后端Java技术体系1.Java核心基础2.后端Web开发3.持久层技术4.微服务与中间件三、运维与DevOps1.Linux服务器2.容器与集群3.持续集成/部署4.监控与日志四、AI算法与大模型集成1.基础算法2.大模型工程实践3.应用场景五、工程工具与最佳实践1.开发工具2.代码规范与质量3.架构设计六
  • 微信小程序-功德木鱼（含设置面板功能） weixin_48077625 微信小程序前端小程序
    基于微信小程序所开发的电子木鱼项目，十分适合作为微信小程序开发初学者在完成前端基础学习后进行练手学习项目。##功能亮点：计数器、敲击震动效果、设置面板（自定义漂浮文字内容、可选择文字颜色、可选择木鱼样式）一、界面展示二、功能介绍自动计数木鱼敲击动画文字上飘动画敲击震动设置面板自定义漂浮文字可选择字体颜色可选择木鱼样式三、核心代码setting(){this.setData({isSetting:t
  • 前端基础知识ES6系列 - 03（数组新增了哪些扩展） 前端小白从0开始 前端es6ecmascriptjavascripthtml5
    一、扩展运算符的应用ES6通过扩展元素符...，好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列console.log(...[1,2,3])//123console.log(1,...[2,3,4],5)//12345[...document.querySelectorAll('div')]//[,,]主要用于函数调用的时候，将一个数组变为参数序列functionpush(array
  • MFE微前端基础版：Angular + Module Federation + webpack + 路由（Route way）完整示例 crary,记忆 微前端-MFE前端webpack学习angular
    1.项目结构microfrontend-demo/├──shell/#主应用(Shell)├──mfe1/#微前端应用1├──mfe2/#微前端应用2└──shared/#共享库2.主应用(Shell)配置shell/webpack.config.jsconstModuleFederationPlugin=require("webpack/lib/container/ModuleFederatio
  • javascript常见100问|前端基础知识|13-14-options 请求Restful-API-method前端知识体系14-总结，软技能是否看过红宝书code review CR 检查什么 学习记录wanxiaowan 前端八股文前端javascriptrestful
    14-options请求题目跨域为何需要options请求？跨域浏览器同源策略，默认限制跨域请求。跨域的解决方案jsonpCORS//CORS配置允许跨域（服务端）response.setHeader("Access-Control-Allow-Origin","http://localhost:8011")//或者'*'response.
  • 2024年网络安全最全什么情况，听说网络安全工程师已经没落？_网络工程师现在废了 2401_84264536 web安全网络安全
    数据库基础基础阶段的最后一部分，可以来接触一些数据库的基础知识了。这个阶段主要学一些理论知识，重点掌握库、表、索引等概念，然后学习SQL的编写，学会增删改查数据。暂时不用编程来操作数据库。青铜（筑基期）度过了石器时代，你已经储备了一些计算机的基础知识：操作系统的使用，网络协议，前端基础，数据库初识，但这距离做网络安全还不够，在第二个青铜阶段，你还需要再进一步学习基础，在第一阶段之上，难度会开始慢慢
  • TCP和UDP协议之间的区别，前端基础面试题 天渺工作室 网络知识TCP和UDPtcpudp
    前端基础面试题,TCP和UDP协议之间的区别tcp和udp作为传输层的两个协议,主要区别:1，tcp是面向链接的,（http协议握手）就类似打电话要先建立拨号，在进行链接。而udp在发送前不需要建立链接，直接发送（不在乎接收端是否完全接收到）。2，tcp可传输可靠服务,能保证数据传输的无差错，不丢失，不重复，且按序到达。而udp只是尽最大努力进行传输，不能保证传输是否可靠。3，基于上面两条的原因，
  • Python就业方向有哪些？ IT-博通哥 python开发语言
    Python作为一门通用、易学且功能强大的编程语言，在多个领域都有广泛的应用，因此就业方向也非常多样化。以下是Python主要的就业方向及相关技能要求。1.Web开发岗位：PythonWeb开发工程师、后端工程师、全栈工程师技术栈：框架：Django、Flask、FastAPI数据库：PostgreSQL、MySQL、MongoDB前端基础：HTML/CSS/JavaScript（配合Vue/Re
  • 前端基础入门三大核心之JS篇 —— JavaScript编写油猴脚本：让浏览器做你的私人定制助手【含代码示例】 DTcode7 HTML网站开发#前端基础入门三大核心之JS前端javascript开发语言
    前端基础入门三大核心之JS篇——JavaScript编写油猴脚本：让浏览器做你的私人定制助手【含代码示例】油猴脚本：浏览器的魔法外挂安装油猴创建你的第一个脚本基础概念：@match与用户脚本元数据实战演练：给网页添加个性化问候目标代码示例不同角度的使用思路实战技巧与问题排查遇到问题怎么办？结语：你的创意，无界延伸在前端开发的广袤宇宙里，JavaScript（简称JS）是我们手中最闪耀的光剑。而当这
  • 【前端基础】正则表达式 详解 前端自习室 前端基础前端正则表达式
    文章目录一、什么是正则表达式？二、为什么要使用正则表达式？三、正则表达式的基本语法与核心概念1.普通字符(LiteralCharacters)2.元字符(Metacharacters)3.字符集合(CharacterSets)4.预定义字符类(PredefinedCharacterClasses/Shorthands)5.量词(Quantifiers)6.分组与捕获(GroupingandCapt
  • Rust 在前端基建中的使用 brrdg_sefg rust前端状态模式
    摘要随着前端技术的不断发展，前端基础设施（前端基建）的建设已成为提升开发效率、保障产品质量的关键环节。然而，在应对复杂业务场景与高性能需求时，传统的前端技术栈逐渐暴露出诸多不足。近年来，Rust语言以其独特的优势，在前端基建领域崭露头角。本文将详细说明Rust在当前前端基建中的使用情况，以及其解决传统技术栈不足的方案。文章首先介绍了传统技术栈的不足，包括技术更新速度快、技术栈老旧、JavaScri
  • 前端基础入门三大核心之HTML篇：揭秘`＜meta＞`标签的魔法——常用的属性及实战应用 DTcode7 HTML网站开发#前端基础入门三大核心之htmlHTML5前端web前端三大核心网页开发
    前端基础入门三大核心之HTML篇：揭秘``标签的魔法——常用的属性及实战应用一、``标签的基本概念与作用二、常用属性与方法1.`charset`：定义字符集2.`name`与`content`：描述性信息3.`http-equiv`：模拟HTTP响应头三、实战技巧与最佳实践1.SEO优化2.安全性与性能3.防范漏洞四、排查与解决方案结语与讨论在HTML的世界里，标签就像是藏在幕后的魔法师，虽然不直
  • 前端基础：HTML 椰羊～王小美 #前端基础html
    前端基础：HTML文章目录前言一、初识html1.课程先导2.课程目录3.html5优势4.W3C标准5.标签（超文本标记语言）2.网页基本信息1.HTML基本结构2.我的第一个网页二、网页基本标签三、图像、超链接、网页布局1.图像标签2.超链接标签及应用3.行内元素和块元素四、列表、表格、媒体元素1.列表标签2.表格标签3.媒体元素4.页面结构分析5.iframe内联框架五、表单及表单应用1.初
  • 后端程序员的前端速成经验分享 半路马龙 笔记前端
    作为一个java后端程序员，对于前端的一些知识是必不可少的，比如html，css，js三大件。现对前端基础知识做一个学习总结，掌握了这些知识，一个后端开发人员也可以不用模板独立完成开发。前端三大件里面html和js相对来说都比较简单，这两种知识都是比较固定的，不用全部掌握需要用到的时候，查询就可以了，而css相对三者中是较难的，页面布局和效果都要用css完成虽然css完成一个页面效果方式是多样的，
  • 【前端八股文】 无敌屁屁橘 前端面试
    前端八股文（一）文章目录前端八股文（一）前言一、前端八股在工作中是否能用到？二、基础篇1.html+js+css1.1SEO优化1.1.1SPA1.1.2SSR1.2响应式布局总结传送门检讨前言文章是网卡摸鱼写的，起因是大学舍友最近面试遇到了许多前端基础提问，例如HTML5的特性是什么？变量的提升？或许在座的各位都能答得出来，但是我相信并不是每一个前端朋友都能对这些名词如数家珍，也许你知道var、
  • 前端基础入门三大核心之HTML篇 —— HTML页面性能优化：15个秘籍解锁速度与激情【附代码】 DTcode7 HTML网站开发#前端优化前端html性能优化
    前端基础入门三大核心之HTML篇——HTML页面性能优化：15个秘籍解锁速度与激情【附代码】1.减肥计划：精简HTML代码2.缓存利用：合理设置HTTP缓存策略3.静态分离：CDN加速静态资源4.预加载与预读取5.图片减肥：选择正确的格式与尺寸6.精准加载：懒加载图片与内容7.代码分割：拆分JavaScript8.CSS与JavaScript的位置摆放9.使用HTTP/210.DNS预解析11.避
  • 前端基础之《Vue（12）—插件封装》 csj50 前端基础前端vue
    一、插件封装1、在Vue生态中，除了Vue本身，其它所有的与Vue相关的第三方包，都是插件例子：importVueRouterform'vue-router'Vue.use(VueRouter)//注册插件2、如何封装Vue插件（1）第一种写法constPlugin={install(Vue){//dosomething}}（2）第二种写法constPlugin=function(Vue){}3、
  • 前端基础：CSS继承与优先级及CSS命名规范 总是幸福的老豌豆 日常工作总结练习
    CSS继承和层叠<
  • 关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题 何必如此 jsp超链接文件下载窗口
    生成下载页面是需要选择“录入提交页面”，生成之后默认的下载页面<a>标签超链接为：<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc
  • 【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析 bit1129 cluster
    在分析源代码之前，首先对Standalone Cluster Mode的资源调度有一个基本的认识： 首先，运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下，Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU，这就需要Maste
  • linux上独立安装部署spark daizj linux安装spark1.4部署
    下面讲一下linux上安装spark，以 Standalone Mode 安装   1）首先安装JDK   下载JDK：jdk-7u79-linux-x64.tar.gz  ，版本是1.7以上都行，解压 tar -zxvf jdk-7u79-linux-x64.tar.gz     然后配置 ~/.bashrc&nb
  • Java 字节码之解析一 周凡杨 java字节码javap
        一： Java 字节代码的组织形式   类文件 {     OxCAFEBABE ，小版本号，大版本号，常量池大小，常量池数组，访问控制标记，当前类信息，父类信息，实现的接口个数，实现的接口信息数组，域个数，域信息数组，方法个数，方法信息数组，属性个数，属性信息数组 } &nbs
  • java各种小工具代码 g21121 java
    1.数组转换成List import java.util.Arrays; Arrays.asList(Object[] obj); 2.判断一个String型是否有值 import org.springframework.util.StringUtils; if (StringUtils.hasText(str)) 3.判断一个List是否有值 import org.spring
  • 加快FineReport报表设计的几个心得体会 老A不折腾 finereport
    一、从远程服务器大批量取数进行表样设计时，最好按“列顺序”取一个“空的SQL语句”，这样可提高设计速度。否则每次设计时模板均要从远程读取数据，速度相当慢！！ 二、找一个富文本编辑软件（如NOTEPAD+）编辑SQL语句，这样会很好地检查语法。有时候带参数较多检查语法复杂时，结合FineReport中生成的日志，再找一个第三方数据库访问软件（如PL/SQL）进行数据检索，可以很快定位语法错误。
  • mysql linux启动与停止 墙头上一根草
    如何启动/停止/重启MySQL一、启动方式1、使用 service 启动：service mysqld start2、使用 mysqld 脚本启动：/etc/inint.d/mysqld start3、使用 safe_mysqld 启动：safe_mysqld&二、停止1、使用 service 启动：service mysqld stop2、使用 mysqld 脚本启动：/etc/inin
  • Spring中事务管理浅谈 aijuans spring事务管理
    Spring中事务管理浅谈 By Tony Jiang@2012-1-20 Spring中对事务的声明式管理 拿一个XML举例 [html]  view plain copy print ? <?xml version="1.0" encoding="UTF-8"?>&nb
  • php中隐形字符65279（utf-8的BOM头）问题 alxw4616
    php中隐形字符65279（utf-8的BOM头）问题 今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror.   调试: 1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题. 2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符.        
  • 调用对象是否需要传递对象(初学者一定要注意这个问题) 百合不是茶 对象的传递与调用技巧
        类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看   为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇)   类和对象的基础概念:   JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接
  • JDK1.5 AtomicLong实例 bijian1013 javathreadjava多线程AtomicLong
    JDK1.5 AtomicLong实例 类 AtomicLong 可以用原子方式更新的 long 值。有关原子变量属性的描述，请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中（如以原子方式增加的序列号），并且不能用于替换 Long。但是，此类确实扩展了 Number，允许那些处理基于数字类的工具和实用工具进行统一访问。  
  • 自定义的RPC的Java实现 bijian1013 javarpc
            网上看到纯java实现的RPC，很不错。         RPC的全名Remote Process Call，即远程过程调用。使用RPC，可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例，从中可以看到RPC如何
  • 【RPC框架Hessian一】Hessian RPC Hello World bit1129 Hello world
    什么是Hessian The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p
  • 【Spark九十五】Spark Shell操作Spark SQL bit1129 shell
    在Spark Shell上，通过创建HiveContext可以直接进行Hive操作   1. 操作Hive中已存在的表   [hadoop@hadoop bin]$ ./spark-shell Spark assembly has been built with Hive, including Datanucleus jars on classpath Welcom
  • F5　往header加入客户端的ip ronin47
    when HTTP_RESPONSE {if {[HTTP::is_redirect]}{         HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo
  • java-61-在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5, bylijinnan java
    思路来自： http://zhedahht.blog.163.com/blog/static/2541117420116135376632/ 写了个java版的 public class GreatestLeftRightDiff { /** * Q61.在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差。 * 求所有数对之差的最大值。例如在数组
  • mongoDB 索引 开窍的石头 mongoDB索引
    在这一节中我们讲讲在mongo中如何创建索引       得到当前查询的索引信息      db.user.find(_id:12).explain();        cursor: basicCoursor 指的是没有索引  &
  • [硬件和系统]迎峰度夏 comsci 系统
      从这几天的气温来看，今年夏天的高温天气可能会维持在一个比较长的时间内    所以，从现在开始准备渡过炎热的夏天。。。。    每间房屋要有一个落地电风扇，一个空调(空调的功率和房间的面积有密切的关系)    坐的，躺的地方要有凉垫，床上要有凉席       电脑的机箱
  • 基于ThinkPHP开发的公司官网 cuiyadll 行业系统
    后端基于ThinkPHP，前端基于jQuery和BootstrapCo.MZ 企业系统 轻量级企业网站管理系统 运行环境:PHP5.3+, MySQL5.0 系统预览 系统下载：http://www.tecmz.com 预览地址：http://co.tecmz.com 各种设备自适应 响应式的网站设计能够对用户产生友好度，并且对于
  • Transaction and redelivery in JMS (JMS的事务和失败消息重发机制) darrenzhu jms事务承认MQacknowledge
    JMS Message Delivery Reliability and Acknowledgement Patterns http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/ Transaction and redelivery in
  • Centos添加硬盘完全教程 dcj3sjt126com linuxcentoshardware
    Linux的硬盘识别: sda        表示第1块SCSI硬盘 hda       表示第1块IDE硬盘 scd0      表示第1个USB光驱 一般使用“fdisk -l”命
  • yii2 restful web服务路由 dcj3sjt126com PHPyii2
    路由 随着资源和控制器类准备，您可以使用URL如 http://localhost/index.php?r=user/create访问资源，类似于你可以用正常的Web应用程序做法。 在实践中，你通常要用美观的URL并采取有优势的HTTP动词。 例如，请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示
  • MongoDB查询(4)——游标和分页[八] eksliang mongodbMongoDB游标MongoDB深分页
    转载请出自出处：http://eksliang.iteye.com/blog/2177567 一、游标         数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制，从shell中定义一个游标非常简单，就是将查询结果分配给一个变量（用var声明的变量就是局部变量），便创建了一个游标，如下所示： > var
  • Activity的四种启动模式和onNewIntent() gundumw100 android
    Android中Activity启动模式详解 　　在Android中每个界面都是一个Activity，切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。 　　Android总Activity的启动模式分为四种： Activity启动模式设置： <acti
  • 攻城狮送女友的CSS3生日蛋糕 ini htmlWebhtml5csscss3
    在线预览：http://keleyi.com/keleyi/phtml/html5/29.htm   代码如下：   <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>攻城狮送女友的CSS3生日蛋糕-柯乐义<
  • 读源码学Servlet（1）GenericServlet 源码分析 jzinfo tomcatWebservlet网络应用网络协议
    Servlet API的核心就是javax.servlet.Servlet接口，所有的Servlet 类（抽象的或者自己写的）都必须实现这个接口。在Servlet接口中定义了5个方法，其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。     先看javax.servlet.servlet接口源码：  package
  • JAVA进阶：VO(DTO)与PO(DAO)之间的转换 snoopy7713 javaVOHibernatepo
      PO即 Persistence Object　　VO即 Value Object 　VO和PO的主要区别在于：　　VO是独立的Java Object。　　PO是由Hibernate纳入其实体容器（Entity Map）的对象，它代表了与数据库中某条记录对应的Hibernate实体，PO的变化在事务提交时将反应到实际数据库中。 　实际上，这个VO被用作Data Transfer
  • mongodb group by date 聚合查询日期 统计每天数据（信息量） qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    /* 1 */ { "_id" : ObjectId("557ac1e2153c43c320393d9d"), "msgType" : "text", "sendTime" : ISODate("2015-06-12T11:26:26.000Z")
  • java之18天 常用的类(一) Luob. MathDateSystemRuntimeRundom
    System类 import java.util.Properties; /** * System: * out:标准输出,默认是控制台 * in:标准输入,默认是键盘 * * 描述系统的一些信息 * 获取系统的属性信息:Properties getProperties(); * * * */ public class Sy
  • maven wuai maven
    1、安装maven：解压缩、添加M2_HOME、添加环境变量path 2、创建maven_home文件夹，创建项目mvn_ch01,在其下面建立src、pom.xml，在src下面简历main、test、main下面建立java文件夹 3、编写类，在java文件夹下面依照类的包逐层创建文件夹，将此类放入最后一级文件夹 4、进入mvn_ch01 4.1、mvn compile ,执行后会在
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他