你的位置:首页 > Java教程

[Java教程]值得记录的 (一)

值得记录的 (一) - evenyao - 博客园

值得记录的 (一) 简要记录维护 jQuery 项目相关需求实现的细节,方便日后回顾。 样式相关 flex 布局justify-content: flex-start; 和justify-content: ...

今天有什么值得记录一下的事情吗

今天值得记录的事情大概要看我另一个帖了。呵呵哒。 回应 赞 删除 来自豆瓣App 落荒 (不喜欢这样的自己) 2018-04-09 19:02:17 收到了一个...

一个特别值得记录(和分析)的梦境 _豆瓣

一个特别值得记录(和分析)的梦境棒喝专家焦作人 2018-03-26 13:24:45 梦到...但是梦里面依然是木质老房子,背景里面有一个担任干扰的老妇人(在现在的概...

那些值得记录的事儿(一) - 简书

。 遇见一个对的人,大概就是这样,你会想要尝试很多新的东西,你会对每一天都充满期待和干劲,你会觉得彼此信任而很安心。那些值得记录的事 © 著作权归...

值得记录一下

韶华易逝AK 第1楼10-23 00:02 操作 值得记录一下年轻人的潮流文化社区电脑版极速版客户端登录|注册|反馈 ©2017 Baidu 使用百度前必读 ...

今天值得记录一下 _豆瓣

今天值得记录一下。 第一!从下决定开始,今天是第一次真正勇敢地去面对,就算恐惧,就算困难,就这么硬着头皮上。开心的是,过程中我慢慢地放下了恐惧,也在...

这些收集记录APP值得拥有(一)

有没有一个轻量级的收集记录工具能帮我们快速的捕获灵感? 我想方片收集会是一...这些收集记录APP值得拥有(一) 05-1809:47 冷门好用的app推荐(二) 05-1709:...

记录一切我认为值得记录的事情_记录吧_百度贴吧

13回复贴,共1页 lt;返回记录吧记录一切我认为值得记录的事情 只看楼主收藏回复 ...我自认为口才不差,但一和她说话,我竟然会口吃。我认为今天是具有突破...

2018年6月1日:一个值得记录的日子_重剑无锋_新浪博客

6月1日的交易充分明了这一点,故记录一下。 近期被认为可以抵御股市下跌风险的内消板块--食品饮料、医药--在6月1日全线下跌,且这两个板块跌幅居A股之...

一个值得记录的时刻 - 木材五金油漆 - 中国木工爱好者-木工网

14条回复nbsp;-nbsp;发帖时间:nbsp;2018年5月10日一个值得记录的时刻 [复制链接] 小木佬 TA的主题 发表于 2018-5-10 19:26:55 | 显示全部楼层 |...

这是一个值得记录和奋斗的时代_百度文库

这是一个值得记录和奋斗的时代 - 龙源期刊网 .qikan.. 这是一个值得记录和奋斗的时代 作者:刘强东 来源:《党员文摘》2016 年第 11 期 ...

值得记录的一件事作文要四百字的急!!!_百度知道

1个回答 - 回答时间: 2016年8月12日

值得记录的一件事 翻开泛了黄的日记本,我看见了过去的点点滴滴,那时我们的过去,是值得珍藏的记忆。 那一年,我们十三岁。走进“陌生”的环境,我变得少...更多关于值得记录的 (一)的问题gt;gt;

今天必然值得记录一下

今天必然值得记录一下净口 2017-10-17 07:11:49 调整起床时间,再战一个多月。 全面真题。 单词200天。 来自豆瓣App © 本文版权归 净口 所有,任何形...

每一个美好的时刻都值得记录~_家人_旅游_小红书

每一个美好的时刻都值得记录~家人 旅游 爸爸 ❤️坚持 把你开心的 大哭的 生气的 出去旅游的 跟家人合照的 照片都洗出来 小嘉潼看到照片会指着说爸爸 ...

2017,值得记录的事情 - 乐天派 - CSDN博客

2017,对我来说是非常重要的一年,有太多太多的第一次,有太多太多的事情值得我记录、去回忆。本篇博客无关技术,只有生活。记录一下,2017年值得记录、有...

每一段流淌过内心的经历都值得记录,在以后的时候要拿出来看一看

作者蔡要要说“每一段流淌过内心的经历都值得被记录”,她自述如下:我也是一个普通的女孩,我也一样把爱视作一件如吃饭睡觉一样的头等大事……这本书里大部分...

2017年第一件值得记录的事情 - 简书

我纠结了好久,毕竟我不是收入很高的人,还记得去年双11看中了斐尔可的圣手忍着二代(其实更早之前就一直想败家一架,仔细数数竟有几年之久了,真佩服我自...

西安,一个值得用心记录的地方,西安旅游攻略 - 马蜂窝

西安旅游攻略 / 西安,一个值得用心记录的地方 去看看gt; 不再显示 马蜂窝账号登录 注册账号 登录方式 QQ 微博 微信 全球旅游消费指南 覆盖全球200多个国家和...

也要记录那些觉得值得一活的时刻 - 日记 - 豆瓣

也要记录那些觉得值得一活的时刻 1. 初秋的傍晚在街上跑步,觉得桥上桥下的一切都蒙上了浪漫的面纱 2. 和导演一起分析一个以自己为原型的角色,对自己产...

SycBlog - 一个小小的自留地,记录值得记录下的事情

一个小小的自留地,记录值得记录下的事情搜索关键字 搜索 首页 链接 归档 关于 SSDB:类似Redis的NoSql数据库时间: 2018-07-30 分类: 生活随笔,散记 5 条评论最近...罗湖区第二届“中秋社区邻里节”活动详情深圳站、深圳东站中秋小长假将增六对临客国泰港龙航空可使用飞行模式电子产品羊角村Giethoorn,荷兰农庄生活[五]骑着大象去营地 帐篷酒店很野性[三]广州香格里拉大酒店推出“香传秋韵”系列月饼[二]北京出发去刁曼岛旅游 北京出发去刁曼岛旅游 北京出发去刁曼岛旅游 北京出发去刁曼岛旅游 北京出发去刁曼岛旅游 北京出发去刁曼岛旅游 北京出发去钓鱼岛旅游 北京出发去钓鱼岛旅游 北京出发去钓鱼岛旅游 北京出发去钓鱼岛旅游 北京出发去钓鱼岛旅游 北京出发去钓鱼岛旅游 北京出发去东帝汶旅游 北京出发去东帝汶旅游 北京出发去东帝汶旅游 北京出发去东帝汶旅游 北京出发去东帝汶旅游 北京出发去东帝汶旅游 北京出发去东沙旅游 北京出发去东沙旅游 北京出发去东沙旅游 北京出发去东沙旅游 北京出发去东沙旅游 北京出发去东沙旅游

简要记录维护 jQuery 项目相关需求实现的细节,方便日后回顾。

样式相关

flex 布局
justify-content: flex-start; 和 justify-content: center;
flex-wrap: wrap; 换行cursor: pointer; 手型的使用

 

jQuery 左右移动 animate

使用 jQuery 实现左右按钮移动效果 - 类似于 FM 音乐播放器项目的动画实现

var isAnimate = false //判断是否在动画之中var isToStart = true //判断是否在最起始位置var isToEnd = false  //判断是否到底$(".right_button").on("click",function(){ if(isAnimate) return var itemWidth = $('.items_new').outerWidth(true) //每个小容器的真实宽度 var rowCount = parseInt($('.content_new').width()/itemWidth) //可视窗口 除以 itemWidth 得到可视窗口能看到的整数个数 if(!isToEnd){ isAnimate = true $('.items_new').animate({  left: '-=' + rowCount * itemWidth },400, function(){  isAnimate = false  isToStart = false  if(parseFloat($('.content_new').width()) - parseFloat($('.items_new').css('left')) >= parseFloat($('.items_new').css('width')) * <?=Yii::$app->params['bookShow']['newBookNum']?>) { // newBookNum 对应 params.php 文件设置书本数量  isToEnd = true  } }) }})$(".left_button").on("click",function(){ if(isAnimate) return var itemWidth = $('.items_new').outerWidth(true) var rowCount = parseInt($('.content_new').width()/itemWidth) if(!isToStart){ isAnimate = true $('.items_new').animate({  left: '+=' + rowCount * itemWidth },400, function(){  isAnimate = false  isToEnd = false  if(parseFloat(($('.items_new').css('left'))) >= 0){  isToStart = true  } }) }})

 

localStorage 实现搜索功能

用 localStorage 实现搜索历史功能,点击可跳转相应页面
Demo预览

代码

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> <title>搜索历史----localstorage本地化存储</title> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script></head><body> <div >  <div >   <input type="text" id="keywords" placeholder="随便输入查看效果,默认5条">    <span >     <button id="search" type="button">Go!</button>    </span>   </div><!-- /input-group -->  </div><!-- /.col-lg-6 --> </div><!-- /.row --> <br><br> <div >  <span>搜索历史</span>  <span id="empty">清除历史</span> </div> <div id="history"> </div></body><script type="text/javascript"> $(function(){  update_history();  // 绑定回车事件  $(document).keydown(function(event){   if(event.keyCode==13){    $("#search").click();   }  });  // 搜索点击事件  $("#search").click(function(){   var keywords = $("#keywords").val();   history(keywords); //添加到缓存   update_history(); //更新搜索历史  })  // 清空搜索历史  $("#empty").click(function(){   mystorage.remove('keywords');   $("#history").html(" ");  }) }) /**  * [update_history 更新搜索历史]  */ function update_history(){  console.log(mystorage.get("keywords"));  var history = mystorage.get("keywords");  if (history) {   var html = "";   $.each(history,function(i,v){    html += "<a class='history_link btn btn-default' style='margin: 5px;' href='javascript:;' role='button'>"+v+"</a>"   })   $("#history").html(html);  }; } /**  * [history //搜索历史函数存储]  */ function history(value){  var data = mystorage.get("keywords");  if (!data) {   var data = []; //定义一个空数组  }else if(data.length === 5){ //搜索历史数量   data.shift(); //删除数组第一个元素有  }else{  };  if (value) { //判断搜索词是否为空   if (data.indexOf(value)<0) { //判断搜索词是否存在数组中    data.push(value); //搜索词添加到数组中    mystorage.set("keywords",data); //存储到本地化存储中   };  }; } /**  * [mystorage 存储localstorage时候最好是封装一个自己的键值,在这个值里存储自己的内容对象,封装一个方法针对自己对象进行操作。避免冲突也会在开发中更方便。]  */ var mystorage = (function mystorage(){  var ms = "mystorage";  var storage=window.localStorage;  if(!window.localStorage){   alert("浏览器不支持localstorage");   return false;  }  var set = function(key,value){   //存储   var mydata = storage.getItem(ms);   if(!mydata){    this.init();    mydata = storage.getItem(ms);   }   mydata = JSON.parse(mydata);   mydata.data[key] = value;   storage.setItem(ms,JSON.stringify(mydata));   return mydata.data;  };  var get = function(key){   //读取   var mydata = storage.getItem(ms);   if(!mydata){    return false;   }   mydata = JSON.parse(mydata);   return mydata.data[key];  };  var remove = function(key){   //读取   var mydata = storage.getItem(ms);   if(!mydata){    return false;   }   mydata = JSON.parse(mydata);   delete mydata.data[key];   storage.setItem(ms,JSON.stringify(mydata));   return mydata.data;  };  var clear = function(){   //清除对象   storage.removeItem(ms);  };  var init = function(){   storage.setItem(ms,'{"data":{}}');  };  return {   set : set,   get : get,   remove : remove,   init : init,   clear : clear  }; })();</script></html>

 

计时器温馨提示

温馨提示功能(例:已耗时用眼1小时,请休息片刻)

timeCount()function timeCount(){ var restHelper = 1 var timer = setInterval(function() { console.log(restHelper++); if(restHelper == 3600){  alert('已经阅读一小时咯!请休息片刻哟。')  clearInterval(timer)  timeCount() } }, 1000);}