snow

一些炫酷的css效果

狂风中的少年 提交于 2021-02-13 17:58:58
前言 本文是笔者写CSS时常用的套路。不论效果再怎么华丽,万变不离其宗。 之前发的 CSS技巧 大部分都是依照本文的套路来写的 有人问我为什么我能想出这么多的动画?笔者阅番百部,对常用的动画技巧了如指掌,同样那些酷炫的网站只要细心观察,也会给笔者带来很多设计上的灵感。 一言以蔽之:只有多欣赏动画,才能写出好的动画。 小提示:本文会不定期更新哦!每打开一次可能会有新的惊喜 交错动画 有时候,我们需要给多个元素添加同一个动画,播放后,不难发现它们会一起运动,一起结束,这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢?很简单,既然它们都是同一时刻开始运动的,那么让它们不在同一时刻运动不就可以了吗。如何让它们不在同一时刻运动呢?注意到CSS动画有延迟( delay )这一属性。举个栗子,比如有十个元素播放十个动画,将第二个元素的动画播放时间设定为比第一个元素晚0.5秒(也就是将延迟设为0.5秒),其他元素以此类推,这样它们就会错开来,形成一种独特的视觉效果。 这就是所谓的交错动画:通过设置不同的延迟时间,达到动画交错播放的效果。 本demo地址: Staggered Wave Loading 用JS分割文本 还有一种经常用到的玩法:用JS将句子或单词分割成字母,并给每个字母加上不同延时的动画,同样也很华丽 本demo地址: Staggered LandIn Text

vue PC端页面引入vue-quill-editor富文本插件

大城市里の小女人 提交于 2021-02-12 08:54:54
项目需要:在添加新类别的弹框中,要在输入框中输入多条描述信息,不同的描述信息要换行输入,输入后点击确定传给后端,接口返回成功后点击查看刚添加的新类别时,描述框中展现多条换行的描述信息也要跟填写时一样(即不同的描述换行展示),他们说用富文本比较方便,所以找到了这个插件,刚好满足我想要的功能效果,写下来当笔记。 参考文章: Vue基于vue-quill-editor富文本编辑器使用心得 安装插件: npm install vue-quill-editor 然后是在需要的组件引入,当然也可以在main.js中引入: import { quillEditor } from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' export default { data () { content: '' , editorOption: { modules: { toolbar: [ [{ 'list': 'bullet' }] // 这里我只要无序列表图标 ] }, theme: 'snow' }, }, components: { quillEditor } } HTML部分: < quill

大佬站台、跑赢恒生的华夏视听——现在上车晚了吗?

假如想象 提交于 2021-01-18 16:18:09
文/熔财经 作者/XL 这几天股市讨论的焦点,想必绕不开A股与港股的“冰火两重天”。1月14日,A股出现大幅杀跌,几个基金最爱的抱团板块都有上不去的势头;港股却是全天大涨,南向资金已经连续七个交易日净买入在百亿元以上。南下资本强力助推、港股今年有望翻身,一时成了各大分析机构的新风向。 在多数投资者紧盯板块龙头的时候,不知多少人有留意到某只新股一骑绝尘,哪怕之前在“寒冬”时期也逆市上涨——这就是我们今天想要讲讲的华夏视听教育。 01 华夏视听这个名字,近期因为两个动向才频繁逐渐进入大众视野,首先是一起收购案:2020年12月19日,华夏视听斥资3亿收购知名艺考培训机构水木源。 接着在2021年1月5日,大名鼎鼎的雪湖资本以每股均价8.0929港元增持华夏视听教育500万股,涉资4046.45万港元,且这已经是雪湖资本的第二次增持。 大家回过头一看,原来这公司上市以来竟是股价短期翻番、跑赢同期恒指。再一查公司背景,发现虽然没听过这名字,却是看过不少它所制作的影视作品:《射雕英雄传》、《天龙八部》、《京华烟云》、新版《神雕侠侣》等等。 没错,这是一家在影视界摸爬滚打数十年“前辈”级的公司,半只脚跨界做起了艺术教育。而上面那起收购,实则是发生该公司传统影视业务日渐式微之时。 别的不说,近几年华夏视听“神剧”频出,豆瓣评分上及格线都难,质量与口碑的滑坡可见一斑。 同时,近年来影视监管趋严

