一个利用HTML5 localStorage功能的todo应用(angularJs+Bootstrap)

今天在网上看到一个简单的todo应用，使用angularJs做前端数据绑定，利用localStorage来存储数据，觉得挺有意思的。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html ng-app="todoApp">

  <head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>

<script src="/js/angular.js" type="text/javascript"></script>

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js" type="text/javascript"></script>

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" type="text/css"/>

<script type="text/javascript" src="/less/js/app.js"></script>

<style>

  .center-grey{

 background:#f2f2f2;

 margin-top:20;

  }

  .top-buffer {

  margin-top:20px; 

  }

  button{

  display: block; 

  width: 100%;

  }

</style>

<title>Angular Todo Note App</title>

  </head>

  <body>

<div class="container center-grey" ng-controller="TodoController">

  <div class="row top-buffer" >

<span class="col-md-3"></span>

<span class="col-md-5">

  <input class="form-control" type="text" ng-model="note" placeholder="Add a note here"/> 

</span>

<span class="col-md-1">

  <button ng-click="createNote()" class="btn btn-success">Add</button>

</span>

<span class="col-md-3"></span>

  </div>

  <div class="row top-buffer" >

<span class="col-md-3"></span>

<span class="col-md-6">

  <ul class="list-group">

<li ng-repeat="note in notes track by $index" class="list-group-item">

  <span>{{note}}</span>

</li>

  </ul>

</span>

<span class="col-md-3"></span>

  </div>

</div>

  </body>

</html>

ng-app声明了使用todoApp作为model

ng-controller声明了TodoController作为控制器

ng-model="note" 对输入框input进行了数据绑定，绑定到了$scope.note

ng-click="createNote"对函数(对象)进行了绑定，绑定到了$scope.createNote = function(){...}

ng-repeat = "note in notes track by $index" 以及{{note}} 是不是看上去很眼熟，对了，就是angularJs的循环遍历的写法，列出所有的notes数组里的数据

下面就是todoApp的js寇丁，controller'TodoController'传入$scope和notesFactory服务，

object.keys遍历localStorage里所有的key-value键值对

var todoApp = angular.module('todoApp',[]);



todoApp.controller('TodoController',function($scope,notesFactory){

    $scope.notes = notesFactory.get();

    $scope.createNote = function(){

        notesFactory.put($scope.note);

        $scope.note='';

        $scope.notes = notesFactory.get();

    }

});



todoApp.factory('notesFactory',function(){

    return {

    put: function(note){    

        localStorage.setItem('todo' + (Object.keys(localStorage).length + 1), note);

    },

    get: function(){

        var notes = [];

        var keys = Object.keys(localStorage);

        for(var i = 0; i < keys.length; i++){

            notes.push(localStorage.getItem(keys[i]));

        }

        return notes;

    }       

    };

})

BTW,通过firefox的开发者工具可以查看修改删除当前页面的localStorage内容，具体方法请猛戳这里

最后想说的是，angularJS真是一个好东西啊

