umgsai
umgsai

一个挺漂亮的鼠标跟随效果

  
  
  
  
    
   
   
   
   
  1. <html> 
    2. 
   
   
   
   
  2. <head> 
    3. 
   
   
   
   
  3. <title>follow mouse</title> 
    4. 
   
   
   
   
  4. <style type="text/css"> 
    5. 
   
   
   
   
  5. html { 
    6. 
   
   
   
   
  6. overflow: hidden; 
    7. 
   
   
   
   
  7. } 
    8. 
   
   
   
   
  8. body { 
    9. 
   
   
   
   
  9. position: absolute; 
    10. 
   
   
   
   
  10. height: 100%; 
    11. 
   
   
   
   
  11. width: 100%; 
    12. 
   
   
   
   
  12. margin:0; 
    13. 
   
   
   
   
  13. padding:0; 
    14. 
   
   
   
   
  14. } 
    15. 
   
   
   
   
  15. #screen { 
    16. 
   
   
   
   
  16. background:#000; 
    17. 
   
   
   
   
  17. position: absolute; 
    18. 
   
   
   
   
  18. width: 100%; 
    19. 
   
   
   
   
  19. height: 100%; 
    20. 
   
   
   
   
  20. } 
    21. 
   
   
   
   
  21. #screen span { 
    22. 
   
   
   
   
  22. background: #fff; 
    23. 
   
   
   
   
  23. font-size: 0; 
    24. 
   
   
   
   
  24. overflow: hidden; 
    25. 
   
   
   
   
  25. width: 2px; 
    26. 
   
   
   
   
  26. height: 2px; 
    27. 
   
   
   
   
  27. } 
    28. 
   
   
   
   
  28. </style> 
    29. 
   
   
   
   
  29.   <script type="text/javascript">  
    30. 
   
   
   
   
  30. var Follow = function () { 
    31. 
   
   
   
   
  31. var $ = function (i) {return document.getElementById(i)}, 
    32. 
   
   
   
   
  32. addEvent = function (o, e, f) {o.addEventListener ? o.addEventListener(e, f, false) : o.attachEvent('on'+e, function(){f.call(o)})}, 
    33. 
   
   
   
   
  33. OBJ = [], sp, rs, N = 0, m; 
    34. 
   
   
   
   
  34. var init = function (id, config) { 
    35. 
   
   
   
   
  35. this.config = config || {}; 
    36. 
   
   
   
   
  36. this.obj = $(id); 
    37. 
   
   
   
   
  37. sp = this.config.speed || 4; 
    38. 
   
   
   
   
  38. rs = this.config.animR || 1; 
    39. 
   
   
   
   
  39. m = {x: $(id).offsetWidth * .5, y: $(id).offsetHeight * .5}; 
    40. 
   
   
   
   
  40. this.setXY(); 
    41. 
   
   
   
   
  41. this.start(); 
    42. 
   
   
   
   
  42. } 
    43. 
   
   
   
   
  43. init.prototype = { 
    44. 
   
   
   
   
  44. setXY : function () { 
    45. 
   
   
   
   
  45. var _this = this; 
    46. 
   
   
   
   
  46. addEvent(this.obj, 'mousemove', function (e) { 
    47. 
   
   
   
   
  47. ee = e || window.event; 
    48. 
   
   
   
   
  48. m.x = e.clientX; 
    49. 
   
   
   
   
  49. m.y = e.clientY; 
    50. 
   
   
   
   
  50. }) 
    51. 
   
   
   
   
  51. }, 
    52. 
   
   
   
   
  52. start : function () { 
    53. 
   
   
   
   
  53. var k = 180 / Math.PI, OO, o, _this = this, fn = this.config.fn; 
    54. 
   
   
   
   
  54. OBJ[N++] = OO = new CObj(null, 0, 0); 
    55. 
   
   
   
   
  55. for(var i=0;i<360;i+=20){ 
    56. 
   
   
   
   
  56. var O = OO; 
    57. 
   
   
   
   
  57. for(var j=10; j<35; j+=1){ 
    58. 
   
   
   
   
  58. var x = fn(i, j).x, 
    59. 
   
   
   
   
  59. y = fn(i, j).y; 
    60. 
   
   
   
   
  60. OBJ[N++] = o = new CObj(O , x, y); 
    61. 
   
   
   
   
  61. O = o; 
    62. 
   
   
   
   
  62. } 
    63. 
   
   
   
   
  63. } 
    64. 
   
   
   
   
  64. setInterval(function() { 
    65. 
   
   
   
   
  65. for (var i = 0; i < N; i++) OBJ[i].run(); 
    66. 
   
   
   
   
  66. }, 16); 
    67. 
   
   
   
   
  67. } 
    68. 
   
   
   
   
  68. } 
    69. 
   
   
   
   
  69. var CObj = function (p, cx, cy) { 
    70. 
   
   
   
   
  70. var obj = document.createElement("span"); 
    71. 
   
   
   
   
  71. this.css = obj.style; 
    72. 
   
   
   
   
  72. this.css.position = "absolute"; 
    73. 
   
   
   
   
  73. this.css.left = "-1000px"; 
    74. 
   
   
   
   
  74. this.css.zIndex = 1000 - N; 
    75. 
   
   
   
   
  75. document.getElementById("screen").appendChild(obj); 
    76. 
   
   
   
   
  76. this.ddx = 0; 
    77. 
   
   
   
   
  77. this.ddy = 0; 
    78. 
   
   
   
   
  78. this.PX = 0; 
    79. 
   
   
   
   
  79. this.PY = 0; 
    80. 
   
   
   
   
  80. this.x = 0; 
    81. 
   
   
   
   
  81. this.y = 0; 
    82. 
   
   
   
   
  82. this.x0 = 0; 
    83. 
   
   
   
   
  83. this.y0 = 0; 
    84. 
   
   
   
   
  84. this.cx = cx; 
    85. 
   
   
   
   
  85. this.cy = cy; 
    86. 
   
   
   
   
  86. this.parent = p; 
    87. 
   
   
   
   
  87. } 
    88. 
   
   
   
   
  88. CObj.prototype.run = function () { 
    89. 
   
   
   
   
  89. if (!this.parent) { 
    90. 
   
   
   
   
  90. this.x0 = m.x; 
    91. 
   
   
   
   
  91. this.y0 = m.y; 
    92. 
   
   
   
   
  92. } else { 
    93. 
   
   
   
   
  93. thisthis.x0 = this.parent.x; 
    94. 
   
   
   
   
  94. thisthis.y0 = this.parent.y; 
    95. 
   
   
   
   
  95. } 
    96. 
   
   
   
   
  96. thisthis.x = this.PX += (this.ddx += ((this.x0 - this.PX - this.ddx) + this.cx) / rs) / sp; 
    97. 
   
   
   
   
  97. thisthis.y = this.PY += (this.ddy += ((this.y0 - this.PY - this.ddy) + this.cy) / rs) / sp; 
    98. 
   
   
   
   
  98. this.css.left = Math.round(this.x) + 'px'; 
    99. 
   
   
   
   
  99. this.css.top = Math.round(this.y) + 'px'; 
    100. 
   
   
   
   
  100. } 
    101. 
   
   
   
   
  101. return init; 
    102. 
   
   
   
   
  102. }(); 
    103. 
   
   
   
   
  103. </script></head> 
    104. 
   
   
   
   
  104. <body> 
    105. 
   
   
   
   
  105. <div id="screen"></div> 
    106. 
   
   
   
   
  106. <script type="text/javascript"> 
    107. 
   
   
   
   
  107. new Follow('screen', {speed: 4, 
    108. 
   
   
   
   
  108. animR : 2, 
    109. 
   
   
   
   
  109. fn : function (i, j) { 
    110. 
   
   
   
   
  110. return { 
    111. 
   
   
   
   
  111. x : j/4*Math.cos(i), 
    112. 
   
   
   
   
  112. y : j/4*Math.sin(i) 
    113. 
   
   
   
   
  113. } 
    114. 
   
   
   
   
  114. }}) 
    115. 
   
   
   
   
  115. </script></body> 
    116. 
   
   
   
   
  116. </html> 
    117.

 

 

