crimson

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

通过 apply(),call() 方法，能够编写用于不同对象的方法 . 这两个方法是一样的，差别在于接受参数形式不同，apply接受数组 ，call接受字符串参数 bind 目的是创建一个新函数 ，这个新函数的this指向 传进的参数。 最简单的用法是创建一个函数，不论怎么调用，这个函数都有同样的 this 值 const module = { x: 42, getX() { return this.x; } }; const unboundGetX = module.getX; console.log(unboundGetX()); // The function gets invoked at the global scope // expected output: undefined const boundGetX = unboundGetX.bind(module); //bind方法创建一个新的函数 ，this指定为传入的module参数 console.log(boundGetX()); // expected output: 42 来源： oschina 链接： https://my.oschina.net/u/560237/blog/4295093

用pyecharts绘制出来的面积图、圆环图太有个性了，未免感觉有点“高处不胜寒”。今晚虽然休息，但继用matplotlib绘制折线图之后，我又心血来潮地想用matplotlib来制作一点面积图，因为这在零售行业也是常用的可视化图形之一。具体如下： 绘制常规面积图（饼图）： # 导入库 import matplotlib.pyplot as plt import numpy as np # 在线显示 %matplotlib inline # 让中文标签正常显示 plt.rcParams["font.sans-serif"] = ["SimHei"] # 让负号正常显示 plt.rcParams["axes.unicode_minus"] = False # 调整画布的大小 fig = plt.figure(figsize = (10,10)) # 准备待传入的参数 # 数值 data=[100,125,135,145,150] # 各扇区的我颜色 colors = ["DarkMagenta", "Teal", "pink", "SlateGray", "Tomato"] # 对应的标签 labels = ["蔬菜", "水果", "水产", "猪肉", "综合"] # 直接绘制出一个简单而又原始的饼图 # plt.pie(data, labels = labels) #

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: I am trying to run a junit test case for testing whether the applicationcontext is initialized and it throws the following error. Is it something related to the xml or the java version. How do I fix this? org.springframework.beans.factory.BeanDefinitionStoreException: Parser configuration exception parsing XML from class path resource [tasospring-online-context.xml]; nested exception is javax.xml.parsers.ParserConfigurationException: Unable to validate using XSD: Your JAXP provider [org.apache.crimson.jaxp.DocumentBuilderFactoryImpl@82701e]