CSS3+JS 实现的便签应用

【CSS3+JS 实现的便签应用】的更多相关文章

CSS3+JS 实现的便签应用

概述利用HTML5新增的 locationStorage 实现的便签应用,没有使用 JQuery,主要是为了练习原生JS的使用,采用响应式开发,在手机端和桌面端都有良好的体验,而且使用CSS3添加了大量的动画效果,使各操作之间的连接更加流畅. 详细代码下载:http://www.demodashi.com/demo/10440.html 一.准备工作 1.开发工具Sublime+一个能打开网页的现代浏览器 3.使用 localStorage 存储便签二.程序实现 1.首先,我们创建三个目录…

js便签笔记（12）——浏览TOM大叔博客的学习笔记 part2

1. 前言昨天写了<js便签笔记(11)——浏览TOM大叔博客的学习笔记 part1>,简单记录了几个问题.part1的重点还是在于最后那个循环创建函数的问题,也就是多个子函数公用一个闭包数据的问题.如果觉得有兴趣,可以再重新翻出来看看. 今天继续把剩下的问题写完. 2. 作用域链学js的人,即使初级入门的也都知道“原型链”,但是“作用域链”,可能好多人没有听说过.大部分人都知道或者听说过“闭包”,但是可能有好多人不知道闭包其实和作用域链有莫大的联系.如果理解闭包不从作用域链开始理解,那么…

js便签笔记（2）——DOM元素的特性（Attribute）和属性（Property）

1.介绍: 上篇js便签笔记http://www.cnblogs.com/wangfupeng1988/p/3626300.html最后提到了dom元素的Attribute和Property,本文简单介绍一下我的理解. 其实Attribute和Property这两个单词,翻译出来都是“属性”,<js高级程序设计>书中翻译为“特性”和“属性”,以示区别. 简单理解,Attribute就是dom节点自带的属性,例如html中常用的id.class.title.align等: 而Property是这…

JS / CSS 实现的便签记录本

<!doctype html> <html> <head> <meta charset="utf-8"> <title>js实现便签</title> <style> .labelstart{ background:red; text-align:center; margin:50px 50px 0px 50px; padding:30px; } input{ width:400px; height:25…

20151217JS便签

JS便签: 根据一个数值来改变Repeater行数的颜色 <script type="text/javascript"> var query = document.getElementsByClassName("kc"); ; i < query.length; i++) { var num = query[i]; var k = query[i].innerText; ) { } else { var hang = num.parentNode;…

ios UIWebView截获html并修改便签内容（转载）

ios UIWebView截获html并修改便签内容博客分类: iphone开发iphone开发phoneGap uiwebviewstringByEvaluatingJavaScriptFromStringUIWebView拦截需求:混合应用UIWebView打开html后,UIWebView有左右滚动条,要去掉左右滚动效果: 方法:通过js截获UIWebView中的html,然后修改html标签内容: 实例代码: 服务器端html Java代码 <html><head> &…

vuejs 70行代码实现便签功能

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <title>便签</title> <styl…

jQuery实现tag便签去重效果的方法

本文实例讲述了jQuery实现tag便签去重效果的方法.分享给大家供大家参考.具体实现方法如下: html代码如下: <head><script type="text/javascript" src="js/jQuery.js"></script> <script type="text/javascript" src="js/delRepeat.j…

Android自动化测试 - MonkeyRunner(二) 锤子便签测试脚本

来源于:http://testerhome.com/topics/878 # encoding=utf-8 #导入python中自带的time模块和sys模块,脚本中都要用到它们. import time import sys #MonkeyRunner自带的三个api from com.android.monkeyrunner import MonkeyRunner ,MonkeyDevice ,MonkeyImage #这个函数时确认年月日时分秒 now=time.strftime("%Y-…

win7桌面便签。自带的

新建WIN7下的桌面便签小程序桌面—>新建快捷方式-> 输入%windir%\system32\StikyNot.exe…