你可能感兴趣的:(职场,鼠标,title,休闲,漂亮)

  • 一百九十四章. 自相矛盾 巨木擎天
    唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也
  • 《投行人生》读书笔记 小蘑菇的树洞
    《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好
  • 2022-04-18 Apbenz
    语重心长的和我说，不要老是说不行，人至而立之年危机四伏，内在的，外在的，感觉就是心力憔悴，让人无所适从。面对职场的无情，突然好羡慕干体力劳动的外卖小哥。难道命运是想让我去送外卖了吗？干体力活才能让我活下去？fastadmin打卡成功,淘宝金币任务完成。ㅏㅓㅗㅜㅡㅣㅐㅔㅑㅕㅛㅠㅢㅒㅖY行。야자여자요리우유의사얘기예
  • linux中sdl的使用教程,sdl使用入门 Melissa Corvinus linux中sdl的使用教程
    本文通过一个简单示例讲解SDL的基本使用流程。示例中展示一个窗口，窗口里面有个随机颜色快随机移动。当我们鼠标点击关闭按钮时间窗口关闭。基本步骤如下：1.初始化SDL并创建一个窗口。SDL_Init()初始化SDL_CreateWindow()创建窗口2.纹理渲染存储RGB和存储纹理的区别：比如一个从左到右由红色渐变到蓝色的矩形，用存储RGB的话就需要把矩形中每个点的具体颜色值存储下来；而纹理只是一
  • 在Ubuntu中编译含有JSON的文件出现报错 芝麻糊76 Linuxkill_buglinuxubuntujson
    在ubuntu中进行JSON相关学习的时候，我发现了一些小问题，决定与大家进行分享，减少踩坑时候出现不必要的时间耗费截取部分含有JSON部分的代码进行展示char*str="{\"title\":\"JSONExample\",\"author\":{\"name\":\"JohnDoe\",\"age\":35,\"isVerified\":true},\"tags\":[\"json\",\"
  • “日舍一物”之42——活在当下，并向前看 記二十一
    这件衣服已经有十五、六年了（突然发现我可真是能囤东西啊）。这原本是一件我非常喜欢的衣服，无论是样子，还是质地。照片拍的比较渣，但其实，白色棉质衣料中，尚织有银色的丝线，在阳光或灯光下，会闪亮，不晃眼，但很漂亮。或许正是因为太喜欢了，所以一直保留着，尽管很多年都没有再穿过了。因为不合适了。首先是随着年龄的增长，尽管体重总量没有太多变化（哦，其实还是涨了）。但是体型还是和十几年前不一样了，最明显的就是
  • 上班族可以做线上副业兼职有哪些？盘点7个适合上班族做的副业兼职！ 高省APP大九
    对于许多上班族来说，工资往往不能满足他们的生活需求，因此许多人开始寻找副业来增加收入。以下是一些适合普通人的副业赚钱路子，希望能给您带来一些灵感。1、做好物推荐现在很多职场人其实有大量的个人时间，只不过这些个人时间比较碎片化，他们不能够很好的利用起来，其实可以利用这些碎片化的时间去做副业，比如做好物推荐。在网上有很多的平台，比如头条抖音等等都开通了一个商品的分销功能，只要你发布相关的视频或者文章，
  • 愿望 石敢敢
    二十岁，我希望苦涩少一点，可爱多一点晴天多一点，阴雨少一点二十岁，我希望相聚长一点，离别短一点微笑多一点，苦涩少一点二十岁，我希望真诚多一点，套路少一点时间慢一点，陪伴久一点二十岁，我希望努力多一点，抱怨少一点早起多一点，拖延少一点漂亮多一点，肉肉少一点所有愿望近一点……
  • 大三成了分手季? 三聿鱼
    图片发自App一次玩真心话大冒险的时候，知道漂亮的A学姐原来和社团那个帅帅的学长H原来是彼此的前任。知道时还是惊讶的，知道学长H现在在准备考研，上次从湖边回学校时，他说现在很忙，所以社团那边也没有再去。他想考武汉大学，每天都是泡图书馆。后来和学姐A在假期一次一次合作后，也熟络很多，知道她也将要回老家实习，想考公务员。学姐A大学专业是英语，当时想问更多，觉得不变开口，也没再问。在那次真心话大冒险中，
  • 人要有自知之明 孟冬廿六
    今天中午跟一学妹聊天，谈起结婚找对象的问题，小姑娘年龄不算大，二十七岁，但是整个人很清醒很现实，她如今在一国企上班，吃住都不花钱，再加上她经常出差，补助奖金这一块儿也不少，一年下来七七八八的有个小二十万，这对于一个小姑娘来说已经非常不错了，她计划这两年自己付首付买房，然后想要买辆MINI，小姑娘一米七六的个子，长得漂亮有气质，家庭条件也不错，所以对于择偶方面也有一定的要求，最好是事业单位的，父母有
  • 【学生作品】写给未来孩子的一封信（徐奥） 简思莼
    1、人皆养子望聪明，无灾无难到公卿——写给未来孩子的一封信文/徐奥亲爱的孩子:你好啊！我是你过去的母亲，和你一样，现在的我也是一个孩子，这是我给你写的第一封信。未来的你如果是个天真可爱的小公主，我便化身为王子。宠爱你，但不是溺爱；呵护你，但不是纵容。我会坐在书桌前，陪你一起读书写字，一起学习，一起散步。我会在街上给你挑选衣服，把你打扮成漂亮的洋娃娃。我不会压制你的天赋，我会让你选择自己的兴趣爱好。
  • 2020年学习什么知识比较好？互联网行业依然是发展较佳 编程仔
    2019年余额已不足，不少职场人心里也在盘点这一年的工作得失，琢磨新一年的奋斗策略，是继续冲刺还是换个跑道？今年跳槽更难吗？image互联网行业一直以相对较丰厚的薪酬和广阔的发展前景吸引着各界人才。但最近，互联网行业寒冬、互联网企业裁员等话题再次引起热议。正在从前些年的高速发展期转向发展调整期的互联网行业真的步入了“寒冬”？该行业依旧具有吸引力吗？什么职位又最热门呢？image互联网行业仍保持较高
  • 身体乳哪个牌子的好用?口碑超好的身体乳排行榜前十名 高省APP珊珊
    做小仙女真不容易啊~不仅脸蛋要漂亮精致，连身体每一寸肌肤都不能放过！天气变冷后，稍不注意身上的皮屑就开始“下雪”了~网上购物用高省APP更优惠！高省APP，是2021年推出的平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，也期待你的加入。珊珊导师，高省邀请码666123，注册送2皇冠会员，送万元推广大礼包，
  • 研究表明，中年人“失业”成为了趋势，关键原因有这4点 舒山有鹿
    01在职场中，一直存在这么一个定律——35岁中年失业定律。很多人都特别疑惑，35岁还未到中年期，为什么人们会把“中年”跟“失业”挂钩呢？有句话，说得很现实：“35岁之前辞职，叫跳槽；35岁之后辞职，叫失业。”一般来说，35岁失业和40岁失业的本质是差不多的。只要他们还未升到管理层，便被单位辞退，就证明他们只能“另谋出路”了。况且，随着环境的愈发复杂，行业问题的频频发生，线下商业的不景气，那中年人找
  • 极度休闲的一天 淡泊孤峰
    国庆国庆，普天同庆。在家躺着看大家游山玩水，长辈走亲戚，我的微信一天没几条消息，标准结局，习惯了。哈利波特系列电影真不错，童年总幻想着像主角哈利一样，像《龙族》少年楚子航浪迹江湖，风云天下。而现在却败给华为ICT大赛题还有永无止境的代码视频，唉，真可笑！
  • 2020年最新程序员职业发展路线指南，超详细！ 编程流川枫 11编程语言程序员互联网IT职业
    【文章来源微信公众号：每天学编程】01、程序员的特性技术出身的职场人特性很明显，与做市场、业务出身的职场人区别尤其明显。IT行业中常见的一些职场角色：老板、项目经理、产品经理、需求分析师、设计师、开发工程师、运维工程师等。开发工程师具有如下特征：1、逻辑思维清晰、严谨和细腻；但是有时不容易转弯，有些程序员容易较劲、钻牛角尖。2、性格偏内向、不善于沟通、表达和交际；但是在网络聊天工具上，有些显为幽默
  • 2021-10-19 清风似你
    感恩日记姓名：黄振红日期：10月19日✨感恩时刻内容：1.感恩爸爸妈妈给予我生命，并养育我长大2.感恩自己今天能够健康的睁开眼睛活在这个世界上，因此可以做更多自己想做的事3.感恩自己健康我以后会好好的爱你们。5.感恩我有健康可爱帅气，漂亮，善良，懂事聪明的一双儿女，给我做午饭（西辣蛋），给我说“早点吃完饭，午休”6.感恩我有个健康有责任感疼我爱我的老公，打电话关心我，晚上接女儿，并且为我们做好丰盛
  • 【vite 自动配置路由】 CODER-V 前端javascriptvue.js前端软件构建
    手动配置路由，是一个没有技术含量又浪费时间的工作。本文将介绍vite构建的vue3项目如何编写一个自动配置路由的脚本。约定大于配置要想使用脚本完成路由的自动配置，我们就需要遵循以下目录规则：每一个页面对应一个包，当前包下的主页面命名为index.vue；每个包里必须配置一个page.js；在每一个page.js里边配置，额外的路由信息，比如：exportdefault{title:'商品',men
  • 故事||我是一本书（3） 贪玩
    我的房间在精装洋房的第二层。这个楼层在书类的房子里，属于黄金楼层，因为无论是被家人选中来作文字交流，还是独自站在房间观察周围，这层都是最佳位置，不高不低，视野开阔。每日放学后，老贝在书桌上写作业的时候，我都能清晰的观察她。毕竟我刚刚认识她，对这个漂亮的、有点调皮的小姑娘，我很想深入的了解她。妈妈在创造我时，记录了一些小朋友学习文化知识情景的小故事，因此我灵魂深处，有一些这方面的记忆，但是毕竟不多，
  • 40岁的java程序员，还有出路吗？ cesske java开发语言
    目录前言一、现状与挑战二、出路与机遇三、案例分析与启示四、结语前言40岁Java程序员的出路：挑战与机遇并存在科技日新月异的今天，IT行业始终保持着高速的发展态势，而Java作为其中的重要一员，其地位依然稳固且充满挑战。对于一位40岁的Java程序员而言，面对职业生涯的“中年危机”，是否还有出路？本文将从多个维度探讨这一问题，旨在为这一群体提供思考和启示。一、现状与挑战职场竞争加剧随着技术的不断发
  • JavaScript中秋快乐！ Q_w7742 javascript开发语言ecmascript
    我们来实现一个简单的祝福网页~主要的难度在于使用canvas绘图当点击canvas时候，跳出“中秋节快乐”字样，需要注册鼠标单击事件和计时器。首先定义主要函数：初始化当点击canvas之后转到onCanvasClick函数，绘图生成灯笼。functiononCanvasClick(){//事件处理函数context.clearRect(0,0,canvas1.width,canvas1.heigh
  • 【Death Note】网吧战神之7天爆肝渗透测试死亡笔记_sqlmap在默认情况下除了使用 char() 函数防止出现单引号 2401_84561374 程序员笔记
    网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！特殊服务端口2181zookeeper服务未授权访问
  • 冬奥会开幕式 快乐小鱼儿_9911
    今天观看了冬奥会开幕式，立春，冬奥，元素的融合，精彩的设计。开幕式融合了太多的高科技，向世界展现了大国的风采。飘扬的雪花，美丽的舞蹈。雪的轻灵，花的妩媚，构成了美丽的圣火图。整个开幕式，大气，漂亮，鸟巢上方绚丽的烟花，点亮了夜空！开幕式结束了，带着我们的祝福，奥运健儿，再创佳绩。
  • 喜欢和妈妈逛菜场 鱼丢丢
    12月1日跟妈妈逛了两次菜场，超级开心，看到很多新鲜的菜，可爱的菜，古老的菜，真有意思。妈妈跟卖鱼老伯的讨价还价，生动活泼，老伯风趣幽默。妈妈说我像个孩子，对什么都感兴趣。卖年糕的女人手上有粗糙的裂口，我拉着一定要买年糕，要用大仙菜炒，妈妈说买一斤吧。卖大仙菜的老婆婆自信地夸她的菜漂亮极了，因为是老婆婆她不用支付宝，我和妈妈都没有现金。我跑去卖年糕的女人那里换钱，让她换我10块现金，感谢她。吆喝卖
  • 若爱无疾，该当如何？她曾经是他的命，后来是他的恨，最终成了他心尖上拔不去的刻骨衷情 皮皮我最皮
    温柔坐在宽大的包厢里面的一个沙发角落里，手上拿了一杯饮料，情绪不怎么高昂地窝在那里喝着，她看似轻松，漂亮的脸上还挂着淡笑与周边的大学同学们说话聊天，可余光之下却满是紧张。她怕他会来。可她又想他能来。今天是大学校友聚会，她原本也不想来的，可熬不过死党何乐的胡搅蛮缠。何乐说她既回来了，以后指不定会用到这些同学们，就算用不上，过来走个过场，跟同学们混混关系也是好的。温柔觉得何乐说的也对，就跟着来了。可自
  • 我是一只猫 第一章 静默_dbc2
    在一条大街上，上小学的熊孩子姚成安背着书包往家走。今天弄了几只毛毛虫放在班里几个漂亮女声的铅笔盒里。一想到那几个女生在打开铅笔盒时惊慌失措的表情，姚成安就感觉倍儿爽！喵呜~走着走着的姚成安，在街角看到了一只流浪的猫。猫咪正在垃圾桶里不断地翻动着，似乎在找吃的。这只猫身上的毛很长，但是因为长时间的流浪，身上的毛全都黏在一块，打了结，还脏兮兮的，满是灰尘。但是，这只猫咪，那双异色的双瞳，却十分的明亮。
  • 爱——不会服输 - 草稿 zxylovedy
    有许许多多人都说,爱应该学会放手，这才是大爱，这才是真正的爱，但是我并不这么觉得。如果你真的放手了只能说明你不够爱，或者说你没有想象中的那么爱她（他）。难道你以为你放手了之后，他就会记住你一辈子了吗？你太天真了，他只会活的更好，没有了你的骚扰，他的世界只会更加美丽。这个世界上有几十亿人，但是又有几个是你爱的人呢？既然爱了又为什么要放手？如果他喜欢上了另一个人，她比你漂亮，比你优秀，比你能干，比你聪
  • 女人，爱自己多一点。 莫郁凡
    今天碰到熟人，刚想过去问，沒想到一个漂亮女人走过来，手里提着樱桃，顺便取出一个给他直接喂嘴里，他吃也不是，不吃也不是，我对他点了一下头，转身就走了，听见他说，下次别在外面给我递东西，注意影响，那个女的说，我就不，说着直接亲上去了……中年男人，你这样玩你老婆知道吗？那个顶着大太阳，在地里给苹果套袋，辛辛苦苦挣钱，早上都舍不得给自已买早餐的女人，这样辛苦的付出，值得吗？你难道能心安吗？面对这样的男人，
  • 2020-03-24 艺鹰空间设计
    从欧美的复古奢华，到现代极简的北欧风，一个太沉闷，一个略单调，设计师梁博，在自己的作品中融入一点点的复古元素，即能保留现代风格的清爽和功能上的便利，又可以收获复古的奢华和优雅，简直是太完美的搭配！古典风格住宅，设计师重新设计，厨房和起居室结合在一起，走廊和厨房起居室之间的墙从地板到天花板变成了一个透明隔断，给空间带来了更多的空气和光线。主卧室的设计颇有高级酒店的味道，左侧设置了休闲椅，右侧则有办公
  • 操作系统基础 怡晗★ Linuxlinux
    目录操作系统基础冯诺依曼体系结构介绍操作系统基本认知本篇文章是后面学习操作系统知识的基础操作系统基础冯诺依曼体系结构介绍冯诺依曼体系结构如下：在上图中「输入设备」和「输出设备」一般被称为计算机的外设，而「存储器」在冯诺依曼体系结构中表示「内存」输入设备一般包括：网卡、磁盘、键盘、触摸屏等输出设备一般包括：网卡、磁盘、鼠标、触摸屏、显示器（非触摸屏）等内存的作用「内存」是中央处理器与计算机其他设备的
  • 设计模式介绍 tntxia 设计模式
    设计模式来源于土木工程师 克里斯托弗 亚历山大（http://en.wikipedia.org/wiki/Christopher_Alexander）的早期作品。他经常发表一些作品，内容是总结他在解决设计问题方面的经验，以及这些知识与城市和建筑模式之间有何关联。有一天，亚历山大突然发现，重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作
  • android高级组件使用(一) 百合不是茶 androidRatingBarSpinner
    1、自动完成文本框（AutoCompleteTextView） AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex
  • [网络与通讯]路由器市场大有潜力可挖掘 comsci 网络
              如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题.....        这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入  &nbs
  • 自写简单Redis内存统计shell 商人shang Linux shell统计Redis内存
    #!/bin/bash address="192.168.150.128:6666,192.168.150.128:6666" hosts=(${address//,/ }) sfile="staticts.log" for hostitem in ${hosts[@]} do ipport=(${hostitem
  • 单例模式(饿汉 vs懒汉) oloz 单例模式
    package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化，外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva
  • springMvc json支持 杨白白 json springmvc
    1.Spring mvc处理json需要使用jackson的类库，因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping("helloJson") public @ResponseBody JsonTest helloJson() {
  • android播放，掃描添加本地音頻文件 小桔子
            最近幾乎沒有什麽事情，繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能，就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道，可已通過本地掃描添加歌曲。不知道他們是怎麼實現的，我覺得應該掃描設備上的所有文件，過濾出音頻文件，每個文件實例化為一個實體，記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想，
  • oracle常用命令 aichenglong oracledba常用命令
    1 创建临时表空间 create temporary tablespace user_temp  tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' size 50m  autoextend on  next 50m maxsize 20480m  extent management local
  • 25个Eclipse插件 AILIKES eclipse插件
    提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug，它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去，能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具，它提供了
  • Spring MVC拦截器+注解方式实现防止表单重复提交 baalwolf spring mvc
    原理：在新建页面中Session保存token随机码，当保存时验证，通过后删除，当再次点击保存时由于服务器端的Session中已经不存在了，所有无法验证通过。   1.新建注解：   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  • 《Javascript高级程序设计(第3版)》闭包理解 bijian1013 JavaScript
    “闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》         看以下代码： <script type="text/javascript"> function outer() { var i = 10; return f
  • AngularJS Module类的方法 bijian1013 JavaScriptAngularJSModule
            AngularJS中的Module类负责定义应用如何启动，它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里         如果你是从Java或者Python编程语言转过来的，那么你可能很想知道AngularJS里面的main方法在哪里？这个把所
  • [Maven学习笔记七]Maven插件和目标 bit1129 maven插件
    插件(plugin)和目标(goal) Maven，就其本质而言，是一个插件执行框架，Maven的每个目标的执行逻辑都是由插件来完成的，一个插件可以有1个或者几个目标，比如maven-compiler-plugin插件包含compile和testCompile，即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标   使用插件和目标使得我们可以干预
  • 【Hadoop八】Yarn的资源调度策略 bit1129 hadoop
    1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略， FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法，在Hadoop MR1中就引入了，在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度   2. 多用户资源共享的调度
  • Nginx使用Linux内存加速静态文件访问 ronin47
    Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下：
  • 关于Unity3D中的Shader的知识 brotherlamp unityunity资料unity教程unity视频unity自学
    首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，然后我们来看下Unity3D自带的60多个S
  • CopyOnWriteArrayList vs ArrayList bylijinnan java
    package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述： * 1.ArrayListi不是线程安全的，CopyO
  • 内存中栈和堆的区别 chicony 内存
    1、内存分配方面：     堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。     栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中
  • 回答一位网友对Scala的提问 chenchao051 scalamap
    本来准备在私信里直接回复了，但是发现不太方便，就简要回答在这里。 问题 写道 对于scala的简洁十分佩服，但又觉得比较晦涩，例如一例，Map("a" -> List(11,111)).flatMap(_._2)，可否说下最后那个函数做了什么，真正在开发的时候也会如此简洁？谢谢    先回答一点，在实际使用中，Scala毫无疑问就是这么简单。
  • mysql 取每组前几条记录 daizj mysql分组最大值最小值每组三条记录
    一、对分组的记录取前N条记录：例如：取每组的前3条最大的记录 1.用子查询： SELECT * FROM tableName a  WHERE 3> (SELECT COUNT(*) FROM  tableName b WHERE b.id=a.id AND b.cnt>a. cnt) ORDER BY a.id,a.account DE
  • HTTP深入浅出 http请求 dcj3sjt126com http
      HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后We
  • 判断MySQL记录是否存在方法比较 dcj3sjt126com mysql
    把数据写入到数据库的时，常常会碰到先要检测要插入的记录是否存在，然后决定是否要写入。 　　我这里总结了判断记录是否存在的常用方法： 　　sql语句： select   count ( * )  from  tablename; 　　然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费，我们只是想判断记录记录是否存在，没有必要全部都查出来。
  • 对HTML XML的一点认识 e200702084 htmlxml
    感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM，HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的： 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次
  • jquery分页插件 genaiwei jqueryWeb前端分页插件
    //jquery页码控件// 创建一个闭包    (function($) {      // 插件的定义      $.fn.pageTool = function(options) {        var totalPa
  • Mybatis与Ibatis对照入门于学习 Josh_Persistence mybatisibatis区别联系
    一、为什么使用IBatis/Mybatis         对于从事 Java EE 的开发人员来说，iBatis 是一个再熟悉不过的持久层框架了，在 Hibernate、JPA 这样的一站式对象 / 关系映射（O/R Mapping）解决方案盛行之前，iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天，iBatis 凭借着易学易用、
  • C中怎样合理决定使用那种整数类型？ 秋风扫落叶 c数据类型
    如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。    &nbs
  • maven问题 zhb8015 maven问题
      问题1： Eclipse 中 新建maven项目 无法添加src/main/java 问题    eclipse创建maevn web项目，在选择maven_archetype_web原型后，默认只有src/main/resources这个Source Floder。     按照maven目录结构，添加src/main/ja
  • (二)androidpn-server tomcat版源码解析之--push消息处理 spjich javaandrodipn推送
    在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中，已经描述了整个推送服务器的启动过程，并且把握到了消息的入口即XmppIoHandler这个类，今天我将继续往下分析下面的核心代码，主要分为3大块，链接创建，消息的发送，链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc
  • 用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题 中华好儿孙 JavaScriptAjaxWeb上传文件FormData
    var formData = new FormData($("#inputFileForm")[0]); $.ajax({ type:'post', url:webRoot+"/electronicContractUrl/webapp/uploadfile", data:formData, async: false, ca
  • mybatis常用jdbcType数据类型 ysj5125094 mybatismapperjdbcType
      MyBatis 通过包含的jdbcType 类型 BIT         FLOAT      CHAR          
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他