Mosu

使用SVG的animate元素实现SVG动画 书接上文，SVG本身有规范的animate等动画元素实现动画。先从这里开始 animate-SVG | MDN 对于这个方案，我也有一个实践，如下图 其源码如下 12345678910111213141516<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="200" height="200"> <path fill="#00f" d="M512 512V412a100 100 0 110 200 100 100 0 110-200z"> <animate attributeName="d" dur="3s" repeatCount="indefinite" values="M512 512 v-106 a106 1 ...

起因 事件起源于产品迭代会上，产品的一个需求——想让齿轮转起来。第一秒的想法是使用css动画，因为css动画简单易懂开销小，如非必要不太想打扰UI小姐姐专门制作一个gif。 实现 分析 先上图标代码 12345678910111213141516171819202122232425262728293031<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1600412072283" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg&qu ...

浅尝HTML5拖拽 当用户开始拖动一个元素或者一个选择文本的时候 dragstart 事件就会触发 见 dragstart - Web API | MDN 一个元素可被拖动的方式是增加draggable属性，捕获到拖拽行为后会触发dragstart事件，在dragstart的事件对象中，有dataTransfer属性，其中有一个setData(format, data)方法，可以作为拖拽事件传递参数的方法，format可接受的参数是’text/plain’和’text/url-list’ 见 DataTransfer.setData() - Web API | MDN ※ 需要注意的是，被传递的参数data在dragover、dragleave、dragend、dragenter等事件中不可读，在drop事件中可读 见 dataTransfer.getData()在dragover,dragenter,dragleave中无法获取数据的问题 添加了drop和dragover事件的元素可以接受拖动，此时可能由于浏览器的默认事件的限制，drop事件没有被触发，因此在添加了drop事件的元 ...

叮铃铃……熟悉的闹钟声再次响起，像往常一样，我欠身摸去，习惯性地还原了闹钟，顺手打开微信及熟悉的聊天框 早安亲爱的 嗯？你怎么换头像了呀 只见以上还有消息，是对方一大早就发送的 看，我换了这个头像，可爱吧 丢给你一个链接，那 https:/… 你也换一个吧 有些摸不着头脑的我点开了链接寻找匹配的头像，诶？又是怎么回事，这些头像居然是立体的，还在随机变化，算了，随便选一个差不多合适的好了。此时的我半梦半醒，一想到她就要独自一人去游玩西湖，计划了好久却没能去成的我心有不甘，我还有话想对她说呢。于是继续发送消息 本来有一些话等到一起在杭州跟你讲的 现在我去不了了 只好等到晚上再跟你讲咯 发送罢我便继续躺下。过了不知多久，又突然惊醒。睡眼朦胧中想看看是不是收到了回信。重复解锁的步骤，打开微信定睛一看，可消息列表竟分明是空空如也。疑惑的我这才注意到现在居然才六点，远不是我该起床的时间，原来刚才那些都是梦而已，那奇怪的、会随机变化的头像也就在情理之中，原来如此。 平常的一天即将开始。好巧不巧，我在公司楼下遇到了CTO，我向他问起公司新址的事情，于是他带我来到了一处公园，青草悠悠间，有一 ...

许仙：姑娘，如果我告诉你我病了，你信吗？只因为前几日我在断桥上遇到一个人，从那以后我就多了一块心病，我也不知道我这病到底为谁而得。但是今日，我见到了你，我想，我心里明白了很多。 白素贞：明白了许多？既然你知道是病，就该多吃几副药啊。 许仙：恐怕这病是因姑娘而得。 白素贞：怎么可能呢。我们才见过两三次，你怎么会因我而病呢。 许仙：两三次的确不多，也许姑娘你没什么感觉。但是人生不过七十，除去十年懵懂，十年老弱，就只剩下五十年，这五十年又要除去一半的黑夜便只留下二十五年，再仔细想想，吃饭饮茶，沐浴更衣，东奔西跑，做工生病，又耗掉不少时日，真正留下来可以陪自己心爱的人在一起的时间，掐指算来，少之又少。我不想让姑娘觉得我是一个花言巧语的登徒浪子，我只是想告诉姑娘，可如果我这一辈子只有两三次机会和姑娘邂逅的话，前两次我已经浪费掉，只剩这一次，我是不能放过的。 白素贞：你、你到底想说什么？ 许仙：我要说的是：自打我第一眼见到姑娘的时候，就喜欢你了。 白素贞：喜欢？啊，就好像我喜欢我妹妹那样喜欢？ 许仙：不不不，那又不同。妹妹是亲人，心疼她就像心疼自己的手足。而喜欢姑娘，就像珍爱自己的性命 ...

