竹一笔记
竹一笔记

【前端】js 小项目，todolist 网页

主要是 jQuery，css 部分没难点
【前端】js 小项目，todolist 网页_第1张图片
一共3个文件，html，index.css，index.js
目录结构
【前端】js 小项目，todolist 网页_第2张图片

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>Documenttitle>

    <link rel="stylesheet" href="css/index.css">
    <script src="js/jQuery.min.js">script>
    <script src="js/index.js">script>

head>

<body>
    <header>
        <section>
            <label for="title">ToDoListlabel>
            <input type="text" id="title" name="title" placeholder="添加ToDo">
        section>
    header>

    <section>
        <h2>正在进行<span id="todocount" class="todocount">0span>h2>
        <ol id="todolist" class="box">

        ol>

        <h2>已经完成<span id="donecount" class="todocount">0span>h2>
        <ul id="donelist">

        ul>

    section>

    <footer>
        Copyright © 2014 todolist.cn
    footer>
body>

html>

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    background-color: #CDCDCD;
}

li {
    list-style: none;
}

header {
    height: 50px;
    color: white;
    background-color: rgba(47, 47, 47, .98);
}

header section {
    width: 600px;
    margin: auto;
}

header label {
    width: 100px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #DDD;
    display: inline-block;
}

header input {
    width: 60%;
    height: 24px;
    float: right;
    margin-top: 12px;
    text-indent: 10px;
    border-radius: 5px;
    border: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.24), 0 1px 6px inset rgba(0, 0, 0, .45);
    outline: none;
}

section {
    width: 600px;
    padding: 0 10px;
    margin: 0 auto;
}

section h2 {
    position: relative;
}

span.todocount {
    height: 20px;
    color: #666;
    background-color: #E6E6FA;
    position: absolute;
    line-height: 22px;
    top: 2px;
    right: 5px;
    border-radius: 20px;
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    font-size: 14px;
}

footer {
    font-size: 14px;
    color: #666;
    text-align: center;
}

ol,
ul {
    padding: 0;
}

section li {
    height: 32px;
    line-height: 32px;
    background-color: #fff;
    margin-top: 10px;
    padding: 0 45px;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .07);
    position: relative;
}

li input {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 2px;
    left: 10px;
}

li a {
    width: 14px;
    height: 12px;
    position: absolute;
    top: 2px;
    right: 5px;
    border-radius: 14px;
    border: 6px double #fff;
    display: inline-block;
    background-color: #ccc;
}

ol#todolist li {
    border-left: 5px solid #629A9C;
}

ul#donelist li {
    opacity: 0.5;
    border-left: 5px solid #999;
}