你可能感兴趣的:(localStorage)

  • Vue 浏览器本地存储 yume_sibai vue.jsjavascriptecmascript
    一、webStorage1.存储内容大小一般支持5MB左右（不同浏览器可能不一样）。2.浏览器通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制。3.相关API:(1).xxxxStorage.setItem('Key','value')：该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。(2).xxxx
  • MyUI 登陆组件使用文档 速易达网络 Vue-MyUI组件库vue.js前端框架前端
    下面是一个完整的Vue.js登录组件实现，包含表单验证、API请求、状态管理和路由跳转等功能：功能特点表单验证：实时验证用户名（邮箱格式）密码复杂度验证（6-20位字母+数字）错误提示显示用户体验：提交按钮加载状态"记住我"功能（使用localStorage）友好的错误提示安全措施：防止重复提交密码字段使用type="password"401未授权处理
  • 本地存储（Local Storage）、会话存储（Session Storage）、IndexedDB 和 Cookies 区别及抗清除能力 郭靖8 html5
    本地存储（LocalStorage）、会话存储（SessionStorage）、IndexedDB和Cookies是前端开发中常用的客户端存储技术，它们在用途、生命周期、容量和特性上有显著区别。以下是它们的详细对比：1.本地存储（LocalStorage）特点：持久性：数据永久存储，除非手动清除（通过代码或浏览器设置）。作用域：同一域名下的所有页面共享数据。容量：约5MB（不同浏览器可能略有差异）
  • JavaScript AJAX 实现，演示如何将 Token 添加到 Authorization CATTLECODE javascriptajaxokhttp
    以下是一个完整的原生JavaScriptAJAX实现，演示如何将Token添加到Authorization头部的示例：基础实现html复制代码AJAXToken示例//获取当前用户的Token（实际应用中从安全存储获取）functiongetAuthToken(){//实际项目中应从localStorage/cookie获取return"eyJhbGciOiJIUzI1NiIsInR5cCI6Ik
  • 前端记录输入框的历史输入记录，输入框数据记忆功能 Jinkxs 前端
    需求是记录每个输入框的所有历史输入记录，而不仅仅是当前的输入值。为了实现这一功能，我们可以使用localStorage来存储每个输入框的历史记录，并在用户输入时动态更新这些记录。实现步骤初始化数据：定义一个对象来存储每个输入框的历史记录。恢复历史记录：在组件创建时从localStorage中恢复历史记录。更新历史记录：在用户输入时更新历史记录，并将其保存到localStorage中。显示历史记录：
  • iOS WebView 调试实战 localStorage 与 sessionStorage 同步问题全流程排查 2501_91591841 ios小程序uni-appiphoneandroidwebviewhttps
    在混合开发项目中，localStorage和sessionStorage常被前端用来临时存储用户状态、页面标记等数据。但这些Web存储在iOSWebView中并不总是如预期稳定，有时会出现数据“存了又丢”、“刷新后状态消失”、甚至“另一个标签页取不到值”等异常，调试难度极高。本文以真实案例为基础，分享如何通过实际流程和工具协作，最终定位存储问题根因并制定稳定方案。一、典型用户反馈：刷新页面后状态消
  • 鸿蒙和Android知识点
    鸿蒙知识点鸿蒙OS与AndroidOS的主要区别是什么har、hsp、hap和app文件的区别ArkTs和Ts有什么区别介绍下页面组件的生命周期如何进行数据持久化父子组件的通讯方式有哪些AppStorage和LocalStorage的区别是什么，使用时有何注意事项Navigation和Router的区别鸿蒙有哪些后台任务类型什么是ability，ability的启动方式有哪些List加载大量数据时
  • 前后端分离场景下的用户登录玩法&Sa-token框架使用
    两种方案的token、用户登录信息都存储在redis中！！方案一该方案是前端把token和token有效期一起加密存储到浏览器的localStorage中，每次请求时调用前端的getTokenIsExpiry()获取token并检查token是否过期，过期则remove并跳转登录页，这样前端有个问题就是前端也要知道token的有效期，需要和后端的token有效期保持一致，而后端则提供两个拦截器，分
  • 教你如何用 localStorage+Vue 状态管理玩转数据持久化！
    收藏点赞关注不迷路！教你如何用localStorage+Vue状态管理玩转数据持久化！在Vue项目中，我们经常使用状态管理（如Vuex或Pinia）来管理用户登录状态、主题、页面设置等全局数据。但很多朋友会遇到一个问题：“我刷新页面之后，状态就丢了啊！”这时候，localStorage就是你的好搭档！它能让你在用户刷新页面或关闭浏览器后，还能保留关键数据。今天我们就来聊聊：如何优雅地将localS
  • axios无感刷新token
    html代码Document获取token测试刷新constgetToken=()=>{returnlocalStorage.getItem('token');}constsetToken=(token)=>{localStorage.setItem('token',token);}axios.defaults.baseURL='http://localhost:18565';axios.inte
  • 大文件断点续传 reiraoy spring
    断点续传在浏览器中实现“刷机后不丢失”需要综合考虑前端和后端的设计。以下是实现思路和常用方案：使用唯一文件标识（文件哈希或唯一ID）：在上传前，计算文件的唯一标识（如MD5、SHA-1等）或由用户提供的唯一ID。通过存储在浏览器本地（localStorage、IndexedDB）中的上传状态，记录已上传的片段或进度。断点续传机制（块级上传）：将文件切分成多个块（chunk），每个块单独上传。在上传
  • 前端基础知识JavaScript系列 - 25（Javascript本地存储） 前端小白从0开始 前端javascript开发语言
    一、方式javaScript本地缓存的方法我们主要讲述以下四种：cookiesessionStoragelocalStorageindexedDBcookieCookie，类型为「小型文本文件」，指某些网站为了辨别用户身份而储存在用户本地终端上的数据。是为了解决HTTP无状态导致的问题作为一段一般不超过4KB的小型文本数据，它由一个名称（Name）、一个值（Value）和其它几个用于控制cooki
  • 深入解析 Cookie、LocalStorage 和 SessionStorage 浪裡遊 杂文前端服务器后端信息与通信tcp/ip交互
    浏览器数据存储三剑客：深入解析Cookie、LocalStorage和SessionStorage在现代Web应用开发中，经常需要在用户的浏览器端存储数据，以实现用户状态管理、个性化设置、离线功能等。浏览器为此提供了几种主要的客户端存储机制，其中Cookie、LocalStorage和SessionStorage是最常用且核心的三种。虽然它们都用于在浏览器端存储数据，但它们在设计目的、生命周期、作
  • 浏览器存储机制解析：Cookie vs localStorage vs sessionStorage neon1204 计算机｜网络计算机网络缓存
    全面对比：cookie、localStorage和sessionStorage1.Cookie核心作用：用于浏览器和服务器通信（如身份验证）存储大小：最多4KB生命周期：可设置过期时间（通过Expires或Max-Age）未设置则随浏览器会话结束失效访问方式：读/写：document.cookie（字符串形式）修改需手动字符串拼接通信特性：每次HTTP请求自动携带（通过请求头）增加网络负担安全相关
  • 【IndexDB】前端IndexedDB终极指南 Vesper63 前端前端
    前端IndexedDB详细教程IndexedDB是一个浏览器内置的NoSQL数据库系统，允许在客户端存储大量结构化数据，并支持高性能搜索。相比localStorage，IndexedDB更适合存储大量数据并提供更复杂的查询功能。基本概念数据库：每个源（协议+域名+端口）可以创建多个数据库对象存储（ObjectStore）：类似于数据库中的表索引（Index）：用于快速查找数据事务（Transact
  • OpenHarmony页面级UI状态存储：LocalStorage 愿天堂没有996 鸿蒙开发移动开发OpenHarmonyuimatlabvue.js嵌入式硬件openharmony鸿蒙开发javascript
    LocalStorage是页面级的UI状态存储，通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage也可以在UIAbility内，页面间共享状态。本文仅介绍LocalStorage使用场景和相关的装饰器：@LocalStorageProp和@LocalStorageLink。说明：LocalStorage从APIversion9开始支持。概述
  • 鸿蒙应用开发中的状态管理：深入解析AppStorage与LocalStorage vvilkin的学习备忘 #HarmonyOSharmonyos华为
    在鸿蒙（HarmonyOS）应用开发中，高效的状态管理是构建复杂应用的关键。随着应用规模的扩大，如何在不同组件、页面甚至整个应用范围内共享和管理数据状态，成为开发者必须面对的问题。鸿蒙OS提供了两种核心的状态管理工具：AppStorage和LocalStorage，它们分别针对应用级和页面级的状态管理需求。本文将深入探讨这两种状态管理机制的原理、使用方法、最佳实践以及它们在实际开发中的应用场景。一
  • 前端 LocalStorage 全面揭秘，让你的数据存储更高效 前端视界 前端ai
    前端LocalStorage全面揭秘，让你的数据存储更高效关键词：前端、LocalStorage、数据存储、高效、Web开发摘要：本文将全面深入地介绍前端中的LocalStorage技术。从其背景知识讲起，详细解释核心概念和原理，展示具体的操作步骤与代码示例，探讨实际应用场景、未来发展趋势与挑战等内容。旨在帮助读者全面了解LocalStorage，从而实现更高效的数据存储，提升前端开发的质量和性能
  • Cookie vs Token：为什么有了 Cookie 还需要 Token 程序员流年大运 JavaScript前端javascript缓存
    CookievsToken：为什么有了Cookie还需要Token？在现代Web开发中，Cookie和Token（如JWT）都是用于身份验证和会话管理的技术，但它们的设计目标、使用场景和安全性有显著差异。以下是深度对比：1.核心区别维度CookieToken（如JWT）存储位置浏览器自动管理由开发者手动存储（localStorage/内存）传输方式自动通过HTTP头（Cookie）发送手动添加到请
  • Vue3 + TypeScript 本地存储 localStorage 的用法 BillKu typescriptjavascript前端
    1、字符串直接操作//存储表格列宽localStorage.setItem(`${tableName.value}_${prop}_colWidth`,newWidth.toString());//获取表格列宽letstorageColWidth=localStorage.getItem(`${tableName.value}_${prop}_colWidth`);//删除本地存储的列宽数据loc
  • Vue3组件生成唯一标识符方法 BillKu javascript前端vue.js
    在Vue3中实现每次程序运行时生成相同的随机标识符（即刷新页面后标识符保持不变），需要使用持久化存储技术。以下是几种实现方案：方案1：使用localStorage（推荐）vue复制下载import{ref,onMounted}from'vue';constuniqueId=ref('');//生成或读取标识符constgetOrCreateId=()=>{conststoredId=localSt
  • 【JavaScript】利用`localStorage`实现多窗口数据交互同步【附完整源码】 Ustinian_310 javascript前端3d
    3D多窗口交互系统：点线虚线与引力场效果详解一、项目概述这个项目创建了一个3D多窗口交互系统，当用户打开多个窗口时，会在每个窗口中显示旋转的3D立方体，并在两个窗口之间生成动态的引力场效果线。这些引力场线以点状虚线呈现，并带有垂直于主线的短线装饰。1.打开一个网页的效果如下：1.打开两个网页的效果如下(网页重合时)：1.打开两个网页的效果如下(网页不重合时)：二、核心功能解析1.多窗口管理机制1.
  • 【HarmonyOS 5】教育开发实践详解以及详细代码案例 程序员小刘 harmonyos华为wpf
    以下是基于‌HarmonyOS5‌的教育应用开发实践详解及核心代码案例，结合分布式能力与教育场景需求设计：一、教育应用核心开发技术‌ArkTS声明式UI‌使用@State管理学习进度状态，@LocalStorageProp实现跨页面数据同步（如课程切换）。‌弹性布局‌：Flex容器自适应平板/智慧屏尺寸，区分教师视频区、课件区与学生互动区。‌分布式数据同步‌通过分布式软总线实现学生答题数据毫秒级同
  • Hexo博客技巧：对文章进行加密 Chak Aciano Hexo博客git安全hexo
    前言你可能需要写一些私密的博客,通过密码验证的方式让人不能随意浏览.这在wordpress,emlog或是其他博客系统中都很容易实现,然而hexo除外.hexo-blog-encrypt插件就能很好地解决这个问题.特性一旦你输入了正确的密码,它将会被存储在本地浏览器的localStorage中.按个按钮,密码将会被清空.若博客中又脚本,它将会被正确地执行.支持按标签加密.所有的核心功能都是由原生的
  • JAVASCRIPT 简化版数据库--智能编程——仙盟创梦IDE 未来之窗软件服务 仙盟创梦IDEjavascript开发语言ecmascript前端数据库仙盟创梦IDE东方仙盟
    //数据模型class仙盟创梦数据DM{constructor(key){this.key=`${STORAGE_PREFIX}${key}`;this.data=this.加载数据();}加载数据(){returnJSON.parse(localStorage.getItem(this.key))||[];}保存(){localStorage.setItem(this.key,JSON.stri
  • localStorage和sessionStorage 杨-羊羊羊 javascript前端开发语言
    localStorage和sessionStoragelocalStorage是指在用户浏览器中存储数据的方式，允许Web应用程序将少量的数据保存在用户设备上，便于页面之间、关闭浏览器后的数据持久化，他不会随着HTTP请求发送道服务器，减少带宽消耗，存储方式是键值对进行存储localstorage:存储数据：使用localStorage.setItem(key,value)方法将数据存储到loca
  • 【实战】使用这种方式解决前端本地缓存无法更新的问题！一次代码，永久躺平 oliver.chau 前端开发Python插件开发前端缓存webpack
    本文目标让Webpack在每次构建时自动生成一个「时间戳+GitHash」版本号在浏览器启动时对比旧版本号，自动清理本地缓存（localStorage/indexedDB/CacheStorage等）防止加载到过期资源提供从安装到验证的完整、可直接复制使用的示例代码一、为什么要做版本号缓存控制？前端项目经过打包后，浏览器往往会把静态资源、接口数据、IndexedDB等缓存住。如果代码更新而版本号没
  • 接收不断返回的接口响应 沿着路走到底 项目应用记录vue.jsjavascriptecmascript
    import{reactive,nextTick}from"vue";import{LocalStorageTokenName}from"@/api/constants";import{isJSON}from"@/utils/utils";constqueryParams=reactive({conversation_id:"",app_model_config_id:"0194e34579db7
  • Redux中间件实现状态持久化 _艾米莉 中间件githubgithub加星前端react.jsgithubstar
    使用Redux中间件实现状态持久化（如将状态保存到本地存储）是一种常见需求。以下是实现方法：1.自定义持久化中间件创建一个中间件，在每次状态更新后将状态保存到localStorage：别再让才华被埋没，别再让github项目蒙尘！githubstar请点击GitHub在线专业服务直通车GitHub赋能精灵-艾米莉，立即加入这场席卷全球开发者的星光革命！若你有快速提升githubStargithub
  • cookie、localStorage、sessionStorage的有效期和作用域问题（容易忽略的前端面试题） Mountain08 面试h5缓存h5cookie面试题
    cookie，localStorage，sessionStorage都可以实现客户端存储，三者的区别有哪些了？cookie作为最早期的被设计web浏览器存储少量数据，从底层看，它是作为http协议的一种扩展实现。cookie数据会自动在web浏览器和web服务器之间传输数据。cookie有效期：cookie默认有效期非常短暂，存在于web浏览器会话期间，当浏览器关闭，cookie也就消失了。如果要
  • 如何用ruby来写hadoop的mapreduce并生成jar包 wudixiaotie mapreduce
    ruby来写hadoop的mapreduce，我用的方法是rubydoop。怎么配置环境呢： 1.安装rvm：     不说了 网上有 2.安装ruby：     由于我以前是做ruby的，所以习惯性的先安装了ruby，起码调试起来比jruby快多了。 3.安装jruby：     rvm install jruby然后等待安
  • java编程思想 -- 访问控制权限 百合不是茶 java访问控制权限单例模式
    访问权限是java中一个比较中要的知识点,它规定者什么方法可以访问,什么不可以访问   一:包访问权限;   自定义包: package com.wj.control; //包 public class Demo { //定义一个无参的方法 public void DemoPackage(){ System.out.println("调用
  • [生物与医学]请审慎食用小龙虾 comsci 生物
         现在的餐馆里面出售的小龙虾,有一些是在野外捕捉的,这些小龙虾身体里面可能带有某些病毒和细菌,人食用以后可能会导致一些疾病,严重的甚至会死亡.....      所以,参加聚餐的时候,最好不要点小龙虾...就吃养殖的猪肉,牛肉,羊肉和鱼,等动物蛋白质     
  • org.apache.jasper.JasperException: Unable to compile class for JSP: 商人shang maven2.2jdk1.8
    环境： jdk1.8    maven  tomcat7-maven-plugin  2.0 原因： tomcat7-maven-plugin  2.0 不知吃 jdk 1.8，换成 tomcat7-maven-plugin  2.2就行，即     <plugin>
  • 你的垃圾你处理掉了吗?GC oloz GC
    前序:本人菜鸟，此文研究学习来自网络，各位牛牛多指教　 1.垃圾收集算法的核心思想 　　Java语言建立了垃圾收集机制，用以跟踪正在使用的对象和发现并回收不再使用(引用)的对象。该机制可以有效防范动态内存分配中可能发生的两个危险：因内存垃圾过多而引发的内存耗尽，以及不恰当的内存释放所造成的内存非法引用。 　　垃圾收集算法的核心思想是：对虚拟机可用内存空间，即堆空间中的对象进行识别
  • shiro 和 SESSSION 杨白白 shiro
    shiro 在web项目里默认使用的是web容器提供的session，也就是说shiro使用的session是web容器产生的，并不是自己产生的，在用于非web环境时可用其他来源代替。在web工程启动的时候它就和容器绑定在了一起，这是通过web.xml里面的shiroFilter实现的。通过session.getSession()方法会在浏览器cokkice产生JESSIONID，当关闭浏览器，此
  • 移动互联网终端 淘宝客如何实现盈利 小桔子 移動客戶端淘客淘寶App
           2012年淘宝联盟平台为站长和淘宝客带来的分成收入突破30亿元，同比增长100%。而来自移动端的分成达1亿元，其中美丽说、蘑菇街、果库、口袋购物等App运营商分成近5000万元。 可以看出，虽然目前阶段PC端对于淘客而言仍旧是盈利的大头，但移动端已经呈现出爆发之势。而且这个势头将随着智能终端(手机，平板)的加速普及而更加迅猛
  • wordpress小工具制作 aichenglong wordpress小工具
    wordpress 使用侧边栏的小工具，很方便调整页面结构 小工具的制作过程 1 在自己的主题文件中新建一个文件夹(如widget)，在文件夹中创建一个php(AWP_posts-category.php) 小工具是一个类,想侧边栏一样，还得使用代码注册，他才可以再后台使用，基本的代码一层不变 <?php class AWP_Post_Category extends WP_Wi
  • JS微信分享 AILIKES js
    // 所有功能必须包含在 WeixinApi.ready 中进行    WeixinApi.ready(function(Api) {        // 微信分享的数据            var wxData = {       &nb
  • 封装探讨 百合不是茶 JAVA面向对象 封装
    //封装   属性 方法 将某些东西包装在一起，通过创建对象或使用静态的方法来调用，称为封装；封装其实就是有选择性地公开或隐藏某些信息，它解决了数据的安全性问题，增加代码的可读性和可维护性   在 Aname类中申明三个属性，将其封装在一个类中：通过对象来调用   例如   1： //属性 将其设为私有 姓名 name 可以公开
  • jquery radio/checkbox change事件不能触发的问题 bijian1013 JavaScriptjquery
    我想让radio来控制当前我选择的是机动车还是特种车，如下所示：  <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"><
  • AngularJS中安全性措施 bijian1013 JavaScriptAngularJS安全性XSRFJSON漏洞
            在使用web应用中，安全性是应该首要考虑的一个问题。AngularJS提供了一些辅助机制，用来防护来自两个常见攻击方向的网络攻击。 一.JSON漏洞         当使用一个GET请求获取JSON数组信息的时候（尤其是当这一信息非常敏感，
  • [Maven学习笔记九]Maven发布web项目 bit1129 maven
    基于Maven的web项目的标准项目结构 user-project     user-core     user-service     user-web        src      
  • 【Hive七】Hive用户自定义聚合函数(UDAF) bit1129 hive
    用户自定义聚合函数，用户提供的多个入参通过聚合计算(求和、求最大值、求最小值)得到一个聚合计算结果的函数。 问题：UDF也可以提供输入多个参数然后输出一个结果的运算，比如加法运算add(3，5)，add这个UDF需要实现UDF的evaluate方法,那么UDF和UDAF的实质分别究竟是什么？   Double evaluate(Double a, Double b)  
  • 通过 nginx-lua 给 Nginx 增加 OAuth 支持 ronin47
    前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGeek 在过去几年中取得了发展，我们已经积累了不少针对各种任务的不同管理接口。我们通常为新的展示需求创建新模块，比如我们自己的博客、图表等。我们还定期开发内部工具来处理诸如部署、可视化操作及事件处理等事务。在处理这些事务中，我们使用了几个不同的接口来认证： &n
  • 利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法 bsr1983 session
    在利用tomcat-redis-session-manager做session同步时，遇到了在session保存一个自定义对象时，修改该对象中的某个属性，session未进行序列化，属性没有被存储到redis中。 在 tomcat-redis-session-manager的github上有如下说明： Session Change Tracking As noted in the &qu
  • 《代码大全》表驱动法-Table Driven Approach-1 bylijinnan java算法
    关于Table Driven Approach的一篇非常好的文章： http://www.codeproject.com/Articles/42732/Table-driven-Approach package com.ljn.base; import java.util.Random; public class TableDriven { public
  • Sybase封锁原理 chicony Sybase
           昨天在操作Sybase IQ12.7时意外操作造成了数据库表锁定，不能删除被锁定表数据也不能往其中写入数据。由于着急往该表抽入数据，因此立马着手解决该表的解锁问题。     无奈此前没有接触过Sybase IQ12.7这套数据库产品，加之当时已属于下班时间无法求助于支持人员支持，因此只有借助搜索引擎强大的
  • java异常处理机制 CrazyMizzz java
    java异常关键字有以下几个，分别为 try catch final throw throws 他们的定义分别为 try：    Opening exception-handling statement. catch：  Captures the exception. finally： Runs its code before terminating
  • hive 数据插入DML语法汇总 daizj hiveDML数据插入
    Hive的数据插入DML语法汇总1、Loading files into tables语法：1) LOAD DATA [LOCAL] INPATH 'filepath' [OVERWRITE] INTO TABLE tablename [PARTITION (partcol1=val1, partcol2=val2 ...)]解释：1)、上面命令执行环境为hive客户端环境下： hive>l
  • 工厂设计模式 dcj3sjt126com 设计模式
      使用设计模式是促进最佳实践和良好设计的好办法。设计模式可以提供针对常见的编程问题的灵活的解决方案。 工厂模式 工厂模式（Factory）允许你在代码执行时实例化对象。它之所以被称为工厂模式是因为它负责“生产”对象。工厂方法的参数是你要生成的对象对应的类名称。 Example #1 调用工厂方法（带参数） <?phpclass Example{ 
  • mysql字符串查找函数 dcj3sjt126com mysql
      FIND_IN_SET(str,strlist) 假如字符串str 在由N 子链组成的字符串列表strlist 中，则返回值的范围在1到 N 之间。一个字符串列表就是一个由一些被‘,’符号分开的自链组成的字符串。如果第一个参数是一个常数字符串，而第二个是type SET列，则   FIND_IN_SET() 函数被优化，使用比特计算。如果str不在strlist 或st
  • jvm内存管理 easterfly jvm
    一、JVM堆内存的划分 分为年轻代和年老代。年轻代又分为三部分：一个eden,两个survivor。 工作过程是这样的：e区空间满了后，执行minor gc，存活下来的对象放入s0, 对s0仍会进行minor gc，存活下来的的对象放入s1中，对s1同样执行minor gc，依旧存活的对象就放入年老代中； 年老代满了之后会执行major gc，这个是stop the word模式，执行
  • CentOS-6.3安装配置JDK-8 gengzg centos
    JAVA_HOME=/usr/java/jdk1.8.0_45 JRE_HOME=/usr/java/jdk1.8.0_45/jre PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib export JAVA_HOME
  • 【转】关于web路径的获取方法 huangyc1210 Web路径
    假定你的web application 名称为news,你在浏览器中输入请求路径：  http://localhost:8080/news/main/list.jsp  则执行下面向行代码后打印出如下结果：  1、 System.out.println(request.getContextPath()); //可返回站点的根路径。也就是项
  • php里获取第一个中文首字母并排序 远去的渡口 数据结构PHP
    很久没来更新博客了，还是觉得工作需要多总结的好。今天来更新一个自己认为比较有成就的问题吧。 最近在做储值结算，需求里结算首页需要按门店的首字母A-Z排序。我的数据结构原本是这样的： Array ( [0] => Array ( [sid] => 2885842 [recetcstoredpay] =&g
  • java内部类 hm4123660 java内部类匿名内部类成员内部类方法内部类
         　在Java中，可以将一个类定义在另一个类里面或者一个方法里面，这样的类称为内部类。内部类仍然是一个独立的类，在编译之后内部类会被编译成独立的.class文件，但是前面冠以外部类的类名和$符号。内部类可以间接解决多继承问题,可以使用内部类继承一个类，外部类继承一个类，实现多继承。      &nb
  • Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten zhb8015
    maven pom.xml关于hibernate的配置和异常信息如下，查了好多资料，问题还是没有解决。只知道是包冲突，就是不知道是哪个包....遇到这个问题的分享下是怎么解决的。。   maven pom:   <dependency> <groupId>org.hibernate</groupId> <ar
  • Spark 性能相关参数配置详解－任务调度篇 Stark_Summer sparkcachecpu任务调度yarn
    随着Spark的逐渐成熟完善, 越来越多的可配置参数被添加到Spark中来, 本文试图通过阐述这其中部分参数的工作原理和配置思路, 和大家一起探讨一下如何根据实际场合对Spark进行配置优化。   由于篇幅较长，所以在这里分篇组织，如果要看最新完整的网页版内容，可以戳这里：http://spark-config.readthedocs.org/，主要是便
  • css3滤镜 wangkeheng htmlcss
    经常看到一些网站的底部有一些灰色的图标，鼠标移入的时候会变亮，开始以为是js操作src或者bg呢，搜索了一下，发现了一个更好的方法：通过css3的滤镜方法。 html代码： <a href='' class='icon'><img src='utv.jpg' /></a> css代码： .icon{-webkit-filter: graysc
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他