楔子 自上古克里卡皇帝启动禁忌魔法阵以来，人世已历经千年。曾经盛极一时的克里卡帝国，因帝国核心骤然毁灭而分崩离析。边塞的拜月人与拜阳人卷土重来，诸侯割据，烽火连年，战乱很快烧遍克里卡大地。 所谓禁忌魔法阵，本是记载于《魔典》中的灭世阵法。《魔典》的作者名为天灵，传说他曾击败一尊足以毁天灭地的魔头，将魔头的力量拆解，封印在人间各处。后来天灵撰写《魔典》，把毕生功力、见闻轶事与人间情欲尽数化为文字。书成之时，他又穷尽最后的力量，将魔头残魂重新聚合，与自己的灵魂一并封入书中。自此，天灵肉身灰飞烟灭，世上只余《魔典》，以及一顶附着他一缕灵力的神盔。 然而魔头并未真正死去。它在被天灵重组残魂时，触碰到一丝天灵灵力，竟由此恢复了些许意识。它假作死寂，待天灵将自身灵魂化入文字后，悄然改写了《魔典》的一部分，把自己伪装成一座能够助人成仙的法阵。只要后世有人依书布阵，魔头便可借天灵残存之力汲取众生魂魄，重铸元神，重新降临人间。 彼时，克里卡皇帝心生贪念，妄图凭借《魔典》登临仙境，便命人搜集法阵所需的一切材料，又召来帝国大巫师主持仪式。法阵启动之日，乌云突至，狂风骤起。一道黑雾裹挟着微弱蓝光自书中飞出，直 ...

公子追求淑女，情敌分外眼红。临江楼外张灯结彩，方圆百里的富贵人家早早地聚集在此处——晨星城，今夜正是晨星何家少公子何止勤的加冠礼。

刁光斗： 话不能说绝了，我的宋大人。不客气地说，刁某以为，宋大人什么都明白，可唯独就是在这人情世道上，一窍不通啊！这么说吧，圣人尚曰：人非圣贤，孰能无过。 人，人呐，是人哪儿有不犯错的，可凭什么就你摆出一副比圣人还圣人的面孔，抓住别人一点儿小过小失，就把人往死里整。 这可是活生生的人世间，人有七情六欲，并非过错这天底下，官场上哪有你这么死心眼的。几年前，你抓住刁某的一点儿过失，就一纸奏章欲将刁某置于死地。可结果怎么样？我不过就是官降几品，我不是还穿着这身朝廷命服吗！ 你知道这是为什么吗？就是因为这天底下，像我这样的官太多太多，而像你这样的死心眼又太少太少了。孔圣尚曰：法不责众。就你一个人，扛着一杆大宋王法的大旗，就能够横扫天下，澄清玉宇？ 如果官场上的事，都照你这么一板一眼的去办，那满朝文武，还不都得弄得是人人自危吗？如果这大家都不想当官，大家都不敢当官了，你让皇帝老怎么办？ 你不是成天口口声声，说什么王法王法，你知道什么叫王法？好，就让刁某来告诉你吧。王法，王法，就是皇家的法。 宋慈： 好你刁光斗，好一派贪官污吏的歪理邪说呀！姓刁的，似你这般满腹经纶。如果好好修修官德，何 ...