100-days: nineteen

走远了吗. 提交于 2020-12-23 07:54:06
Title: Figure skating(花样滑冰) : Olympic(奥林匹克的) champion Hanyu says '100 percent' on (引出时机) return to ice (冰场,指花滑的赛场)    figure n.身材,轮廓;(花样滑冰的)动作;花样    champion 冠军;捍卫者  Yuzuru Hanyu(羽生结弦) , the only man in more than 50 years to win back-to-back Olympic gold (金牌) in figure skating, said on Tuesday that his condition (状态) is "100 percent" ahead of ([空间上的]在…前面,[时间上的]早于…) the world championships (冠军级别的比赛,锦标赛) after months out of competition with (指伴随) an ankle injury.    back-to-back adj.连续的,一个接一个的   condition n.状态;环境;健康状况;条款   the world championships 世界锦标赛   ankle n.踝关节;脚踝 Hanyu injured his right

博客园雪花JS

送分小仙女□ 提交于 2020-11-29 00:41:22
<script> ( function ($){$.fn.snow= function (options){ var $flake=$('<div id="flake" />').css({'position':'absolute','top':'-50px'}).html('❄'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options); var interval=setInterval( function (){ var startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall

从中国总部落户上海,看商汤科技的AI战略布局

巧了我就是萌 提交于 2020-11-19 10:51:10
地处长江入海口,位置得天独厚的上海,多年以来一直以“东方明珠”闻名于世。 然而近年来随着人工智能产业的快速发展,上海这颗东方明珠也开始成为众多AI企业的兵家必争之地。 AI群雄逐鹿的东方明珠 在互联网时代,以BAT(百度、阿里巴巴、腾讯)三巨头为代表的互联网企业飞速崛起,北京、杭州、深圳等城市也充分享受到了互联网大潮带来的种种红利。 然而由于种种原因,上海错失了互联网崛起的发展机遇。因此当人工智能大潮开始席卷全球,十九大报告也提出加快人工智能与实体经济的深度融合,上海便开始为推动人工智能产业发展而倾尽全力。 2017年11月14日,上海推动新一代人工智能发展实施意见正式出台,提出全面实施“智能上海(AI@SH)”行动,计划到2020年,实现上海成为国家人工智能发展高地的总体目标。 在上海相关政策的扶持和培育下,再加上本地发达的资本市场、雄厚的工商业基础、良好的企业孵化环境、丰富的高校和人才资源,短短数年间,一大批AI创业公司开始像雨后春笋般在上海崛起。语音语义识别、智能制造、智能机器人、自动驾驶、脑科学与类脑智能、风控安全、智能网联汽车……覆盖各种行业领域和应用场景的AI企业如今已在上海遍地开花。 2018年9月,首届WAIC世界人工智能大会在上海盛大召开,这也凸显了上海在中国人工智能领域的重要地位。 近日,2019世界人工智能大会在上海落下帷幕。在大会闭幕式上,上海市委副书记

刷题记录

主宰稳场 提交于 2020-11-08 14:48:22
刷题记录 2019.12.26 【暴力】Temporarily unavailable 【dp】B. K for the Price of On 【找规律】CF1263A Sweet Problem 【结论题】Everyone is a Winner! 【并查集+思维】Codeforces Round #603 (Div. 2) D. Secret Passwords 【线段树+思维】E. Editor 没调出来 2019.12.28 【线段树+思维】E. Editor 没调出来 【dp+dfs】P1441 砝码称重 【模拟】T112459 「SWTR-03」Password 【贪心】增减描述的排列 2019.12.29 【dp】P1387 最大正方形 【树形dp】P2279 [HNOI2003]消防局的设立 【线段树+思维】E. Editor 依旧没调出来 2019.12.31 【dfs+剪枝】P1120 小木棍 [数据加强版]从04-19 15:16:20就开始提交一直到12-31 14:53:54终于A了 2020.1.2 【神仙hash表+空间优化】Snowflake Snow Snowflakes 【字符串hash】兔子与兔子 2020.1.4 【kmp,奇妙的next数组用法】Period poj1961 【trie】前缀统计 【trie】最大异或对 【$\color

Unity周记: 2020.07.13-07.19

匆匆过客 提交于 2020-10-21 14:15:00
1. YouTube - Unity 1) Making snow with VFX Graph | Unite Now 2020 ( YouTube ) ( Bilibili ) ( Unity Learn ) Unity Learn Live, 面向初学者, 从创建Unity工程开始介绍的VFX的教程 2) Unity for Beginners – Join Kristin, Elena, Eleonora and Code Monkey on this Livestream July 23! ( YouTube ) 一个直播的宣传 3) Behind the Game: Airborne Kingdom | Unite Now 2020 ( YouTube )   一个采访视频 4) Simulating Wind in URP (Shader Graph Tutorial) ( YouTube ) ( Bilibili )   和上一期的Water一样, 标记(Shader Graph Tutorial)的视频都是以Boat Attack为例子, 用超快速的方式介绍如何操作的短视频 5) Meet the Devs: Prefab Teams | Unite Now 2020 ( YouTube ) 对Prefab开发团队的采访, 介绍了2020.1的新功能,

