让齿轮动起来-浅尝SVG动画
起因 事件起源于产品迭代会上,产品的一个需求——想让齿轮转起来。第一秒的想法是使用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拖拽
浅尝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,我向他问起公司新址的事情,于是他带我来到了一处公园,青草悠悠间,有一 ...
许仙对白素贞的表白
许仙:姑娘,如果我告诉你我病了,你信吗?只因为前几日我在断桥上遇到一个人,从那以后我就多了一块心病,我也不知道我这病到底为谁而得。但是今日,我见到了你,我想,我心里明白了很多。 白素贞:明白了许多?既然你知道是病,就该多吃几副药啊。 许仙:恐怕这病是因姑娘而得。 白素贞:怎么可能呢。我们才见过两三次,你怎么会因我而病呢。 许仙:两三次的确不多,也许姑娘你没什么感觉。但是人生不过七十,除去十年懵懂,十年老弱,就只剩下五十年,这五十年又要除去一半的黑夜便只留下二十五年,再仔细想想,吃饭饮茶,沐浴更衣,东奔西跑,做工生病,又耗掉不少时日,真正留下来可以陪自己心爱的人在一起的时间,掐指算来,少之又少。我不想让姑娘觉得我是一个花言巧语的登徒浪子,我只是想告诉姑娘,可如果我这一辈子只有两三次机会和姑娘邂逅的话,前两次我已经浪费掉,只剩这一次,我是不能放过的。 白素贞:你、你到底想说什么? 许仙:我要说的是:自打我第一眼见到姑娘的时候,就喜欢你了。 白素贞:喜欢?啊,就好像我喜欢我妹妹那样喜欢? 许仙:不不不,那又不同。妹妹是亲人,心疼她就像心疼自己的手足。而喜欢姑娘,就像珍爱自己的性命 ...
楔子
楔子 自上古克里卡皇帝启动禁忌魔法阵以来,人世已历经千年。曾经盛极一时的克里卡帝国,因帝国核心骤然毁灭而分崩离析。边塞的拜月人与拜阳人卷土重来,诸侯割据,烽火连年,战乱很快烧遍克里卡大地。 所谓禁忌魔法阵,本是记载于《魔典》中的灭世阵法。《魔典》的作者名为天灵,传说他曾击败一尊足以毁天灭地的魔头,将魔头的力量拆解,封印在人间各处。后来天灵撰写《魔典》,把毕生功力、见闻轶事与人间情欲尽数化为文字。书成之时,他又穷尽最后的力量,将魔头残魂重新聚合,与自己的灵魂一并封入书中。自此,天灵肉身灰飞烟灭,世上只余《魔典》,以及一顶附着他一缕灵力的神盔。 然而魔头并未真正死去。它在被天灵重组残魂时,触碰到一丝天灵灵力,竟由此恢复了些许意识。它假作死寂,待天灵将自身灵魂化入文字后,悄然改写了《魔典》的一部分,把自己伪装成一座能够助人成仙的法阵。只要后世有人依书布阵,魔头便可借天灵残存之力汲取众生魂魄,重铸元神,重新降临人间。 彼时,克里卡皇帝心生贪念,妄图凭借《魔典》登临仙境,便命人搜集法阵所需的一切材料,又召来帝国大巫师主持仪式。法阵启动之日,乌云突至,狂风骤起。一道黑雾裹挟着微弱蓝光自书中飞出,直 ...
1.酒醉临江楼
公子追求淑女,情敌分外眼红。临江楼外张灯结彩,方圆百里的富贵人家早早地聚集在此处——晨星城,今夜正是晨星何家少公子何止勤的加冠礼。
《大宋提刑官》摘抄
刁光斗: 话不能说绝了,我的宋大人。不客气地说,刁某以为,宋大人什么都明白,可唯独就是在这人情世道上,一窍不通啊!这么说吧,圣人尚曰:人非圣贤,孰能无过。 人,人呐,是人哪儿有不犯错的,可凭什么就你摆出一副比圣人还圣人的面孔,抓住别人一点儿小过小失,就把人往死里整。 这可是活生生的人世间,人有七情六欲,并非过错这天底下,官场上哪有你这么死心眼的。几年前,你抓住刁某的一点儿过失,就一纸奏章欲将刁某置于死地。可结果怎么样?我不过就是官降几品,我不是还穿着这身朝廷命服吗! 你知道这是为什么吗?就是因为这天底下,像我这样的官太多太多,而像你这样的死心眼又太少太少了。孔圣尚曰:法不责众。就你一个人,扛着一杆大宋王法的大旗,就能够横扫天下,澄清玉宇? 如果官场上的事,都照你这么一板一眼的去办,那满朝文武,还不都得弄得是人人自危吗?如果这大家都不想当官,大家都不敢当官了,你让皇帝老怎么办? 你不是成天口口声声,说什么王法王法,你知道什么叫王法?好,就让刁某来告诉你吧。王法,王法,就是皇家的法。 宋慈: 好你刁光斗,好一派贪官污吏的歪理邪说呀!姓刁的,似你这般满腹经纶。如果好好修修官德,何 ...
春之感
有一说一 大家忙的倒是都还挺合理的 不过这也是最离谱的 按这个节奏 怕是都要孤独终老 合适的陪伴遥遥无期 心态悄悄变化 就像一个遥不可及的目标 让人望而却步 但是另一个内心在呐喊啊 它渴望陪伴 理智的心渐渐冷却 感性的情逐步升温 可能大家都挑剔起来了吧 也可能是习惯了暧昧 不习惯真正的喜欢了吧 得不到美好的东西就会失落 然后顿生逃避的想法 小时候想买的玩具啥的 得不到便安慰自己说它不好 然后心理平衡一点 长大了这种心态还是存在 得不到的都不会骚动了 但是能得到的又确实还有恃无恐 久而久之 你爱的人渐行渐远 爱你的人心灰意冷 明明是个执着的人 偏偏表现的冷冷淡淡 以前难过的时候就会写写文章啥的,不过好歹有人看,至少能强行塞给别人看,学生时代大家都无所谓的,差异没那么多,现在大家都长大了,没有人在乎我的诗和远方了,差异太多的时候,对方甚至无法理解你的想法 我感觉我理性的东西接触多了,需要接触点感性的东西,不然这个人就凉了
末日神话
有一天,海神波塞冬与宙斯一起到海上游玩.在一片海上,他们看到了波涛中夹着无数死鱼。宙斯不解,问波塞冬:“这是怎么回事?”波塞冬也不清楚,自从他数千年前水淹亚特兰蒂斯后再也没回过人间。宙斯没有想到肇事者是人类,怀疑是冥王哈迪斯干的。事不知如何传到了冥王耳朵里,他下令彻查杀鱼的罪犯。最终人类被锁定为嫌疑犯,哈迪斯、宙斯、波塞冬及诸神不解,想不到人类竟如此残酷凶狠。宙斯要把真凶毁灭!于是,他让诸神尽显其能:阿波罗喷吐太阳圣火,波塞冬指挥大海咆哮,塔那托斯及尼弥西斯到人间杀戮……甚至雅典娜都气愤地摇晃着大地。末日来临,人类仍愚蠢地哭喊:神啊!请保佑我度过灾难。 载于2012.12.16 08:28
《大秦帝国》观后感
《大秦帝国:裂变》观后感 出于某些原因,最近追完了《天行九歌》。看完之后有些感想但是又自相矛盾。韩非的智谋,卫庄的英豪,还有众多儿女情长,无不精彩,不过我却看到了韩国的卑微与弱小。昏君当道,奸臣当权,纵使有韩非张良也难以改变。于是我便想追求真正的大国,而战国时期,当属秦国,于是我便看了《大秦帝国之裂变》。 全剧一开始,便是秦魏少梁之战。初见,我竟不敢相信,日后独霸天下的秦军,此时穷得难以度日。秦军虽惨胜,但国力耗尽,献公又染重伤,赳赳秦,几近灭国。无奈之下,公子渠梁与魏国割地求和,舍弃了河西秦东甚至还有函谷关,这等气魄着实可敬。反观魏国,贪图小利而得意忘形,根基稳而妄图称霸,不否认那时的魏国确是一霸主,但是偏偏魏国庙堂过于自大,联合诸侯分秦却不公,致使六国联盟不了了之,也给了秦国宝贵的喘息这里就不得不说,魏王愚蠢,不听公叔痤之言,不用卫鞅竟也不杀卫鞅,置若罔闻,把魏国的未来断送,这是后话。但是没有识才之才,作为一个君,实在可悲。 之后秦公求贤,卫鞅入秦,卫鞅亲临诸县考察国情,深知秦国的症结所在,所以才出《强秦九论》,震惊秦公,而后大行变法,秦国大治。这期间,公的鼎力相助,卫鞅的执法严明 ...
虞恨
作于高二还是高三那年,有一次英语考试失利之后的深夜里。有感于前几日看到的《楚汉传奇》中垓下被围、虞姬自刎的凄惨,引恨自己的失利,遂作《虞恨》,追思前人,抒怀今情。 虞恨 起舞慢,红袖拂风尘。顿足轻,玄剑裂颈痕。丝丝绫缎随意飞,伊人乘鹤永不回。 嗟乎!悲哉绝矣。斯秀弄银刃,独留寡德人。号哭不是泪,孤君悔鸿门。但惜尔陪伴,可怜豆蔻身。 痛哉痛哉,无以止千泣。追思往日,庄亦执兵,刺围首而受阻,遂逃荥阳主。又及彭城郭,且大意穿心,葬甲不绝河。 痛哉痛哉,念此情更深,秋寒入冬枯井取水,却作那般愁。 恨然消,是籍过。愧对江东征夫、荆楚三户。 载于2014.07.05 17:43
情深深雨蒙蒙
作于19年7月去欢乐谷游玩后。前一天才和好友游玩迪士尼。 上海-情深深雨蒙蒙 现在听着情深深雨蒙蒙写着代码 一切突然惬意又少许伤感了起来 这大概是我在上海第一次听歌了吧 在外滩那充满民国气息的电话亭和欧式建筑旁 喜于初到上海的憧憬 我没有多少想法思念远在故乡的双亲 在迪士尼那充满卡通气息的城堡和花草间 困于排队等待的无趣 我没有多少流量联系近在咫尺的好友 在欢乐谷那充满青春气息的设施和欢笑声中 忙于游玩乘凉的奔跑 我没有多少力气抒发哪怕一点点的感激 如今洗漱一整 续写英文之时 我竟不自觉感慨万千 无法给到爱我的人足够的爱 是多么无助 2019.07.25 21:34













Mosu is located on the shore of Mosu Lake, facing the vast Chu Sea, backed by the Yihan Mountains. Thousands of miles of Mosu Desert can not erode the Mosu Valley. Thus the Mosu Empire was established.