有一说一 大家忙的倒是都还挺合理的 不过这也是最离谱的 按这个节奏 怕是都要孤独终老 合适的陪伴遥遥无期 心态悄悄变化 就像一个遥不可及的目标 让人望而却步 但是另一个内心在呐喊啊 它渴望陪伴 理智的心渐渐冷却 感性的情逐步升温 可能大家都挑剔起来了吧 也可能是习惯了暧昧 不习惯真正的喜欢了吧 得不到美好的东西就会失落 然后顿生逃避的想法 小时候想买的玩具啥的 得不到便安慰自己说它不好 然后心理平衡一点 长大了这种心态还是存在 得不到的都不会骚动了 但是能得到的又确实还有恃无恐 久而久之 你爱的人渐行渐远 爱你的人心灰意冷 明明是个执着的人 偏偏表现的冷冷淡淡 以前难过的时候就会写写文章啥的，不过好歹有人看，至少能强行塞给别人看，学生时代大家都无所谓的，差异没那么多，现在大家都长大了，没有人在乎我的诗和远方了，差异太多的时候，对方甚至无法理解你的想法 我感觉我理性的东西接触多了，需要接触点感性的东西，不然这个人就凉了

有一天，海神波塞冬与宙斯一起到海上游玩.在一片海上，他们看到了波涛中夹着无数死鱼。宙斯不解，问波塞冬：“这是怎么回事？”波塞冬也不清楚，自从他数千年前水淹亚特兰蒂斯后再也没回过人间。宙斯没有想到肇事者是人类，怀疑是冥王哈迪斯干的。事不知如何传到了冥王耳朵里，他下令彻查杀鱼的罪犯。最终人类被锁定为嫌疑犯，哈迪斯、宙斯、波塞冬及诸神不解，想不到人类竟如此残酷凶狠。宙斯要把真凶毁灭！于是，他让诸神尽显其能：阿波罗喷吐太阳圣火，波塞冬指挥大海咆哮，塔那托斯及尼弥西斯到人间杀戮……甚至雅典娜都气愤地摇晃着大地。末日来临，人类仍愚蠢地哭喊：神啊！请保佑我度过灾难。 载于2012.12.16 08:28

《大秦帝国：裂变》观后感 出于某些原因，最近追完了《天行九歌》。看完之后有些感想但是又自相矛盾。韩非的智谋，卫庄的英豪，还有众多儿女情长，无不精彩，不过我却看到了韩国的卑微与弱小。昏君当道，奸臣当权，纵使有韩非张良也难以改变。于是我便想追求真正的大国，而战国时期，当属秦国，于是我便看了《大秦帝国之裂变》。 全剧一开始，便是秦魏少梁之战。初见，我竟不敢相信，日后独霸天下的秦军，此时穷得难以度日。秦军虽惨胜，但国力耗尽，献公又染重伤，赳赳秦，几近灭国。无奈之下，公子渠梁与魏国割地求和，舍弃了河西秦东甚至还有函谷关，这等气魄着实可敬。反观魏国，贪图小利而得意忘形，根基稳而妄图称霸，不否认那时的魏国确是一霸主，但是偏偏魏国庙堂过于自大，联合诸侯分秦却不公，致使六国联盟不了了之，也给了秦国宝贵的喘息这里就不得不说，魏王愚蠢，不听公叔痤之言，不用卫鞅竟也不杀卫鞅，置若罔闻，把魏国的未来断送，这是后话。但是没有识才之才，作为一个君，实在可悲。 之后秦公求贤，卫鞅入秦，卫鞅亲临诸县考察国情，深知秦国的症结所在，所以才出《强秦九论》，震惊秦公，而后大行变法，秦国大治。这期间，公的鼎力相助，卫鞅的执法严明 ...

作于高二还是高三那年，有一次英语考试失利之后的深夜里。有感于前几日看到的《楚汉传奇》中垓下被围、虞姬自刎的凄惨，引恨自己的失利，遂作《虞恨》，追思前人，抒怀今情。 虞恨 起舞慢，红袖拂风尘。顿足轻，玄剑裂颈痕。丝丝绫缎随意飞，伊人乘鹤永不回。 嗟乎！悲哉绝矣。斯秀弄银刃，独留寡德人。号哭不是泪，孤君悔鸿门。但惜尔陪伴，可怜豆蔻身。 痛哉痛哉，无以止千泣。追思往日，庄亦执兵，刺围首而受阻，遂逃荥阳主。又及彭城郭，且大意穿心，葬甲不绝河。 痛哉痛哉，念此情更深，秋寒入冬枯井取水，却作那般愁。 恨然消，是籍过。愧对江东征夫、荆楚三户。 载于2014.07.05 17:43