使用 CSS3 实现超炫的 Loading（加载）动画效果 - 梦想天空（山边小溪） - 博客园

　　SpinKit 是一套网页动画效果，包含8种基于 实现的很炫的加载动画。借助 CSS3 Animation 的强大功能来创建平滑，易于定制的动画。SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案，而是给现代浏览器提供更优的技术实现方案和更佳的使用体验。（为保证最佳的效果，请在 Chrome、Firefox 和 Safari 等现代浏览器中浏览）您可能感兴趣的相关文章...
阅读全文

9种原生js动画效果(转) - lolDragon - 博客园

原文地址：1，匀速动画效果window.onload = function(){ var odiv = document.getElementById('odiv'); odiv.onmouseover = function(){ startMover(0); } odiv.onmouseout = function(){ startMover(200); }} ...
阅读全文

vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】_vue.js_脚本之家

最近公司的产品上线，一些高级功能在基础版本中不对用户开发，通过视频的形式展示。产品开发用的是 vue, 经同事介绍使用了 案例很快实现了视频播放效果 123456789101112131415161718`<videoplayer``class=``"vjscustomskin"``ref=``"...
阅读全文

详解使用vue-router进行页面切换时滚动条位置与滚动监听事件-JavaScript中文网-JavaScript教程资源分享门户

按照正常的产品逻辑，我们在进行页面切换时滚动条应该是在页面顶部的，可是。。。在使用vuerouter进行页面切换时，发现滚动条所处的位置被自动记录了下来，且在另一个组件内定义的滚动监听事件仍会运行，着实吃了一大惊。。。说说我的破解方法：1、在每个需要用vuerouter切换的组件的mounted钩子内将页面的位置自动回滚到页面顶部，解决滚动条位置自动记录问题；2、在每个组件内定义...
阅读全文

vue-video-player 更改视频源 -JavaScript中文网-JavaScript教程资源分享门户

背景：根据用户的信息来显示不同的视频源```<template <div class="videoboxwrap" vshow="video.show" <div class="videobox" <em class="videoclose" @click="showVideo(false)"</em <vide...
阅读全文

Tencent/tmt-workflow: A web developer workflow used by WeChat team based on Gulp, with cross-platform supported and solutions prepared.

========================================================================================================================================================== 一个基于 、可定制的前端工作流程。 现已推出 GUI 桌面工具：...
阅读全文

深入了解viewport、css像素、设备像素、屏幕尺寸、屏幕分辨率、媒体查询、响应式和自适应 - 简书

都说前端坑多，这不，最近只是想研究viewport，却产生了N多问题： 宽度单位我是用百分比还是em？还是rem？区别呢？绝对长度单位？相对长度单位？ px、pt、pc、sp、em、rem、dp、dip、ppi、dpi、ldpi、mdpi、hdpi、xhdpi、xxhdpi……这些有什么区别？他们之间如何转化计算的？ 什么是屏幕尺寸、屏幕分辨率、屏幕像素密度、设备像素、c...
阅读全文

vConsole--针对手机网页的前端 console 调试面板。 - freewalker - 博客园

一个针对手机网页的前端 console 调试面板。简介vConsole 是一个网页前端调试面板，专为手机 web 页面量身设计，帮助开发者更为便捷地进行开发调试工作。手机预览使用方法 1.下载模块checkout 文件 `dist/vconsole.min.js` 到本地。 2.引入模块(1) 如果未使用 AMD/CMD 规范，可直接在 HT...
阅读全文

Web前端调试工具——神奇的Console - fightingKing - CSDN博客

前言==    先上图：不知道有多少人发现，在浏览器开发工具的“Console”上的百度首页的关于百度招聘的信息：    今天要给大家介绍的就是是Web前端调试工具中的Console面板，应该说只要是个浏览器就会有的开发者工具，按F12出现的即是，就是我们上面图片上显示的Console，我这以谷歌浏览器为例进行下基本的讲解。 Console探...
阅读全文

jQuery弹出层插件推荐ColorBox使用攻略_百度经验

百度经验:jingyan.baidu.com      jQuery Colorbox是一款非常好的内容播放插件。它集弹出层、幻灯片播放功能于一身，不仅于此，它还支持其它的内容格式：例如html, flash, iframe等，这些内容的显示方式都是Ajax的。更难能可贵的是，在压缩后它只有10K的大小，使用这款插件不会给你的网页带来过多的负担，而且还能实现很棒的视觉效果，为用户体验增色...
阅读全文