$(function() {
    // 文本框部分
    $("input#title").on('keydown', function(event) {
        if (event.key == "Enter") {
            if ($(this).val() == "") {
                alert("请输入您要的操作");
            } else {
                // 调用 localStorage
                var data = getDate();
                data.push({ "title": $(this).val(), "done": false });
                saveDate(data);
                $(this).val("");
                load();
            }
        }
    })

    // 删除操作
    $("ol, ul").on("click", "a", function() {
        // 获取 index
        var index = $(this).prop("id");
        // 删除
        var data = getDate();
        data.splice(index, 1);
        saveDate(data);
        load();
    })

    // 点击 checkbox 修改事项状态
    $("ol, ul").on("click", "input", function() {
        // index
        var index = $(this).siblings("a").prop("id");
        var data = getDate();
        data[index]["done"] = !data[index]["done"];
        saveDate(data);
        load();
    })

    load();

    // 获取 localStorage
    function getDate() {
        var data = window.localStorage.getItem("todo");
        if (data == null) {
            return [];
        }
        return JSON.parse(data);
    }

    // 保存 localStorage
    function saveDate(obj) {
        var data = window.localStorage.setItem("todo", JSON.stringify(obj));
    }

    // 加载
    function load() {
        // 先把原来的数据清空
        $("ol#todolist").html("");
        $("ul#donelist").html("");
        var data = getDate();
        var count = 0,
            done = 0,
            nodone = 0;
        $.each(data, function(index, obj) {
            var li = $('
  • ' + obj.title + '
    • '    );
            if (!obj.done) {
                $("ol#todolist").prepend(li);
                nodone++;
            } else {
                li.find("input").prop("checked", "checked");
                $("ul#donelist").prepend(li);
                done++;
            }
        })

        // 设置数量
        $("span#todocount").html(nodone);
        $("span#donecount").html(done);
    }
})

    你可能感兴趣的:(前端,前端,javascript,css)

    • 前端布局的方式有哪些 IT木昜 大白话前端面试题前端
      前端布局的方式有哪些在前端开发里，布局就像是装修房子，把不同的东西合理地摆放在合适的位置，让整个空间既美观又实用。下面给你介绍几种常见的前端布局方式：1.普通流布局（标准文档流布局）这就像是按顺序往书架上摆书，一本挨着一本，从左到右，从上到下依次排列。在网页里，元素默认就是按照这种方式排列的。比如段落、标题这些元素，一个接一个地显示在页面上。块级元素（像、等）会独占一行，就像大本书会占一整层书架；
    • HTML CSS整理笔记（建议收藏） 程序员的生活1 jsweb前端html+csscssjavascripthtmlcss3
      点击链接后退页面：回到上一个网页——修改placeholder提示的样式：打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）1.除IE外通用写法类名或标签名::placeholder{color:red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-
    • 一些我不知道的HTML前端基础知识笔记 han1140521792 学习资料HTML5CSSJavaScript
      点击链接后退页面：回到上一个网页——修改placeholder提示的样式：1.除IE外通用写法类名或标签名::placeholder{color:red;}2.加兼容前缀写法css超出一行显示省略号：给定宽度(width:100px)、超出隐藏（overflow:hidden）、强制在同一行显示（white-space:nowrap）、省略号（text-overflow:ellipsis）——常见
    • 第三章：组件开发实战 - 第五节 - Tailwind CSS 响应式导航栏实现 qianmoQ TailwindCSS：现代化开发实战指南css前端
      导航栏是几乎所有网站都必备的组件，一个好的响应式导航栏需要在不同设备上都能提供出色的用户体验。本节将介绍如何使用TailwindCSS实现功能完善的响应式导航栏。基础导航栏结构桌面端导航<divclass
    • 了解Javascript中的异步等待 Brook_ JavaScriptjavascript异步
      在本文中，我们将探讨async/await对于每个Javascript开发人员来说，异步编程的首选工具。如果您不熟悉javascript，请不要担心，本文将帮助您async/await从头开始理解。介绍async/await是javascript中的一种模式，可使您的代码以同步方式执行，但又不影响javascript的异步行为。定义异步功能要定义一个异步函数，您所要做的只是在函数定义之前添加一个a
    • 玩转网页交互：用JavaScript打造灵动手风琴特效 skyksksksksks 综合个人杂记javascript交互jqueryhtml5css前端
      一、手风琴特效：网页中的魔法折叠术想象一下你在音乐厅看到的手风琴演奏——轻轻一拉，风箱便如波浪般起伏展开。在网页世界中，手风琴特效正是这种优雅互动的数字化身！当用户点击某个标题时，对应的内容就像被施了魔法般缓缓展开，其他内容则默契地折叠收起。这种设计不仅节省空间，更能让用户像探索藏宝图一样，逐步揭开内容的奥秘。在电商网站的商品详情页，在知识平台的问答专区，甚至在个人作品集网站，手风琴特效都扮演着重
    • Vue3CompositionAPI jpruby vue
      Vue3CompositionAPI第一章最终效果演示1.下载依赖npminstall2.启动前端npmrundev3.启动数据json-server--watchdata/db.json--port=3003第二章创建项目1.vite创建项目npminitvite@latestvite-blog----templatevue2.App.vueApp.vue3.Home.vue1.测试setup的
    • 解释一下this在异步函数中的行为 祈澈菇凉 前端javascript开发语言
      在JavaScript中，this关键字在异步函数中的行为可能会让人感到困惑。异步函数的执行方式与普通函数不同，这会影响this的指向。下面将详细阐述this在异步函数中的行为，以及如何正确管理this。一、this的基本行为回顾在JavaScript中，this的指向取决于函数的调用方式：全局上下文：在全局作用域中，this指向全局对象（在浏览器中是window）。对象方法：当函数作为对象的方法
    • es6箭头函数和普通函数的区别 vvilkim es6前端ecmascript
      在JavaScript中，函数是执行特定任务的代码块。函数可以被定义并且随后被调用。JavaScript中有两种主要的函数定义方式：普通函数声明和箭头函数表达式。下面是这两种函数的定义方式及其区别和使用场景：普通函数声明普通函数可以通过函数声明或函数表达式的方式来定义。函数声明是最简单的方式，通常如下所示：function函数名(参数1,参数2,...){//函数体}示例：functiongree
    • 介绍一下常用的代码规范工具，如ESLint和Prettier 祈澈菇凉 代码规范
      代码规范工具是现代软件开发中不可或缺的一部分，它们帮助开发者维持代码质量、提高可读性并确保一致性。以下是两种常用的代码规范工具：ESLint和Prettier的详细介绍。ESLint1.概述ESLint是一个用于JavaScript代码的静态代码分析工具，主要用于识别和报告代码中的问题。它可以帮助开发者发现潜在的错误、提高代码质量并保持代码风格的一致性。2.主要功能代码检查：ESLint可以检测语
    • async/await与Generator函数相比有什么区别？ 编程微刊 前端javascript开发语言
      async/await和Generator函数都是JavaScript中处理异步编程的重要工具，但它们在语法、使用方式和背后的机制上存在显著差异。以下是它们之间的主要区别：一、基本概念1.Generator函数Generator函数是通过function*关键字定义的特殊函数，可以暂停和恢复执行。它们返回一个迭代器对象，通过调用.next()方法逐步执行函数中的代码。示例function*gene
    • 前端现代年轻人的“通病”：我们该如何应对？ 人民广场吃泡面 大前端发展探讨前端
      引言随着互联网技术的飞速发展，前端开发已经成为IT行业中最热门的领域之一。越来越多的年轻人选择投身前端开发，追求高薪、自由和创造力。然而，在前端开发的浪潮中，许多年轻人也暴露出了一些“通病”。这些“通病”不仅影响了他们的职业发展，还可能对整个团队和项目产生负面影响。本文将深入探讨现代年轻前端开发者常见的“通病”，分析其背后的原因，并提出一些实用的建议，帮助大家更好地应对这些挑战。目录前端年轻人的“
    • 华为OD机试 - Excel 单元格数值统计（Python） | 机试题算法思路 【2023】 梦想橡皮擦 excel华为python算法华为od
      最近更新的博客华为OD机试题-最短耗时（JavaScript）华为OD机试题-机器人走迷宫（JavaScript）华为OD机试-新员工座位安排系统（Python）|机试题算法思路华为OD机试-能力组队（Python）|机试题算法思路华为OD机试-内存池（Python）|机试题算法思路使用说明参加华为od机试，一定要注意不要完全背诵代码，需要理解之后模仿写出，通过率才会高。华为OD清单查看地址：bl
    • pnpm、npm、yarn 包管理工具『优劣对比』及『环境迁移』 「已注销」 npm
      前言博主在开发前端网站的时候，发现随着开发的项目的逐渐增多，安装的依赖包越来越臃肿，依赖包的安装速度也是非常越来越慢，多项目开发管理也是比较麻烦。之前我就了解过pnpm，但是当时担心更换包管理环境可能会出现的依赖等问题，并且也没有急切的需求，所以当时并没有立即更换综上所述，随着上面问题的出现，更换包管理环境也逐渐提上日程，所以本文主要将会简单对比pnpm和npm/yarn，并且详细讲解如何在多项目
    • 软件测试技术之跨平台的移动端UI自动化测试（上） 学掌门 软件测试ITui软件测试
      摘要：本文提出一种跨平台的UI自动化测试方案，一方面使用像素级的截图对比技术，解决传统UI自动化测试难以验证页面样式的问题；另一方面用统一部署在服务器端的JavaScript测试代码代替Android和iOS测试代码，大大提高编写测试代码的效率。该方案经过实际验证，具有效率高、质量好、便于维护等多方面优点，文中将阐述具体设计思路以及各关键步骤的实现方法，为同类测试提供借鉴。一、背景当前金融服务数字
    • Yarn 常见问题及排查指南 艳艳子呀 javascript前端yarn
      介绍Yarn是一个高效、可靠的JavaScript依赖管理工具，但在使用过程中，可能会遇到各种问题。本文总结了一些常见的Yarn错误及其排查方法，帮助你快速定位并解决问题。1.网络相关问题❌错误1：网络超时errorAnunexpectederroroccurred:"https://registry.yarnpkg.com/...:ETIMEDOUT".可能原因✅网络不稳定，导致请求超时✅公司或
    • 前端项目git提交时做代码规范验证 一个水货程序员 git前端代码规范
      前端项目git提交时做代码规范验证需要使用到的插件：husky，是一个GitHook工具，为git客户端增加hook的。lint-staged，在git提交前，进行代码规则检查确保入库的代码都符合代码规则，如果对整个项目进行lint这样速度太慢，lint-staged可以让lint只检测暂存区的文件，提高检测速度。当前依赖版本：husky版本：^8.0.1，lint-staged版本：^13.0.
    • QEMU-Manager：Mac上的QEMU图形化管理利器 苏承根
      QEMU-Manager：Mac上的QEMU图形化管理利器项目地址:https://gitcode.com/gh_mirrors/qe/QEMU-Manager在探索虚拟化的浩瀚世界时，找到一个既强大又易用的工具至关重要。今天，我们要向您隆重推荐QEMU-Manager——一款专为macOS设计的QEMU图形前端，由Swift语言精心打造。通过这篇文章，我们将深入挖掘QEMU-Manager的魅力
    • VB.NET基于WEB房地产评估系统(源代码+文档) csdn663648 .net前端microsoft
      资料介绍：--------------摘要--------------房地产评估系统是典型的信息管理系统(MIS),其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强、数据安全性好的库。而对于后者则要求应用程序功能完备,易使用等特点。本系统特有的房屋基本情况、专业评估人员、估价方法等。经过分析,我们使用MICROSOFT公司的VISUALBA
    • 通用评估系统（五）- 前端部分总体说明 一个水货程序员 项目实战前端fastapipythonvue
      通用评估系统（五）-前端部分总体说明相关链接Gitee地址通用评估系统（一）-介绍通用评估系统（二）-原型设计通用评估系统（三）-前端部分通用评估系统（四）-前端部分计算脚本编辑组件文档说明本节中说明前端总体显示相关信息。具体数据交互待后端开发时同步进行。目录结构实际显示效果全局搜索评估模型管理数据模型管理指标体系管理评估任务管理部分代码说明评估模型管理组件import{ref,h,compute
    • 【Three.js】JS 3D library（一个月进化史） Tiffany_Ho 前端Three.js
      #春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换（transform、transition）3.
    • ASP.NET MVC实现layui富文本编辑器应用 福伴
      先看看视图层在视图层,使用的是视图助手–HtmlHelper,代替我们网页中传统的表单标签元素,其中的m代表实体模型。通过视图助手，为我们生成id和name属性相同的textarea标签。备注：在ASP.NETMVC中，能提交表单数据的元素（各种类型的input标签，textarea等），其属性name的值于实体模型中的属性名相同时，传递到控制器中的实体模型或参数，会自动进行映射，方便前端到后台的
    • Dify rerank model is deprecated in knowledge base 人工智能
      这是可优化的细节。这里过时的提示倾向于说工作空间有一个默认的重新排名模型，但在执行一些前端逻辑后我们发现当前的重新排名模型是空的或未定义的，因此这个当前模型已过时。但这里默认模型实际上是一个所有字段都是空字符串的模型结构：{"provider":"","model":""}在这种情况下，缺省模型实际上是空的且无效。因此，在这里我们不会显示过时标志，而是更有可能告诉用户为工作区配置至少一个重排序模型
    • AI前端开发：重塑工作环境与企业文化 suibian5235 人工智能前端
      近年来，人工智能（AI）技术的飞速发展深刻地改变着各个行业，前端开发领域也不例外。随着AI写代码工具的涌现，AI前端开发模式逐渐兴起，并对传统的前端开发模式带来了巨大的冲击。本文将深入探讨AI前端开发如何影响我们的工作环境和企业文化，并对未来的发展趋势进行展望。……AI前端开发对工作环境的影响AI前端开发的出现，最直接的影响体现在工作效率的提升和工作压力的变化上。许多AI工具，例如ScriptEc
    • video 标签实现进度条不可拖动，并监听观看状态、超时触发挂机验证 牡丹城沉静的萝卜 html5前端javascript
      需求：用户观看视频时，实时监听观看状态，超过一定时长后，触发挂机验证，并禁止拖动滚动条快进查看。技术：主要是用html5的vidoe标签做的，用到了自带的暂停（pause）、播放（play）、监听（timeupdate）等事件html：javascript：data(){return{videoUrl:'',video:{currTime:'',maxTime:'',tipsTime:0,//出现
    • Vue.js 组件开发：构建高效、可重用的用户界面 m1chiru vue.js
      Vue.js组件开发：构建高效、可重用的用户界面Vue.js是一个流行的JavaScript框架，它致力于通过简单的API和高度响应的设计，帮助开发者构建高效、动态的前端应用。在Vue.js中，组件是构建用户界面的核心单元。它们使得应用的结构更加模块化、可维护且易于重用。在这篇博客中，我们将深入探讨Vue.js组件的开发方法，包括组件的基本概念、创建、传递数据、事件处理以及组件之间的通信等关键内容
    • 一些流行的拖拽化和低代码平台(汇总) 视频砖家 文章存档低代码低代码平台
      一些流行的拖拽化和低代码平台，这些工具可以帮助用户快速构建应用程序，无需深入的编程知识：1.开源拖拽库dragula：一款强大且兼容性极好的拖拽排序库，支持多种框架，如vanillaJavaScript、Angular、React等。Interact.js：提供拖拽、调整尺寸和多点触摸手势功能，适用于现代浏览器。react-dnd：React组件库，用于实现拖拽功能。Sortable：适用于多种框
    • Vue.js 组件开发：构建可重用且高效的 UI 块 沉浮yu大海 vue.jsui前端
      在现代前端开发中，Vue.js凭借其简洁的语法、强大的数据绑定能力和灵活的组件系统，成为许多开发者的首选框架。组件化开发是Vue.js的核心特性之一，它允许我们将大型应用拆分成多个独立、可复用的部分，从而提高代码的可维护性和扩展性。本文将带你深入了解Vue.js组件开发的基本概念和最佳实践，帮助你构建高效且可重用的UI组件。一、Vue.js组件基础在Vue.js中，组件是可复用的Vue实例，它们封
    • 在vue3中配置scss 库库林_沙琪马 #Vue组件直接使用scssvue.js前端
      要在Vue3中使用SCSS（Sass的一个子集），你需要安装相应的依赖，并对项目进行一些配置。下面是详细的步骤：步骤1:安装依赖首先，你需要安装sass和vue-loader（如果你使用的是VueCLI）以及vite-plugin-vue2或vite-plugin-vue3（如果你使用的是Vite）。这里我们假设你使用的是Vite构建工具。打开终端并运行以下命令以安装所需的依赖包：npminsta
    • 前端构建工具——Webpack和Vite的主要区别 像素检测仪 前端前端webpack
      目录1.设计理念2.性能表现3.使用场景4.配置复杂度5.生态系统6.性能对比总结7.选择建议1.设计理念Webpack设计理念：Webpack是一个通用的模块打包工具，它将项目中的各种资源（如JavaScript、CSS、图片等）视为模块，并通过loader和plugin进行处理和打包。适用范围：适用于复杂项目，支持高度定制化，适合需要精细控制构建过程的场景。Vite设计理念：Vite（法语“快
    • 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 "[email protected]"     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其他