格式化小拓
格式化小拓

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,本地存储)

  • 杨幂：凭什么要让别人了解你的辛苦 十柒0602
    你真的觉得别人会关心你吗？“你明明工作很辛苦，可能有的时候有些不舒服——你知道我在说什么”，张大大说道。“大半夜去医院啊？哦，没事”，杨幂轻描淡写地说。......“那我问一个问题‘你真的觉得别人会关心你吗’”，杨幂继续说：“你觉得有多少人能感同身受呢？”看到这句话的时候，我认真地问了问自己：“你真的觉得别人会关心你吗，你觉得有多少人能感同身受呢？”回答是“没有”。工作中被领导误会，然后一个人跑去
  • 淘宝购物怎么拿返利，淘宝购物佣金最高的软件 高省APP大九
    淘宝作为中国最大的电商平台，每天都有数以亿计的交易在这里发生。对于大多数消费者来说，如何在购物时获取更多的优惠和返利，无疑是一个值得探讨的话题。高省APP作为一款专注于购物返利的软件，为淘宝购物者提供了一个便捷、高效的返利渠道。本文将详细介绍如何通过高省APP在淘宝购物时获取返利。高省APP官网邀请码110000一、下载并注册高省APP首先，你需要在手机应用商店搜索“高省”并下载安装。安装完成后，
  • 新学期，巧用7个“5”小策略，帮孩子养成爱学习的好习惯 云卷云舒与孩子共成长
    昨天周末，小编在小区楼下碰到一位家长，看到他手里拿着刚买的《2022版高考英语词汇手册》，就和她聊了起来。我问她：“看您买2022版词汇手机，孩子明年高考么？”这位家长说：“不是，我家孩子这学期上高一”，我问她，“孩子上高一，你买这个干吗？这是高三用的啊？”家长表示自家孩子虽然上高一，但她给孩子定的目标是，周末2天，每天背诵100个英语单词，直至高考结束。小编听到后都惊呆了，高中英语课标规定，高中
  • 一个不一般的女人（一） 大林笔记
    南方的乡村没有暖气，所以一到冬天总是会感觉分外的寒冷。小美开着车去看望年迈的奶奶，原来崎岖的山路现在都是柏油路和水泥路，平坦，但依然很多弯，很多坡。但怎么样都抵挡不住她喜滋滋的心情，她从镜子里看了看后面取暖的小太阳，马上要见到奶奶了，脑中浮现的是奶奶慈祥、亲切的脸庞，那脸上有善良、有坚韧，好像是她们这一代人特有的风貌。一踏进门，奶奶就摩挲着小美的手，招呼着她吃各式各样的糕点和小吃，这些都是奶奶亲手
  • 用正则表达式过滤logcat中的多个tag的日志 fc82bb084ee7
    在AndroidStudio中,在过滤器的byLogTag选项中配置.我配置了2个tagfilter方便开发,1.multi-tag-filter2.ignore-multi-tag-filter.过滤出指定tag的日志信息^(?:Watchdog|InputReader|ahking)Watchdog忽略指定tag的日志信息^(?!WifiMonitor|WifiHW)有些tag的无用log非常
  • 微服务与DDD简单介绍 analu 微服务
    首先微服务是一种架构模式，相比较单体架构，微服务架构更独立，能够单独更新和发布。微服务里面的服务仅仅用于某一个特定的业务功能。举个例子，单体架构就想一碗面条，所有模块都在一起，而微服务相当于甜甜圈，模块清楚，可以单独发布，想更新哪个就更新哪个。DDD（DomainDrivenDesign）,简称DDD，领域驱动设计康威定律（Conway'sLaw）组织----对应------微服务拆分DDD作用-
  • missing 1 required positional argument: ‘self‘ baidu_huihui selfstaticmethodclassmethod
    missing1requiredpositionalargument:'self'解释：这个错误通常发生在Python中使用类方法时，你没有正确地使用self参数。在Python中，实例方法必须至少有一个参数，通常被命名为self，它代表实例本身。当你在类中定义一个方法时，Python会自动将这个self参数加入到方法参数列表中。解决方法：确保你在类的方法定义中使用了self参数，并且在调用这个方
  • 太阳结构之对流层--太阳也一直开着振动模式？ 科学的大手
    对流层光能在辐射区逐渐被重粒子吸收，变成粒子的动能（热能）。当辐射区顶的实际温度梯度绝对值大于绝热温度梯度绝对值时，即温度变化太快，超过了绝热传导的速度，就会发生对流运动，进而形成对流层（来不及传递能量了，我自己动吧）。这就相当于辐射区是个火炉，在加热对流层中的物质，底部热物质向上运动，直达太阳表面并冷却，然后下沉到底部，重新加热，再次上升，如此反复，形成循环的冷热交替过程，完成能量的传输（烧开水
  • 锁之synchronized 与volatile lock的异同 追梦的鱼儿 java锁synchronizedvolatileLock
    目录synchronized特性用法使用场景synchronized的优缺点优点缺点volatile特性用法使用场景Lock特性用法使用场景总结相同点不同点synchronized关键字是Java提供的用于解决并发编程中数据一致性问题的重要工具。它通过锁机制确保在同一时刻只有一个线程能够执行被同步的方法或代码块，从而实现互斥访问。尽管synchronized使用简单且可靠，但在高并发场景下可能会带
  • android之ActivityThread 追梦的鱼儿 androidActivityThread
    目录主要职责关键组件工作流程ActivityThread是Android框架中的一个核心类，负责管理应用程序的主线程（UI线程）以及应用程序的生命周期事件。了解它的工作原理对于理解Android应用程序的运行机制是非常有帮助的。主要职责管理主线程：ActivityThread是应用程序的主线程，负责处理所有的UI操作。生命周期管理：处理Activity、Service、BroadcastRecei
  • 爱·彤草 梨织
    如果我是一个牧羊人行走在草原那么你就是树荫下的一株彤管草待我摘下吹出一曲悠扬的歌写于2016年3月4日上午
  • 2021年省考行测常识：中国最美六大瀑布 华图小黄鸭
    藏布巴东瀑布群(西藏)藏布巴东瀑布群实际为两个瀑布群。位于雅鲁藏布大峡谷西兴拉山下、距迫隆藏布汇入口约20公里河床上，地理位置为：北纬29°46′，东经95°10′，海拔2140米;在相距600米的河床上，这里出现两处瀑布，分别高35米(瀑布群二)和33米(瀑布群一)，前者宽仅35米，为雅鲁藏布大峡谷中最大的河床瀑布。在这么短的范围内，在大江干流上形成多级大瀑布，这在中国是首次发现，在世界上也是罕
  • 日更212：生龙活虎的儿童时代 梦想成真101
    又很长一段时间，我都有这样的一个想法：我的人生是从小到大越来越不幸福。不知道这个想法是怎样产生的，当我意识到它的时候，我应当已经是初中或者高中了吧！而且还对这个想法产生了怀疑，真的是这样吗？我后面的人生比小时候的幸福吗？仔细回想一下，便发现其实并非完全如此，小时候我经常被送去外婆家常住，小时候物质也更匮乏，如果非要说小时候更好的话，那应该更多的指的是主观的精神层面的幸福感。如昨天所写，小时候的我应
  • 去年，今年 北丫头
    去年的今天我在深圳，加不完的班，太阳没出来，就出门了，总是迎着月亮回到家，今年的今天我还在努力加班，只是没那么晚了，去年是为了今年的目标前进，今年是为了明年的目标前进，一步一个脚印，加油向前吧图片发自App图片发自App
  • C++实现杨辉三角 代码无疆 C++c++算法数据结构
    #includeusingnamespacestd;constintmaxn=50;inta[maxn][maxn];intmain(){intn;cin>>n;for(inti=1;i<=n;i++){a[i][1]=1;a[i][i]=1;for(intj=2;j
  • 活怕人做 一祉微笑
    坚持分享第143天。任何事情只要动手做了，你就会发现其实也没有你想像的那么难。困难都是自己想象出来的纸老虎，亦或者是自己给自己找的借口。再多再难的事情只要干一件就少一件，俗话说：活怕人做！
  • 2024年Python最全Python-Matplotlib可视化（1）——一文详解常见统计图的绘制(1) 2401_84558452 程序员pythonmatplotlib开发语言
    importmatplotlib.pyplotaspltx=range(50)y=[value*2forvalueinx]plt.plot(x,y)plt.show()上述代码将会绘制曲线y=2*x，其中x在[0，50]范围内，如下所示：可以看到窗口上方还包含多个图标，其中：|项目|Value||—|—|||此按钮用于将所绘制的图形另存为所需格式的图片，包括png，jpg，pdf，svg等常见格式
  • 一品九型8.0暨260期觉察训练营 878c4b6c4c39
    第七天礼物一、今天周末，找个人好好聊下，这一周来，自己的心态变化，也请对方说说发现自己有什么变化（当然，最好是身边熟识的人），这种变化，总体而言对自己和他人是正向的还是负向的？如果变化有分值，你会打几分呢？（总分10分）转眼就一周了，冬至快乐，要我找个人好好聊一下，想来想去都不知道找谁好，最后还是决定找自己内心聊聊比较妥，心态和心情还是一如既往的起伏，自己感觉不到有什么大的变化，但隐约觉得比起以前
  • 青山村2018 a6e1add14fc7
    青山村的父老乡亲：感谢大家的爱心支持，经过基金会筹备组讨论决定，捐助仪式定于2018年8月26日（星期天）中午13点，在青山村篮球场隆重举行。这次活动的主旨是弘扬正能量，传承青山人民艰苦奋斗及青山学子顽强拼博精神，让知识成为改变命运的强大动力。我们也看到了绝大多数青山人民、青山儿女的真诚之心，所以决定以一个仪式、一次活动来进行鼓劲和宣传，在勤俭节约的前提下做一次有意义的开启活动。希望得到大家的理解
  • 不想一辈子打工？看看穷人如何成为富人 沸点生活TM0
    现在许多人都对自己得生活不满，认为自己很穷，想要成为一个富人，经济学里有个“马太效应”，就是穷人会越来越穷，富人会越来越富，那么你想要成为富人的话，首先你就要认清楚自己与富人间的差距。首先与富人得差距就是家庭条件，家庭富或贫会影响孩子的长远眼光。穷人的孩子更注重眼前，而富人家的孩子则有比较长远得目光。穷人的孩子输不起，生活的压力让他们对眼前利益考虑更多。就这样差距也就一步步扩大。其次，就是抗风险能
  • 改变 亦含
    图片发自App最好改变命运的方式，是读书。阅读经典，是世界上最廉价的也是最容易让自己改变的方法。很多人都听过这样一个故事，用竹篮去打水，往返很多次，每次都不能真正的打满水来，正如我们读过的书，大多都忘记了，但是当你回头看时，你会发现，篮子光洁如新，是的，在潜移默化中，我们的灵魂得到洗礼，我们的境界提升、眼光拓宽，心胸变得宽广。你所有读过的书，吃过的苦，都会化成你内在的养分，滋养着你，化成你的骨和肉
  • 人间值得#TOP162-双节八天假第二天 奇怪的小西
    每日记点事昨是国庆第一天全国人流再创新高，上海外滩最高人流量达到了恐怖的6.5万人次，1600余人安保力量来保证外滩游客的人身安全。真的是对各地游客一无所知，到处是人挨着人。开始了一年一度国庆假期的人口大迁徙，在国外人们正值疫情高速的蔓延和第二波疫情的发展，我们国家却做到了，让外国人看的直是眼馋，当他们还在居家隔着时，我们却可在外游玩。自八月中旬以来我国已经基本没有本土新增新冠肺炎病例，全国人民上
  • 忙碌一天的女儿 月儿贝贝
    屈源芝妈妈亲子日记第422天6月20日，星期三，晴图片发自App今天对女儿来说，确实是忙碌的。一睁开眼，一边洗脸刷牙，一边听着诵读的录音，临走前，还给我背了一遍。接着，匆匆忙忙赶去学校当值周生。中午，也是如此，吃饭晚了点，回来午休还不忘背稿子，继续当好值周生。下午放学后，又和我一起去学校排练亲子诵读。来自四个家庭的亲子，认真的排练着诵读，终于选好背景音乐，大家比昨天进步很多。虽然还是不太熟练，可都
  • 温晴的半生缘——第四十六章 神的儿女小妮
    她和他道了晚安。他们每次聊天都以晚安结束。她有时想和他一直聊下去。也是可以的。可是聊下去太危险了。她说不定随心即兴豁出去了要对他表白。她看着时间已经很晚。她知道他第二天还要很多事忙。只是不忍拂她意。她看着他发的字入神。她明明刷了牙又去刷一次。她开灯关灯。当她拿起湿润的牙刷她看着镜子笑。她问他许多问题，有些她想还是当面问他好。可是她什么时候再见到他呢？也许见到她还是心神恍惚，连一个问题也想不起。她就
  • 亲子日记643 云哲云灿妈妈
    2019.01.03星期四晴早晨依然跟宝爸两人送李云哲上学，这家伙确实挺沉，一人背着根本走不了那么远的距离。上班路上，跟宝爸商量，李云哲的脚伤估计一时半会儿好不利索，看看给她要不借支拐杖用？后来打电话问了一下，没借着，就想干脆买一支吧，开始想从网上买，后来同事说药店就有卖的，就去药店买了一支。中午，宝爸在公司开会，我到学校给李云哲送午饭，准备了3个武大郎烧饼，结果这家伙全吃了，怪不得那么沉呢，这么
  • 2018-05-28 瑞彤妈妈
    2018年5月27日星期日晴亲子日记第137天三年级二班许思睿从临朐回来时已经昨晚八九点了，梦晴姑姑只好在这里住下了，这个小姑姑比思睿大不了几岁，今年要中考了，我问她有没有把握考上高中，她说六中都够呛，今年六中只录取200多人，那其余的呢？她说其余的没学上了，压力这么大了，这么小，难道辍学在家打工吗？吃了早饭我就把她送到路口，坐车回家了，因为下午要早早的去学校，临走前我跟她说，一定要加油哦，中考考
  • 食堂边的小猫咪 羊茂台
    这两天到外地学习，食堂边一只小猫咪，甚是让人喜爱。吃饭时，大家陆陆续续地走向食堂，小猫咪就在食堂门前踱步，冲着来往的人“咪咪”的叫，大家也都习惯性跟它打招呼。小猫咪，浑身黄白相间的毛色，体态甚是臃肿，像极了一位华贵的妇人。吃完饭，走出食堂，小猫咪不见了。我们来到操场散步。却发现小猫咪也悠闲自得的在操场的跑道上散步，有时跟着这几个走两步，又停下等下一拨，…这小家伙感情不认生，你停下，它还会凑到你身边
  • 初尝生活 迎春flower
    来学校已经三天了，除了今天上午开了一次班会再无其他任何活动！虽说刚来，对一切都很新奇，但九月的天气除了早晚仍然很热，宿舍的生活除了吃就是睡，玩玩手机，仍是无聊。“好想去图书馆！”冬茉莉说。“我也想去！”来梦佳回应道。“咋们的图书证还没下来，能去图书馆吗？”刘蒂反问道。“听说拿录取通知书就可以进去！”陈瑞娇答到。“要不咋们待会去看看，怎么样？”来梦佳向冬茉莉说道。“行！”冬茉莉回到道。吃完午饭，她们
  • 中原焦点团队焦点初级32期梁怡2022年2月14日坚持分享第89天 怡_96d8
    尤其是青少年，他们的自我还在发展中，对自己的认识也还在形成中，因此青少年会发生一些逾矩行为,是因为其错误评估自己或现实所致（例如认为偷窃应该不至于会被捉到），因而当发生问题时，青少年多为相当慌张的、不知所措的，尽管他看起来一副不为所动的样子。然而,在青少年出事的时候,是他最需要被帮助的时候,也往往是最容易受教、最容易反省自己、最有改变意愿的时候。如果咨询师与其周遭的人能把握当事人犯错、出事的时机来
  • 所谓“授受不亲”，你真的懂吗？ 英语日语翻译
    记得某位教授说过古时“授受不亲、买卖不分”，“授”和“受”、“买”和“卖”是相互动词，即没有一方也就不会有另一方。“受”本来含有“授”的意思，字形是上下两只交换的手，所谓“授受不亲”便指“授”和“受”是分不开的，是一个过程的两个方面。后来随着文字的发展，出现了“授”，成了三只手，不合逻辑，却约定俗成。正如余光中所言：“语言天生是不讲理的东西，学者必须低首下心，惟命是从，而且昼思夜梦，念念有词，若中
  • 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其他