ICLR 2020 | 多模态下使用图片信息显著增强机器翻译效果

我的未来我决定 提交于 2020-09-26 15:55:38
论文标题: Neural Machine Translation with Universal Visual Representation 论文作者: Zhuosheng Zhang, Kehai Chen, Rui Wang, Masao Utiyama, Eiichiro Sumita, Zuchao Li, Hai Zhao 论文链接: https://openreview.net/forum?id=Byl8hhNYPS 收录情况: ICLR 2020 (Spotlight) 代码链接: https://github.com/cooelf/UVR-NMT 长期以来,机器翻译都只涉及到文本之间的转换,但实际上,人的感知功能可以是“多模态”的。 本文提出一种通用的视觉表征,将图片信息融合到机器翻译模型中。 使用这种视觉知识融合方法, 不需要额外的 双语-图片 标注数据,模型就能够在多个数据集上取得显著的效果提升。 多模态与机器翻译 机器翻译是两种语言间的转换,比如“A dog is playing in the snow”翻译为中文就是“小狗在雪地里玩耍”。 但人类理解世界不只是用文字,还有视觉、听觉等感知能力;并且翻译的过程需要保持“语义”不变。比如下面的图: 讲中文的人会说“小狗在雪地里玩耍”,而讲英文的人会说“A dog is playing in the snow”

Oracle12Cogg配置

给你一囗甜甜゛ 提交于 2020-08-19 20:50:04
Oracle12C ogg配置 配置 OGG 安装目录的共享: 这里的共享就是把 OGG 安装到一个共享的设备上,把该目录同时挂到不同节点的相同位置上,这样当 一个节点挂了之后,可以在另一个节点启动和维护 OGG 。 所以我们上面在配置的时候,才会同时在 2 个节点操作,并且参数名称也一致 。 如果不考虑这种冗余 的方案,可以直接在其中一个节点上操作,不用搞的这么麻烦。 我们这里就在一个节点操作,不搞那么复杂了,这里仅说明一下。 上面的配置完成之后,就和我们单实例操作类似了。 不过在参数配置这块会有细微区别。 --此处安装的是Version 12.2.0.1.1 OGGCORE_12.2.0.1.0_PLATFORMS_151211.1401_FBO 可以去oracle官网下载 --目标和原库都要配置 SQL> alter system set enable_goldengate_replication=true; Source系统设置 解压缩ogg安装包 # su - oracle 解压缩ogg安装包 unzip fbo_ggs_Linux_x64_shiphome.zip cd fbo_ggs_Linux_x64_shiphome/Disk1/ ./runInstaller 在bash_profile中添加OGG_HOME export OGG_HOME=$ORACLE