格式化小拓
格式化小拓

day49-Todo List（待办事项列表）

50 天学习 50 个项目 - HTMLCSS and JavaScript

day49-Todo List（待办事项列表）

效果

day49-Todo List（待办事项列表）_第1张图片

index.html

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Todo Listtitle>
    <link rel="stylesheet" href="style.css" />
head>

<body>
    <h1>todosh1>
    <form id="form">
        
        
        
        <input type="text" class="input" id="input" placeholder="Enter your todo" autocomplete="off">
        
        <ul class="todos" id="todos">ul>
    form>
    <small>左键单击以切换完成。<br> 右键单击可删除待办事项small>

    <script src="script.js">script>
body>

html>

style.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #f5f5f5;
    color: #444;
    font-family: 'Poppins', sans-serif;
    /* 子元素竖直居中 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    margin: 0;
}

/* 标题 */
h1 {
    color: aqua;
    font-size: 10rem;
    text-align: center;
    opacity: 0.5;
}

/* 带有input的form表单 */
form {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.8),
        4px 0px 10px rgba(255, 255, 255, 0.9);
    max-width: 100%;
    width: 400px;
}

/* 输入框 */
.input {
    border: none;
    color: #444;
    font-size: 2rem;
    padding: 1rem 2rem;
    display: block;
    width: 100%;
}

.input::placeholder {
    color: #d5d5d5;
}

.input:focus {
    outline-color: aqua;
}

/* 显示区域 */
.todos {
    background-color: #fff;
    list-style-type: none;
}

/* 每一项 */
.todos li {
    border-top: 1px solid #e5e5e5;
    cursor: pointer;
    font-size: 1.5rem;
    padding: 1rem 2rem;
}

/* 完成后，添加删除线 */
.todos li.completed {
    color: #b6b6b6;
    text-decoration: line-through;
}

/* 提示文本 */
small {
    color: #b5b5b5;
    margin-top: 1rem;
    text-align: center;
}

script.js


// 重点 flex text-decoration: line-through; localStorage JSON
// 1.获取元素节点
const form = document.getElementById('form')//表单
const input = document.getElementById('input')//输入框
const todosUL = document.getElementById('todos')//todos容器
// 获取本地存储的todolist
const todos = JSON.parse(localStorage.getItem('todos'))
// 如果有，则遍历，显示
if (todos) {
    todos.forEach(todo => addTodo(todo))
}
// 表单提交 即输入框回车后
form.addEventListener('submit', (e) => {
    // 阻止表单默认行为 不希望发生页面刷新或导航行为
    e.preventDefault()
    // 添加todo
    addTodo()
})
// 函数 添加todo
function addTodo(todo) {
    // 获取input的值
    let todoText = input.value
    // 如果todo存在值，即本地存储时有值，比如10行代码执行时
    if (todo) {
        todoText = todo.text
    }
    // 值存在，防止表单提交后，但是在表单的input并未输入值
    if (todoText) {
        // 创建li
        const todoEl = document.createElement('li')
        // 本地存储，并且时完成的，则添加删除线
        if (todo && todo.completed) {
            todoEl.classList.add('completed')
        }
        // 文本
        todoEl.innerText = todoText
        // 单机，即左键 完成
        todoEl.addEventListener('click', () => {
            todoEl.classList.toggle('completed')
            // 更新本地存储
            updateLS()
        })
        // 右键
        todoEl.addEventListener('contextmenu', (e) => {
            // 阻止右键的默认行为，即跳出菜单
            e.preventDefault()
            // 移除dom节点
            todoEl.remove()
            // 更新本地存储
            updateLS()
        })
        // 添加到ul中的第一个位置
        todosUL.insertBefore(todoEl, todosUL.children[0])
        // 置空input
        input.value = ''
        // 更新本地存储
        updateLS()
    }
}
// 函数：更新本地存储
function updateLS() {
    // 获取所有的todo
    let todosEl = document.querySelectorAll('li')
    // 先设置空的
    const todos = []
    // 再遍历添加每一项
    todosEl.forEach(todoEl => {
        todos.push({
            text: todoEl.innerText,//文本
            completed: todoEl.classList.contains('completed')//是否完成
        })
    })
    // 本地存储
    localStorage.setItem('todos', JSON.stringify(todos))
}

