HTML5骏马奔跑动画
插件简介今天给大家分享一个非常新颖的HTML5动画，它是一匹骏马，在疾风中飞驰。马的外观是在Canvas上绘制而成，同时骏马在奔跑的时候从地面上飞溅上来很多泥土，这让骏马奔跑的效果更加逼真，这个动画可以改进的地方是可以利用CSS3将骏马的面部、身体等部位描述的更加具体一点，比如添加眼睛、马鞍之类的元素。如果你熟悉如何在Canvas上绘制动画，那么你还可以自己添加一些其他的元素，例如太阳、草原等，让
最全面的CSS3鼠标滑过动画按钮集锦
插件简介随着现代CSS3和HTML5技术的不断发展，我们经常可以在网页上看到各种各样鼠标滑过按钮的动画，简单的鼠标滑过按钮时背景颜色的改变，复杂的鼠标滑过按钮时产生炫酷的动画。今天我们要介绍一组最全面的CSS3鼠标滑过动画按钮，包含按钮边框变换动画、按钮背景发光动画等等，只要你能想到的按钮外观，都可以用CSS3轻松实现，而且都非常实用。插件预览插件下载在线演示链接：https://www.html
【前端词典】Vue 使用时常见的 5 个问题
前言今天分享5个你或许在使用Vue开发过程中也遇到的问题。Vue使用时常见的5个问题自定义路径别名可能有些人注意到了，在vue-cli生成的模板中在导入组件时使用了这样的语法：importIndexfrom'@/components/Index'这个@是什么东西？后来改配置文件的时候发现这个是webpack的配置选项之一：路径别名。我们也可以在基础配置文件中添加自己的路径别名，比如下面这个就把~设
HTML5 金色漩涡动画
插件简介HTML5动画技术在Canvas上得到了充分的发挥，我们之前也分享过很多基于HTML5Canvas的动画特效，比如最近分享的HTML5Canvas火焰笔刷动画。这次我们给大家带来另外一款超炫酷的HTML5Canvas金色漩涡动画，漩涡中不停旋转的水波非常的逼真。当然如果你看一下源码，你会发现很多数学运算，这也是这个漩涡动画实现的核心。所以做动画还是需要程序员们有强大的数学功底。插件预览插件
【前端词典】4 个实用有趣的 JS 特性
前言最近在学习的过程中发现了我之前未曾了解过的一些特性，发现有些很有趣并且在处理一些问题的时候可以给我一个新的思路。这里我将这些特性介绍给大家。4个有趣的JS特性利用a标签解析URL有的时候我们需要从一个URL中提取域名，查询关键字，变量参数值等，一般我们会自己去解析URL来获取这些内容。可是你或许不知道还有更简单的方法。即创建一个a标签将需要解析的URL赋值给a的href属性，然后我们就能很方便
一组强大的CSS3 Material 按钮
插件简介今天我们要给大家带来一组很漂亮的CSS3按钮，按钮的整体风格采用Material设计样式，非常简洁和清新。在这组CSS3按钮中，样式各种各样，有圆形按钮，也有带小图标的按钮，当然颜色也有很多。另外这组按钮还有一个特点是点击时按钮背景出现波纹的动画特效。这些按钮由于是基于纯CSS3实现的，因此可扩展性也非常好，如果你看中某组按钮的整体外观，也可以通过适当修改CSS代码来适配你的网页或者App
10个超绚丽的HTML5动画赏析
1.HTML5实现的瀑布动画（获取源码）这个瀑布非常美妙，因为它模拟了整个瀑布落入湖面的美妙景象，但是从逼真度上来说，还是稍微有待改进，不过个人觉得已经非常不错了。2.HTML5爱心表白动画（获取源码）下面是一位同学利用自己所学的HTML5知识自制的HTML5爱心表白动画，画面非常温馨甜蜜，这样的创意很容易打动女孩，如果你是单身的程序员，也赶紧来制作自己的爱心表白动画吧。3.HTML5骏马奔跑动画
【前端词典】必备知识-原型与原型链
前言继承是我们前端必须熟悉的一个知识点。可依旧有很多前端对继承的实现和应用没有一个整体的把握。追其原因无非有二：ECMAScript 继承的实现方法区别于其他基于类的实现继承的面向对象（Object Oriented）语言。工作中即使对如何实现继承一知半解，也一点都不耽误写逻辑代码。无论由于哪一个原因，建议请尽快弄懂继承的实现和应用，否则你可能会如同你的表情包一样——流下了没有技术的泪水。接下来我
【前端词典】从 returnWeekday() 谈 if() 语句代码优化
前言最近部门在对以往的代码做一些优化，我在代码中看到一连串的if(){}elseif(){}的逻辑判断。这明显是有优化空间的。由于内部代码不适合分享，这里我就用<输出今天为星期几>来讲讲逻辑判断优化的一些方案。这里先声明，免有人疑惑：我们在项目中使用的很可能会有多层的嵌套，不像我的例子只有一层。不过其优化的思想是大致相同的。由于returnWeekday()方法异常之简单，所以提前声明
【前端词典】Vue 响应式原理其实很好懂
前言这是十篇Vue系列文章的第三篇，这篇文章我们讲讲Vue最核心的功能之一：响应式原理。如何理解响应式可以这样理解：当一个状态改变之后，与这个状态相关的事务也立即随之改变，从前端来看就是数据状态改变后相关DOM也随之改变。数据模型仅仅是普通的JavaScript对象。而当你修改它们时，视图会进行更新。抛个问题我们先看看我们在Vue中常见的写法：<divid="app"@click="chan
C语言 循环结构和选择结构（1）
1.else和离得最近的未匹配的if相对应2.switch表达式是整形3.case后面也是整数形式且是常量4.default:printf("输入错误")；break;
Zookeeper面试常见11个连环炮
获取：10万字的面试小抄面试的时候，面试官只要看到你简历的上写的有Zookeeper（熟悉、掌握）之类，那你至少要准备接下来的11连问。NO1：说说zookeeper是什么？ZooKeeper是一个分布式的，开放源码的分布式应用程序协调服务，是Google的Chubby一个开源的实现（Chubby是不开源的），它是集群的管理者，监视着集群中各个节点的状态根据节点提交的反馈进行下一步合理操作。最终，
【前端词典】学习 Vue 源码的必要知识储备
前言我最近在写Vue进阶的内容。在这个过程中，有些人问我看Vue源码需要有哪些准备吗？所以也就有了这篇计划之外的文章。当你想学习Vue源码的时候，需要有扎实的JavaScript基础，下面罗列的只是其中的一部分比较具有代表性的知识点。如果你还不具备JavaScript基础的话，建议不要急着看Vue源码，这样你会很容易放弃的。我会从以下7点来展开：Flow基本语法发布/订阅模式Object.defi
【前端词典】Vuex 注入 Vue 生命周期的过程
前言这篇文章是【前端词典】系列文章的第13篇文章，接下的9篇我会围绕着Vue展开，希望这9篇文章可以使大家加深对Vue的了解。当然这些文章的前提是默认你对Vue有一定的基础。如果一点基础都没有，建议先看官方文档。第一篇文章我会结合Vue和Vuex的部分源码，来说明Vuex注入Vue生命周期的过程。说到源码，其实没有想象的那么难。也和我们平时写业务代码差不多，都是方法的调用。但是源码的调用树会复杂很
【前端词典】提高幸福感的 9 个 CSS 技巧
前言在这篇文章我会介绍9个使你的CSS更加简洁优雅的使用技巧。这些技巧小生经常使用，觉得挺高效实用，所以也就有了这篇文章。9个CSS技巧特此声明，这里说的CSS并不止包含CSS，也包含CSS预处理器（LessSass等），愿各位看官不要纠结于此。正文现在开始。1.尽量使用padding代替margin我们在设计稿还原的时候，padding和margin两个是常用的属性，但我们知道属于同一个BFC的
【前端词典】4 （+1）种滚动吸顶实现方式的比较[性能升级版]
修改版预览这篇文章是三天前写就的，有大佬给我提了一些修改意见，我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到GitHub了。修改内容如下：添加了图文说明，直观的说明getBoundingClientRect()集合含义频繁reflow风险该如何规避(优化滚动监听)监听滚动带来的性能问题(使用IntersectionObserver,新方案)修改更新的内容在第4点和第5点，如果
【前端词典】4 种滚动吸顶实现方式的比较
前言我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有bug，后来我查看代码才发现直接用的是offsetTop这个属性，而且并没有做兼容性处理。offsetTop用于获得当前元素到定位父级（element.offsetParent）顶部的距离（偏移值）。定位父级offsetParent的定义是：与当前元素最近的position!=static的父级元
5个小技巧彻底搞懂JVM内存模型【针对3年以上Java开发】
前言本篇文章将重点分析jvm，涉及到的内容包括jvm内存模型，类加载器，GC回收算法，GC回收器，整体偏向于理论。本篇文章不适合初学者，由于篇幅有限，小编对应整理一份JVM性能调优实战400多页学习笔记，关注公种浩：麒麟改bug，分享给到大家，适合具有3年以上开发经验的技术人员，欢迎大家一起交流分享，文章若有不足之处，欢迎读者朋友们指出，先感谢。一明确jdk，jre和jvm之间关系下图为官网关于j
nginx配置ssl证书访问不了https网站
问题描述阿里云申请ssl证书后，在nginx服务器配置后，访问https网站不通原因阿里云web防火墙启用了WAF资源包，通过转发的域名没有启用https导致：
今日推荐
周排行