Javascript实用效果整理主题的文章列表，还有Javascript实用效果整理的技术要点_第29页

JavaScript 对引擎、运行时、调用堆栈的概述理解

随着JavaScript越来越流行，越来越多的团队广泛的把JavaScript应用到前端、后台、hybrid应用、嵌入式等等领域。这篇文章旨在深入挖掘JavaScript，以及向大家解释JavaScript是如何工作的。我们通过了解它的底层构建以及它是怎么发挥作用的，可以帮助我们写出更好的代码与应用。据GitHut统...

代码星球 ·2021-01-30

七牛李道兵：高可用可伸缩架构实用经验谈

移动互联网、云计算和大数据的成熟和发展，让更多的好想法得以在很短的时间内实现为产品。此时，如果用户需求抓得准，用户数量将很可能获得爆发式增长，而不需要像以往一样需要精心运营几年的时间。然而用户数量的快速增长（尤其是短时间内的爆发式增长），通常会让应用开发者有些吃不消，不得不面临一些严峻的技术挑战：如何避免因...

代码星球 ·2021-01-29

JavaScript实现判断图片是否加载完成的3种方法整理

有时候我们在前端开发工作中为了获取图片的信息，需要在图片加载完成后才可以正确的获取到图片的大小尺寸，并且执行相应的回调函数使图片产生某种显示效果。本文主要整理了几种常见的javascipt判断图片加载完成时的方法，并通过代码与实际应用相结合进行解释与说明。onload方法通过向img标签添加onload属性...

代码星球 ·2021-01-29

转：python教程专题资源免费下载整理合集收藏

python教程专题资源免费下载整理合集收藏《Python学习手册(第4版)》(LearningPython,4thEdition)[PDF]94MB简体中文《Python灰帽子：黑客与逆向工程师的Python编程之道》扫描版[PDF]34.1MB简体中文《Python/Django开发工具》(JetBrainsPyC...

代码星球 ·2021-01-29

侧边横幅动画效果

我们在写页面的时候，常见的侧边横幅广告是通过position：fixed实现的，这样定位的好处是无论主体内容怎么变化，侧边的位置永远保持不变，当然，这也是这种效果的弊端，网页效果死板单一，所以，我们今天就要为这种侧边横幅添加一个动画效果。具体的实现思路是，也是通过定位，但不是position：fixed，而是posit...

代码星球 ·2021-01-26

基于scroll的吸顶效果

本次要实现的是一种常见的网页效果，如下：页面由头部，导航，主体内容三部分组成，当页面发生滚动时，头部逐渐隐藏，导航部分向上移动，直到导航部分距离浏览器顶部为零时，导航部分固定不动，保持吸顶效果，如下所示：我们分三步实现上面的效果。首先是页面的基础结构，为了简化操作，将头部、导航部分和主体内容部分全部用图片表示。<...

代码星球 ·2021-01-26

JS之滚动条效果2

在前面一篇说的是滚动条效果，本篇继续在前面的基础上面针对滚动条进行操作。本次要实现的效果如下：拖动滚动条左右移动时，上面的图片内容也相对外层盒子做相对移动。下面针对要实现的效果进行分析：首先是页面基础结构，要实现内容的相对移动，里面的内容需要针对外层盒子相对定位，宽度应该大于外层盒子，而且外层盒子应该超出隐藏。下面是一...

代码星球 ·2021-01-26

JS之滚动条效果

滚动条在前端页面中是进行见到的，但是在不同的浏览器中，默认的滚动条样式不同，有些浏览器的默认样式也不好更改，因此，我们可以自定义滚动条，接下来就从一个实例开始进入滚动条。首先要实现的是上面的这种效果：当鼠标拖拽手柄前后移动时，滚动条的填充色和右侧的百分比随之一起变化。为了实现上面效果，我们先来分析页面结构：一个基本的大...

代码星球 ·2021-01-26

js实现照片墙效果

本次要实现的是一个照片墙的效果，如下图，很多图片随机的摆放在窗口中，当点击到某一张的时候，该张图片出现出现在窗口的水平垂直居中的位置。首先，我们需要简单的结构处理图片，为了方便操作，引用了一个js库：underscore.js，因为图片的数量是不固定的，这里我们采用动态添加的方式生成li，再在li里面添加图片。<...

代码星球 ·2021-01-26

js实现星空效果

本次主要是来实现上面的星空效果：在黑色的背景下面，有大小不一的星星在闪烁，当鼠标悬浮时，星星放大并旋转。首先，我们需要一个大的夜空容器和放星星的容器：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><t...

代码星球 ·2021-01-26

JavaScript之图片操作7

前面总结了很多了有关于图片操作的案例，本次是基于前面的基础，做一个综合的图片轮播效果，需要实现以下功能：没有任何操作时，图片自动轮播鼠标悬浮时，图片停止轮播；当鼠标移开，轮播继续鼠标悬浮时，出现左右切换按钮，可点击按钮进行左右切换点击地下的小按钮进行切换为了实现上面的效果，我们需要有个大盒子来固定位置和大小...

代码星球 ·2021-01-26

JavaScript之图片操作6

上一篇写的关于放大镜的，可能在实际开发中用的不是很多，接下来将的图片无缝滚动在实际工作中就是用的比较多的了。如上图，通过定时器控制图片无缝滚动，当鼠标悬浮时停止滚动，鼠标离开，滚动继续。主要原理是通过定位实现图片的移动，然后通过定时器实现滚动的效果，即无缝滚动。首先是基础的结构<!DOCTYPEhtml>&...

代码星球 ·2021-01-26

JavaScript之图片操作5

本次的图片操作是要实现模仿天猫淘宝的放大镜效果，如下图所示：其实现原理其实很简单，主要就是定位的运用，在上面的图中，左边是一个div，它的大小就是左边图片的大小，我们称为左窗口（原图），红色部分我们称为放大镜，右边也是一个div，我们称为右窗口，在右窗口中有一个大图，要实现放大效果，就需要保证原图/放大镜=大图/右窗口...

代码星球 ·2021-01-26

JavaScript之图片操作4

本次要实现的效果是，在一个盒子里面有一张长图，只显示了一部分，为方便用户浏览，当鼠标移入时，图片开始滚动，将盒子分成上下两部分，当鼠标移入上部分时，图片向上滚动，当鼠标移入下部分时，图片向下滚动。为了实现上面的效果，我们需要在html中进行简单的布局：<divid="box"><imgid="pic"...

代码星球 ·2021-01-26

JavaScript之图片操作3

在页面布局中，常常会用到九宫格布局，如下图所示：本次我们就以九宫格为基础进行图片的布局操作，首先我们以上面的图片的为例，假设每个格子的大小都相同，将每一个格子相对其父元素进行定位，这样，我们只需要控制每个格子的left和top属性，就可以控制图片的位置了，例如上面序号为4的格子，其left属性值就是每个格子一倍的宽度值...

代码星球 ·2021-01-26