你可能感兴趣的:(50天50个小demo前端,html5,css3,javascript,前端,todo,list,本地存储)

  • Java进阶指南：高级面试问题与精辟解答（四） Xs_layla java面试题分享java面试开发语言
    Java面试问题及答案1.什么是Java内存模型（JMM）？它的作用是什么？答案：Java内存模型（JMM）是一个抽象的概念，它定义了Java程序中各种变量（线程共享变量）的访问规则，以及在并发环境下如何保证这些变量的可见性、原子性和有序性。JMM的作用是确保在多线程环境下，各个线程对共享变量的操作能够按照预期的顺序执行，从而避免并发问题，如数据竞争、死锁等。2.请解释一下什么是Java中的强引用
  • Java进阶指南：高级面试问题与精辟解答（三） Xs_layla 面试题分享javajava面试开发语言
    Java面试问题及答案1.什么是Java中的多态性？答案：多态性是Java中的一个重要特性，它允许一个引用类型可以指向多种实际类型的对象，并根据对象的实际类型调用相应的方法。多态性主要通过方法重载（静态多态）和方法重写（动态多态）来实现。方法重载发生在编译时，而方法重写发生在运行时。多态性使得代码更加灵活和可扩展。2.请解释Java中的集合框架，并说明List、Set和Map的区别。答案：Java
  • Java进阶指南：高级面试问题与精辟解答（一） Xs_layla java面试题分享java面试开发语言
    Java面试问题及答案1.请解释什么是Java内存模型（JMM）？它在并发编程中扮演什么角色？答案：Java内存模型（JMM）是一个抽象的内存模型，它定义了Java程序中变量的访问规则，以及在并发环境下如何保证内存操作的原子性、可见性和有序性。JMM确保了在多线程环境下，不同线程间对共享变量的读写操作能够按照一定的顺序进行，从而避免数据竞争和不一致的问题。在并发编程中，JMM扮演着至关重要的角色。
  • Java进阶指南：高级面试问题与精辟解答（二） Xs_layla java面试题分享java面试开发语言
    Java面试问题及答案1.什么是Java中的多线程？请简述Java中实现多线程的两种方式。答案：Java中的多线程指的是程序能够同时执行多个任务的能力。Java提供了两种主要的方式来实现多线程：继承Thread类：创建一个继承自Thread类的子类，并重写其run方法。然后创建这个子类的实例，并调用其start方法，这将启动一个新线程。实现Runnable接口：创建一个实现了Runnable接口的
  • Three.js基础入门系列（四） 骨灰级收藏家 前端javascriptmesh3d
    01、Three.js中的基本要素：网格（Mesh）当我们拥有了几何体模型和材质之后，我们需要通过一个网格（Mesh）将两者结合起来，创建我们正在的拍摄对象。两种不同的拍摄对象构造方法：newTHREE.Mesh(geometry,material)THREE.SceneUtils.createMultiMaterialObject(geometry,[materials…])第一个参数代表物体的
  • torch.triu 与 numpy.triu 函数 地球被支点撬走啦 PytorchPythonpythonpytorch
    triu=triangleup（我猜的）顾名思义，这个函数的作用相同，都是返回上三角矩阵，定义分别如下：numpy.triu(m,k)torch.triu(Tensor,diagonal)这两个函数的对应参数都是相同的含义。m代表要操作的矩阵，k代表以哪条对角线作为上三角矩阵的对角线。k=0代表主对角线，k为正数则从主对角线开始向上数第k条，k为负数则从主对角线开始向下数第k条。举例如下：impo
  • 【网络安全 | 漏洞挖掘】介绍一个价值50000美元的漏洞 秋说 web安全漏洞挖掘
    未经许可，禁止转载。本文涉及的漏洞已经全部修复。文章目录认识Zendesk关键点邮件伪造升级为全面的Slack接管引入OAuth今天，我将分享如何发现一个影响超过一半财富500强公司单一漏洞的经历。认识Zendesk如果你经常上网，可能已经接触过Zendesk。Zendesk是一款广泛使用的客户服务工具，许多世界顶级公司依赖它。它的设置非常简便：只需要将Zendesk与公司的支持邮箱（如suppo
  • 两数之和（Python） QRSN 算法刷题算法数据结构pythonleetcode
    目录题目描述解题方法解法一：暴力枚举思路复杂度解法二：哈希表思路复杂度题目描述难度：简单给定一个整数数组nums和一个目标值target，要求在数组nums中找出两个数，使它们的和等于目标值target。并返回这两个数在数组中的索引。例如，给定nums=[2,7,11,15]，target=9，因为nums[0]+nums[1]=2+7=9，所以应该返回[0,1]。解题方法解法一：暴力枚举clas
  • 2024 nginx已知 sztu.edu.cn.key和sztu.edu.cn.pem配置ssl 风吹落叶花飘荡 nginxssl运维
    以下是针对sztu.edu.cn域名的SSL证书配置指南：一、证书文件准备假设你已有以下文件：私钥文件：sztu.edu.cn.key证书文件：sztu.edu.cn.pem（需确认是否包含完整证书链）1.验证证书完整性#查看证书内容opensslx509-insztu.edu.cn.pem-text-noout#验证私钥与证书是否匹配opensslrsa-noout-modulus-insztu
  • python百度网盘-百度网盘 Python 客户端 weixin_37988176
    最近在GitHub上发现一个有趣的项目，百度网盘Python客户端(bypy)，主要使用在Linux命令行下，这样很大的一个好处是可以利用到百度云盘2TB的存储空间(如果你是会员有6TB)；你可以在任何服务器上，利用自动化脚本实现一些数据文件、日志文件等等备份操作，同时也提供丰富的文件列表、上传、下载、对比、同步以及批量操作等。虽然百度网盘Python客户端提供很大的便利，但是我强烈不建议将一些重
  • 目标检测进化史：从R-CNN到YOLOv11，技术的狂飙之路 紫雾凌寒 AI炼金厂#机器学习算法#深度学习深度学习计算机视觉python目标检测YOLOcnn人工智能
    一、引言在计算机视觉领域中，目标检测是一项至关重要的任务，它旨在识别图像或视频中感兴趣的目标物体，并确定它们的位置。目标检测技术的应用广泛，涵盖了自动驾驶、安防监控、智能机器人、图像编辑等多个领域。随着深度学习技术的飞速发展，目标检测算法也取得了巨大的突破，从最初的R-CNN到如今的YOLOv11，每一次的技术演进都为该领域带来了新的活力和可能性。回顾目标检测的发展历程，R-CNN作为第一个将深度
  • redis和mongodb等对比分析 贾斯汀玛尔斯 数据湖数据库noSQLredis数据库缓存
    Redis和MongoDB都是非常流行的NoSQL数据库，它们在数据存储模型、性能、扩展性等方面有很大的差异。下面是Redis和MongoDB的对比分析：1.数据模型Redis：键值存储：Redis是一个内存数据结构存储，它支持多种数据类型，如字符串、哈希、列表、集合、有序集合等。每个数据项通过一个唯一的键（key）存储和访问。键的值可以是不同的数据结构，不仅仅是字符串，也可以是数字、列表、哈希、
  • HTTP协议中Options请求的使用场景 阿湯哥 http网络协议网络
    在HTTP协议中，OPTIONS请求方法主要用于以下两种典型场景：1.CORS预检请求（PreflightRequest）当浏览器发起跨域请求（不同源）且请求满足某些条件时，浏览器会自动先发送一个OPTIONS请求（称为预检请求），以确认服务器是否允许实际请求。触发条件（满足任意一条即触发预检）：使用非简单请求方法（如PUT,DELETE,PATCH等，简单方法仅限GET,HEAD,POST）。请
  • Java编程入门：从OOP到第一个程序 helo world 手把手Java基础java开发语言
    Java编程入门：从OOP到第一个程序基本的控制逻辑语句建议面向AI学习,实在太简单.3.1面向对象编程三大特性1.封装（Encapsulation）publicclassBankAccount{//私有属性（数据隐藏）privatedoublebalance;//公有方法（操作接口）publicvoiddeposit(doubleamount){if(amount>0){balance+=amo
  • 【WPF应用35】深度解析WPF中的TreeView控件：功能、用法、特性与最佳实践 白话Learning WPFwpf
    WPF（WindowsPresentationFoundation）是微软推出的一个用于构建桌面应用程序的图形子系统。在WPF中，TreeView是一种常用的树形控件，用于显示层次结构的数据显示。本文将详细介绍WPF中的TreeView控件，并提供一个简单的示例。一、TreeView控件的基本概念TreeView控件用于显示一个层次结构的列表，通常用于显示文件系统、组织结构或其他任何可以表示为树形
  • 【JS】前端文件读取FileReader操作总结 m0_74825447 vip1024p前端javascript开发语言
    前言：开发中经常遇到文件上传的场景，有时需要前端将文件内容读取出来再以base64格式传到接口。目录FileReader主要方法readAsArrayBuffer(blob)readAsText(blob,[encoding])readAsDataURL(blob)主要事件React+antdUpload组件示例FileReaderFileReader是一个对象，允许Web应用程序异步读取存储在用
  • 手把手完成前端Vue3 + Vite项目工程化搭建 m0_74825447 前端
    vue3_vite_project基于Vue3+Vite搭建的前端工程化项目演示模板环境准备开发环境：Node.jsv16.14.2+npmv8.3.2开发工具：VisualStudioCodeorWebStorm源代码管理：Gitnpm镜像：npmconfigsetregistryhttps://registry.npmmirror.com技术栈技术栈描述Vue渐进式JavaScript框架Vi
  • bypy使用指南 | 如何在linux服务器上下载百度云/百度网盘文件？（超级详细版） TokamakYang 百度云linux服务器
    以下是根据BaiduPCS-Py（bypy）项目提供的中文详细使用指南：bypy介绍bypy是一个用于操作百度云的命令行工具，支持文件上传、下载、同步等操作。它是用Python编写的，使用百度开放的PCS（云存储服务）API。安装1.系统要求Python3.6及以上版本pip包管理工具2.安装步骤方法一：通过pip安装执行以下命令安装：pipinstallbypy检查安装是否成功：bypy--he
  • 百度竞价该如何选择关键词? 鸿博SEO（李鸿博）
    如今，百度竞价已成为网络营销中非常重要的一个流量来源渠道，很多企业也纷纷加入百度竞价推广计划，获得了一定的收益，尽管如此，还是有很多的用户对百度竞价系统了解和运用不够深入，结果浪费了很多钱，效果大打了折扣。很多做网络营销的资深人士也常说：如果对百度竞价系统操作好了，花同样的钱，可以带来两倍甚至更高的效果，百度竞价技术真有这么关键吗?做竞价推广最重要的就是关键词了，关键词的选择是做百度竞价开始的一项
  • Avalonia-wpf介绍 晓纪同学 C#技巧总结wpf
    文章目录工程简述窗体样式暗色模式亚克力模糊效果ExperimentalAcrylicBorder”和“ExperimentalAcrylicMaterial”的介绍ExperimentalAcrylicBorderExperimentalAcrylicMaterial按钮排版按钮图标按钮命令响应式命令添加一个新对话框对话框窗口样式对话框的输入与输出显示对话框对话框的位置和大小添加对话框内容模拟搜索
  • 探索WPF世界之门 - WpfDemo开源项目深度解析 孔帆贝
    探索WPF世界之门-WpfDemo开源项目深度解析【下载地址】WPF示例项目下载本仓库提供了一个名为`WpfDemo.zip`的资源文件下载。该文件是一个WPF（WindowsPresentationFoundation）示例项目的压缩包，旨在帮助开发者快速了解和学习WPF开发技术项目地址:https://gitcode.com/open-source-toolkit/67d6a项目介绍在数字时代
  • 数据安全_笔记系列04：数据访问控制中的“三权分立”机制详解 宁宁可可 数据安全笔记
    数据安全_笔记系列04：数据访问控制中的“三权分立”机制详解这三个角色的职责和权限划分。系统管理员负责系统的日常运维，比如安装软件、维护硬件等，但不应该拥有访问敏感数据的权限。安全管理员负责制定和执行安全策略，比如权限分配、访问控制列表的管理，但他们不进行日常维护。审计管理员则负责监督和审查系统管理员与安全管理员的操作，确保他们的行为符合规定，并且没有违规操作。为什么需要三权分立。主要是为了防止权
  • 【2025最新】ChatGPT国内直连中文版镜像网站 J19109690198 chatgpt人工智能论文笔记gptAI写作
    1.快速导航点此立即Chat直接访问2.两者对比项目官网镜像支付手段国际支付国内支付封禁策略网站检测，可能随时封禁采用更灵活的绕过策略，不易封禁价格每月140元订阅费用+每年70元虚拟卡一个月低至19.99元随用性需要固定订阅灵活选择，满足多种需求语音功能必须下载APP才能使用暂不支持语音功能智能程度官方最新模型与官网一致，模型更新及时次数限制3小时40条请求无限制，突破任何限制3.使用教程点击文
  • 为AI聊天工具添加一个知识系统 之122 详细设计之63 实体范畴论和神经元元模型：命名法函子 一水鉴天 智能制造软件智能人工语言人工智能
    本文要点要点本文讨论：实体的范畴论（三套论法）：一元论、二元论和三元论。神经元元模型（三层含义）暨三种神经网络构造型既神经元三个功能约束即神经细胞元元模型。”注：第一行是实体的范畴论的三种论法。主角是实体，配角是可以以三种论调来“论”的“范畴”从三种论调或主张中我们能知道“元”是专属字，通过理解可以是“变元”agument，--调动实参第二行是“神经元元模型”的三层含义（或元元模型统摄的三个三种方
  • 巴西Slot棋牌游戏出海投放Facebook脸书代投广告优势 电报_@ye001111 游戏facebook
    巴西Slot游戏出海投放Facebook广告优势研究报告引言在全球游戏市场中，巴西作为一个充满潜力的新兴市场，正吸引着越来越多的游戏开发商的目光。特别是Slot游戏，凭借其独特的魅力和广泛的受众基础，在巴西市场上展现出巨大的增长潜力。而Facebook作为全球最大的社交媒体平台之一，在巴西拥有庞大的用户基数和高度活跃的社交互动，为Slot游戏的出海投放提供了得天独厚的优势。本报告将深入分析巴西Sl
  • 【学术投稿-第四届算法、微芯片与网络应用国际会议（AMNA 2025】算法，微芯片与网络应用的交流 禁小默 算法
    重要信息时间：2025年3月7-9日地点：中国-扬州官网：ic-amna.net（点击了解参会投稿等）名词介绍算法、微芯片和网络应用是现代科技的重要组成部分，它们在推动数字化进程、提升信息处理能力和促进智能化应用方面扮演着关键角色。它们之间紧密联系，相互依存，助力我们进入了一个全新的信息化时代。以下是对三者的概述，以及它们之间的关系和应用。1.算法算法是处理特定问题的一系列明确的步骤或规则。算法是
  • 自学python：if语句 茶凉超级帅 python开发语言
    注：学习视频：B站Python大本营，编程工具：pycharm社区版参考书籍：《Python编程从入门到实践》一、条件测试每条if语句的核心都是一个值为True和False的表达式，这种表达式被称为条件测试。1.检查多个条件：(1)使用and检查多个条件：使用关键字and将两个条件测试合二为一；如果每个测试都通过了，整个表达式就为True；如果至少有一个测试没有通过，整个表达式就为False。(2
  • Python 爬虫实战：爬取小红书宠物分享，抓取萌宠好物推荐数据 西攻城狮北 python爬虫实战案例小红书
    目录一、前言二、准备篇2.1确定目标2.2工具与库2.3法律与道德声明三、实战篇3.1分析小红书宠物分享页面3.2模拟登录3.3获取笔记列表3.4爬取更多笔记数据3.5数据存储3.6爬取好物推荐数据3.7数据分析3.7.1数据清洗3.7.2互动分析四、总结与展望五、注意事项一、前言小红书作为一个热门的社交分享平台，拥有大量的用户分享内容，其中宠物分享板块更是深受养宠爱好者欢迎。了解这些萌宠好物推荐
  • 《销售目标总扑街？掌握这些技巧，业绩轻松上台阶！》 mariadbchrome
    别让销售目标成“画饼”，先搞懂底层逻辑[]()做销售这行有些年头了，见过太多年初信誓旦旦定下销售目标，年底却只能望洋兴叹的场景。就说我有个朋友在一家电商公司做销售，去年年初领导一拍脑门，给定了个销售额翻倍的目标，结果到了年底，连一半都没完成。这种情况并非个例，据相关数据显示，在销售行业，每年都有超过60%的销售人员无法完成既定销售目标，这背后的原因究竟是什么呢？我认为，很多人之所以完不成销售目标，
  • 百度云盘Python客户端——Bypy使用指南及常见问题解答 管吟敏Dwight
    百度云盘Python客户端——Bypy使用指南及常见问题解答bypyPythonclientforBaiduYun(PersonalCloudStorage)百度云/百度网盘Python客户端项目地址:https://gitcode.com/gh_mirrors/by/bypy项目基础介绍Bypy是一个专为百度云/百度网盘设计的Python客户端库，采用Python编写。此工具允许用户在终端环境中
  • java线程Thread和Runnable区别和联系 zx_code javajvmthread多线程Runnable
    我们都晓得java实现线程2种方式，一个是继承Thread，另一个是实现Runnable。 模拟窗口买票，第一例子继承thread，代码如下 package thread; public class ThreadTest { public static void main(String[] args) { Thread1 t1 = new Thread1(
  • 【转】JSON与XML的区别比较 丁_新 jsonxml
    1.定义介绍 (1).XML定义 扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。 XML是标
  • c++ 实现五种基础的排序算法 CrazyMizzz C++c算法
    #include<iostream> using namespace std; //辅助函数，交换两数之值 template<class T> void mySwap(T &x, T &y){ T temp = x; x = y; y = temp; } const int size = 10; //一、用直接插入排
  • 我的软件 麦田的设计者 我的软件音乐类娱乐放松
         这是我写的一款app软件，耗时三个月，是一个根据央视节目开门大吉改变的，提供音调，猜歌曲名。1、手机拥有者在android手机市场下载本APP，同意权限，安装到手机上。2、游客初次进入时会有引导页面提醒用户注册。（同时软件自动播放背景音乐）。3、用户登录到主页后，会有五个模块。a、点击不胫而走，用户得到开门大吉首页部分新闻，点击进入有新闻详情。b、
  • linux awk命令详解 被触发 linux awk
    awk是行处理器: 相比较屏幕处理的优点，在处理庞大文件时不会出现内存溢出或是处理缓慢的问题，通常用来格式化文本信息 awk处理过程: 依次对每一行进行处理，然后输出 awk命令形式: awk [-F|-f|-v] ‘BEGIN{} //{command1; command2} END{}’ file [-F|-f|-v]大参数，-F指定分隔符，-f调用脚本，-v定义变量 var=val
  • 各种语言比较 _wy_ 编程语言
                        Java Ruby PHP 擅长领域                  
  • oracle 中数据类型为clob的编辑 知了ing oracle clob
    public void updateKpiStatus(String kpiStatus,String taskId){ Connection dbc=null; Statement stmt=null; PreparedStatement ps=null; try { dbc = new DBConn().getNewConnection(); //stmt = db
  • 分布式服务框架 Zookeeper -- 管理分布式环境中的数据 矮蛋蛋 zookeeper
    原文地址： http://www.ibm.com/developerworks/cn/opensource/os-cn-zookeeper/ 安装和配置详解 本文介绍的 Zookeeper 是以 3.2.2 这个稳定版本为基础，最新的版本可以通过官网 http://hadoop.apache.org/zookeeper/来获取，Zookeeper 的安装非常简单，下面将从单机模式和集群模式两
  • tomcat数据源 alafqq tomcat
    数据库 JNDI(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。 没有使用JNDI时我用要这样连接数据库： 03.  Class.forName("com.mysql.jdbc.Driver");  04.  conn
  • 遍历的方法 百合不是茶 遍历
                                                          遍历 在java的泛
  • linux查看硬件信息的命令 bijian1013 linux
    linux查看硬件信息的命令 一.查看CPU： cat /proc/cpuinfo   二.查看内存： free   三.查看硬盘： df   linux下查看硬件信息 1、lspci 列出所有PCI 设备； lspci - list all PCI devices:列出机器中的PCI设备（声卡、显卡、Modem、网卡、USB、主板集成设备也能
  • java常见的ClassNotFoundException bijian1013 java
    1.java.lang.ClassNotFoundException: org.apache.commons.logging.LogFactory   添加包common-logging.jar2.java.lang.ClassNotFoundException: javax.transaction.Synchronization    
  • 【Gson五】日期对象的序列化和反序列化 bit1129 反序列化
    对日期类型的数据进行序列化和反序列化时，需要考虑如下问题：   1. 序列化时，Date对象序列化的字符串日期格式如何 2. 反序列化时，把日期字符串序列化为Date对象，也需要考虑日期格式问题 3. Date A -> str -> Date B,A和B对象是否equals   默认序列化和反序列化     import com
  • 【Spark八十六】Spark Streaming之DStream vs. InputDStream bit1129 Stream
      1. DStream的类说明文档：   /** * A Discretized Stream (DStream), the basic abstraction in Spark Streaming, is a continuous * sequence of RDDs (of the same type) representing a continuous st
  • 通过nginx获取header信息 ronin47 nginx header
    1. 提取整个的Cookies内容到一个变量，然后可以在需要时引用，比如记录到日志里面， if ( $http_cookie ~* "(.*)$") {         set $all_cookie $1; }     变量$all_cookie就获得了cookie的值，可以用于运算了
  • java-65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999 bylijinnan java
    参考了网上的http://blog.csdn.net/peasking_dd/article/details/6342984 写了个java版的： public class Print_1_To_NDigit { /** * Q65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999 * 1.使用字符串
  • Netty源码学习-ReplayingDecoder bylijinnan javanetty
    ReplayingDecoder是FrameDecoder的子类，不熟悉FrameDecoder的，可以先看看 http://bylijinnan.iteye.com/blog/1982618 API说，ReplayingDecoder简化了操作，比如： FrameDecoder在decode时，需要判断数据是否接收完全： public class IntegerH
  • js特殊字符过滤 cngolon js特殊字符js特殊字符过滤
    1.js中用正则表达式 过滤特殊字符, 校验所有输入域是否含有特殊符号function stripscript(s) {    var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）&mdash;—|{}【】‘；：”“'。，、？]"
  • hibernate使用sql查询 ctrain Hibernate
    import java.util.Iterator; import java.util.List; import java.util.Map; import org.hibernate.Hibernate; import org.hibernate.SQLQuery; import org.hibernate.Session; import org.hibernate.Transa
  • linux shell脚本中切换用户执行命令方法 daizj linuxshell命令切换用户
    经常在写shell脚本时，会碰到要以另外一个用户来执行相关命令，其方法简单记下：   1、执行单个命令：su - user -c "command" 如：下面命令是以test用户在/data目录下创建test123目录 [root@slave19 /data]# su - test -c "mkdir /data/test123" 
  • 好的代码里只要一个 return 语句 dcj3sjt126com return
    别再这样写了：public boolean foo() {    if (true) {         return true;     } else {          return false;    
  • Android动画效果学习 dcj3sjt126com android
    1、透明动画效果 方法一：代码实现 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_main, container, fals
  • linux复习笔记之bash shell (4)管道命令 eksliang linux管道命令汇总linux管道命令linux常用管道命令
    转载请出自出处： http://eksliang.iteye.com/blog/2105461     bash命令执行的完毕以后，通常这个命令都会有返回结果，怎么对这个返回的结果做一些操作呢？那就得用管道命令‘|’。     上面那段话，简单说了下管道命令的作用，那什么事管道命令呢？     答：非常的经典的一句话，记住了，何为管
  • Android系统中自定义按键的短按、双击、长按事件 gqdy365 android
    在项目中碰到这样的问题： 由于系统中的按键在底层做了重新定义或者新增了按键，此时需要在APP层对按键事件（keyevent）做分解处理，模拟Android系统做法，把keyevent分解成： 1、单击事件：就是普通key的单击； 2、双击事件：500ms内同一按键单击两次； 3、长按事件：同一按键长按超过1000ms（系统中长按事件为500ms）； 4、组合按键：两个以上按键同时按住；
  • asp.net获取站点根目录下子目录的名称 hvt .netC#asp.nethovertreeWeb Forms
    使用Visual Studio建立一个.aspx文件(Web Forms)，例如hovertree.aspx,在页面上加入一个ListBox代码如下： <asp:ListBox runat="server" ID="lbKeleyiFolder" />   那么在页面上显示根目录子文件夹的代码如下： string[] m_sub
  • Eclipse程序员要掌握的常用快捷键 justjavac javaeclipse快捷键ide
      判断一个人的编程水平，就看他用键盘多，还是鼠标多。用键盘一是为了输入代码（当然了，也包括注释），再有就是熟练使用快捷键。   曾有人在豆瓣评 《卓有成效的程序员》：“人有多大懒，才有多大闲”。之前我整理了一个 程序员图书列表，目的也就是通过读书，让程序员变懒。  写道 程序员作为特殊的群体，有的人可以这么懒，懒到事情都交给机器去做，而有的人又可
  • c++编程随记 lx.asymmetric C++笔记
     为了字体更好看，改变了格式……   &&运算符：   #include<iostream> using namespace std; int main(){      int a=-1,b=4,k;      k=(++a<0)&&!(b--
  • linux标准IO缓冲机制研究 音频数据 linux
    一、什么是缓存I/O(Buffered I/O)缓存I/O又被称作标准I/O,大多数文件系统默认I/O操作都是缓存I/O。在Linux的缓存I/O机制中，操作系统会将I/O的数据缓存在文件系统的页缓存(page cache)中，也就是说，数据会先被拷贝到操作系统内核的缓冲区中，然后才会从操作系统内核的缓冲区拷贝到应用程序的地址空间。1.缓存I/O有以下优点:A.缓存I/O使用了操作系统内核缓冲区，
  • 随想 生活 暗黑小菠萝 生活
    其实账户之前就申请了，但是决定要自己更新一些东西看也是最近。从毕业到现在已经一年了。没有进步是假的，但是有多大的进步可能只有我自己知道。   毕业的时候班里12个女生，真正最后做到软件开发的只要两个包括我，PS：我不是说测试不好。当时因为考研完全放弃找工作，考研失败，我想这只是我的借口。那个时候才想到为什么大学的时候不能好好的学习技术，增强自己的实战能力，以至于后来找工作比较费劲。我
  • 我认为POJO是一个错误的概念 windshome javaPOJO编程J2EE设计
                  这篇内容其实没有经过太多的深思熟虑，只是个人一时的感觉。从个人风格上来讲，我倾向简单质朴的设计开发理念；从方法论上，我更加倾向自顶向下的设计；从做事情的目标上来看，我追求质量优先，更愿意使用较为保守和稳妥的理念和方法。    &
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他