一个利用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)

  • 网上商城项目总结报告 WEB前端程序贵 前端
    网上商城项目总结报告1：掌握的知识通过网上商城这个实战项目的开发，不仅了解到了一个项目的业务逻辑，而且掌握了实现相关业务功能的方法。通过这个实战项目，了解到了模块化开发项目的基础结构的搭建，以及项目文件的管理方式。通过这个实战项目，运用封装的接口api文档实现了客户端服务器之间的交互知识。通过封装的axios实例对象与方法，向服务器请求数据，然后渲染页面。通过运用localStorage本地储存的
  • HTML5中的数据存储sessionStorage、localStorage 阿立聊代码 HTML实战html5前端html
    第8章HTML5中的数据存储之前通常使用Cookie存储机制将数据保存在用户的客户端。H5增加了两种全新的数据存储方式：WebStroage和WebSQLDatabase.前者用于临时或永久保存客户端少量数据，后者是客户端本地化的一套数据库系统。8.1WebStorage存储简介WebStorageAPI分为会话数据和长期数据，相应的API分为两类：sessionStorage(保存会话数据)lo
  • Vue使用query传参Boolean类型，刷新之后转换为String问题 codeMing_ vue.js前端javascript
    做项目时发现第一次进入页面时传参是正常的Boolean类型，刷新之后变成了String，这是浏览器进行的一次强制转换；vue-router传参，不管是params形式还是query形式传参，在页面刷新后，params和query对象中的属性所对应的属性值都会被浏览器自身强制转换为string类型(这一点与浏览器的sessionStorage和localStorage存储对象，对象会被转为strin
  • vue浏览器缓存sessionStorage、localStorage、Cookie Liumoui vue.js缓存前端
    在Vue.js项目中，管理浏览器缓存是常见的需求，主要可以通过sessionStorage、localStorage和Cookie来实现。下面分别介绍这三种方式及其用法。1.sessionStoragesessionStorage用于存储在会话（即浏览器窗口关闭前）期间的数据。每次打开一个新的窗口或标签页都会有一个新的会话。使用方法存储数据sessionStorage.setItem('key',
  • vue缓存事件的方法有什么 芥子纳须弥1116 vue.js缓存前端javascriptecmascript
    Vue可以使用多种方法缓存事件。一些常见的方法包括：使用计算属性：在事件处理程序中，可以通过将数据存储在计算属性中来缓存事件。使用Vuex：Vuex是Vue的状态管理模式，可以存储应用程序状态并以统一的方式进行管理。使用本地存储：可以使用浏览器的本地存储(如localStorage或sessionStorage)缓存事件。使用Vue实例的响应式对象：可以将数据存储在Vue实例的响应式对象中以便在事
  • Pinia持久化插件：pinia-plugin-persistedstate 正小安 vue杂谈vue.js前端
    Pinia持久化插件pinia-plugin-persistedstate是一个Pinia插件，用于持久化Piniastore的状态到本地存储（如localStorage或sessionStorage）。以下是关于pinia-plugin-persistedstate的使用及配置的详细说明：使用步骤安装插件使用以下命令安装pinia-plugin-persistedstate：pnpmaddpin
  • 前段存储sessionStorage值localStorage值 ___大鱼___
    对浏览器来说，使用WebStorage存储键值对比存储Cookie方式更直观，而且容量更大，它包含两种：localStorage和sessionStoragesessionStorage（临时存储）：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载localStorage（长期存储）：与sessionStorage一样，但是浏览器关闭后，数据依然会一直存在constinfo=
  • uniapp微信小程序开发踩坑日记：Pinia持久化报错Cannot read property ‘localStorage‘ of undefined 肖肖肖丽珠 uni-app微信小程序小程序
    插件默认使用localStorage实现持久化，小程序端不兼容，需要替换持久化APIimport{defineStore}from'pinia'exportconstuseCommonStore=defineStore('pack-store',{state:():State=>({wwInfo:{},globalData:{},timerLock:false,//是否关闭合成定时器}),gett
  • 实现两个窗口通信方法之postMessage itKingOne javascriptpostmessage页面通讯跨域通讯
    两个窗口的通信问题应该是一个比较常见的问题了，通信可以通过很多种方式,如下：localStoragepostMessagewebsocket今天博主先来一篇postMessage干货，后期还会给出websocket的实现代码。首先来看一下基本的语法otherWindow.postMessage(message,targetOrigin,[transfer]);otherWindow其他窗口的一个引
  • 项目中使用 localStorage 获取数据缓存 渡鸦七 VueJavaScript缓存
    项目中使用localStorage获取数据缓存需求背景在项目中，我们经常需要存储一些数据，比如不经常变动的字典项，下拉框中的数据等。这些数据可以缓存到localStorage中，这样可以提高应用的响应速度，减少网络请求。实现方案为了实现localStorage的管理，我们可以定义一个Storage类，提供以下功能：1.类定义classStorage定义了一个名为Storage的类。2.getSto
  • 浏览器数据存储方式总结---localStorage、sessionStorage、cookie 一月清辉 javascript浏览器数据存储方式localStoragecookiesessionStorage
    1、cookie1.1、cookie的作用说到cookie，其实cookie有两个主要功能，用于解决http无状态的缺点，在客户端存储会话信息，记录用户的状态也就是我们现在也经常使用cookie在客户端存储一些数据1.2、cookie的构成document.cookie="key=value"key和value是包含在一个字符串中一般来说，cookie是由浏览器保存的以下几块信息构成的name这个
  • 浏览器百科：网页存储篇-Session storage介绍（七） 守城小轩 浏览器应用chromedevtoolschrome指纹浏览器浏览器开发
    1.引言在上一篇文章中，我们详细探讨了localStorage的各种应用实例和使用方法。本篇文章将继续网页存储系列，聚焦于Sessionstorage。Sessionstorage与localStorage类似，都用于在客户端存储数据，但它们之间存在一些关键差异。通过了解Sessionstorage的特性和应用场景，开发者可以更灵活地选择和运用网页存储技术，提升网页应用的用户体验和数据管理能力。在
  • 如何在Web浏览器存储中存储数据-解释了localStorage和sessionStorage cumian9828 javapython数据库mysqlphp
    Inordertomanagedatahandledbyyourwebapplication,youdonotnecessarilyneedadatabase.TherespectiveBrowserStoragefeaturesaresupportedbyChrome(version4andhigher),MozillaFirefox(version3.5andhigher)andInterne
  • JS基础-ClassList -移动端插件的引入-touch事件-sessionStorage 和 localStorage 垦利不 javascript开发语言ecmascript
    目录1.classList属性添加类删除类切换类检查类是否存在替换类移动端touch事件2.消除点击延迟Fastclick插件的引入引入FastClick初始化3.Swiper插件的引入和使用通过CDN引入通过npm安装（vue中建议）使用SwiperHTML结构初始化Swiper4.zyMedia插件简介4.1下载与引入4.2使用4.3js初始化4.4参数说明5.bootstrap的安装和使用5
  • 2024最新前端面试真题-超详细答题思路解析（持续更新ing） 我的E样人生 前端面试职场和发展
    为了更加高效的准备面试，所以面试题都来源于牛客网真题，让面试题更符合实际。1cookie，sessionStorage，localStorage的区别（1）考察点分析存储机制：了解每种存储方式的实现原理和数据存储方式。生命周期：掌握每种存储方式的数据存储时长和生命周期管理。作用域：理解每种存储方式的数据访问范围和作用域限制。（2）最终答案Cookie：存储机制：以文本形式存储在客户端浏览器中，通过
  • 前端中localStorage，sessionStorage，Cookies的区别 abytecoder java
    `localStorage`,`sessionStorage`,和`Cookies`是前端常用的存储数据的方式，它们之间有一些重要的区别：1.**作用范围**:-`localStorage`:数据存储在浏览器的本地，不会过期，除非手动清除或代码清除。-`sessionStorage`:数据在当前会话期间有效，关闭标签页或浏览器后数据将被清除。-`Cookies`:存储在客户端并随每个HTTP请求发
  • [uni-app]Pinia持久化 [盐鱼]小白前端日记 uni-app学习uni-app
    前言开发小程序的Pinia持久化和网页端的Pinia持久化的方法较为相似，唯一的区别在于：网页端持久化使用的是localStorage.setItem()和localStorage.getItem()而小程序持久化使用的是uni.setStorageSync()和uni.getStorageSync()一、pinia的定义导出在实际开发时一般会创建一个stores文件夹来存储公共库如vuex或者是
  • Pinia持久化的作用 一杯梅子酱 前端vue前端vscodevue微信小程序
    Pinia是一个轻量级的Vue状态管理库，用于替代Vuex4。它提供了一个更加直观和简洁的方式来管理Vue应用的状态。而Pinia的持久化（Persistence）功能，则是指将Piniastore中的状态持久化到浏览器存储（如localStorage或sessionStorage）中，以便在页面刷新或应用重新加载时能够恢复这些状态。Pinia持久化的主要作用有以下几点：保持用户状态：当用户与Vu
  • 【陪诊系统-PC管理端】vuex数据持久化实现 Zheng113 前端vue.js前端javascript
    问题:根据前面的功能步骤，虽然已经实现了动态路由添加，但是当重新刷新后，页面也出现暂时性空白。究其根本，这是因为vuex中保存的数据不具有持久化，每次刷新会重建vue实例，而store是挂载是vue实例上的，所以刷新后state中的数据会被重新初始化。解决办法：使用浏览器缓存，但这里为了简便使用vuex-persistedstate插件来实现，这个插件本质还是localstorage。附上插件介绍
  • 谷歌浏览器调试：添加localStorage 海是倒过来的天~ 软件工具分享LocalStorage浏览器JavaScript数据存储前端开发
    F12查看浏览器本地：LocalStorage需要添加一个key:default_system设置如下：查看浏览器localStorage：window.localStorage设置localStorage：localStorage.setItem("default_system","Aone")查看效果：
  • 前端学习：如何将数据存储到chrome浏览器localStorage中（详细） Dorable_Wander JavaScript浏览器json前端javascript缓存chrome
    localStorage的基本操作——存储、读取、删除、JSON格式数据的处理知识调用核心干货知识调用文章中可能用到的知识点前端学习：浏览器缓存方式有哪些（cookielocalstoragesessionstorage）如何查看Chrome浏览器的页面缓存内容【详细教程】如何清除浏览器缓存（快捷键+手动）cookie、sessionStorage和localStorage的区别（一）cookie
  • 1.4 State -- useStorage weixin_mouren vueuse源码解析javascript开发语言ecmascript
    1.4State–useStoragehttps://vueuse.org/core/useStorage/作用创建一个能访问和修改LocalStorageorSessionStorage的响应式变量。默认是localStorage，可以通过参数进行修改。官方示例支持多种数据格式import{useStorage}from'@vueuse/core'//bindobjectconststate=u
  • react中关于token的两个场景 Now？！ react.jsjavascript前端
    场景一在react项目中，路由跳转前需判断是否存在token，有则正常跳转，没有则去登录页面。实现这里使用的是localstorage存储token（也可以使用redux管理token）//src\components\AuthRoute.js//封装高阶组件//有token正常跳转无token去登录页import{Navigate}from'react-router-dom'exportfunc
  • 在 Vue 中实现跨项目数据传递 轩轩990218 VUE系列vue.js前端javascript前端框架数据库
    在Vue中实现跨项目数据传递可以通过以下几种方法：一、使用本地存储（LocalStorage）存储数据在一个项目中，可以使用localStorage.setItem()方法将数据存储到本地存储中。例如：localStorage.setItem('sharedData',JSON.stringify({key:'value'}));读取数据在另一个项目中，可以使用localStorage.getIt
  • H5新增API 圆滚滚肉肉 h5新增apihtmlcss
    这里写目录标题1网络状态2全屏3文件读取3.1Files对象3.2FileReader对象4地理定位4.1API详解4.2应用5拖拽5.1拖拽和释放5.2设置元素为可拖放5.2拖拽API的相关事件5.3DataTransfer6Web存储6.1特性6.2window.sessionStorage6.3window.localStorage6.4方法详解6.5其它7应用缓存7.1优势7.2缓存清单7
  • 使用pnpm安装并配置Pinia的持久化插件pinia-plugin-persistedstate 正小安 vue杂谈前端fluttervue.js
    使用pnpm安装并配置Pinia的持久化插件pinia-plugin-persistedstate在开发Vue.js或任何基于Pinia状态管理库的应用时，保持用户状态在会话或页面刷新后依然可用是一个常见的需求。pinia-plugin-persistedstate正是为此而生，它允许你将Pinia的状态管理库中的状态持久化到本地存储（LocalStorage）或会话存储（SessionStora
  • cookie、localStorage和sessionStorage区别 isSunny
    今天去参加了xx集团的面试，其中有一道题问到了cookie、localStorage和sessionStorage的区别，一想简单啊，这个我了解，结果在我一顿逼逼之后，却把自己绕蒙了，还好最后想了想还是答出来了。哈哈，面试的cto还笑话我说你这英语四级都过了，不应该啊，localStorage翻译过来就是本地存储，sessionStorage就是会话存储呀，哎，真是着实让我尴尬了，回来就赶紧把它们
  • 鸿蒙OS试题 星宇工作室 harmonyos华为
    以下关于LocalStorage的说法正确有哪些?A.被@Component装饰的组件最多可以访问一个LocalStorage实例和AppStorage，未被@Entry装饰的组件不可被独立分配LocalStorage实例，只能接受父组件的LocalStorage实例。B.应用程序可以创建多个LocalStorage实例，LocalStorage实例可以在页面内共享，也可以通过GetShared接
  • $router.back()携带参数，复杂类型参数和简单类型参数 进阶的巨人001 前端javascriptvue传参beforeRoute
    需求来源:跳转到另外一个页面的时候,$router.back()返回的时候想携带一些参数,然后在返回的页面进行一些操作,虽然可以用vuex或者localstorage这些存储，但始终感觉不太好解决办法:使用beforeRouteEnter进行组件传值上一个页面handleBack(){this.$route.params.id=1//保存的参数this.$router.back();},返回的页面
  • WebKit 的 Web SQL 数据库：现代浏览器的本地存储解决方案 2401_85763639 数据库前端webkit
    WebKit的WebSQL数据库：现代浏览器的本地存储解决方案随着Web应用的不断发展，对本地存储的需求也日益增加。WebKit作为许多现代浏览器的核心引擎，提供了一种强大的本地存储解决方案：WebSQL数据库。本文将详细探讨WebSQL数据库的工作原理、支持情况以及如何利用它进行数据存储和检索。引言在Web开发中，数据存储是一个重要的环节。传统的解决方案如Cookies和LocalStorage
  • 如何用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其他