网站首页 知识剖析 第379页

• 

  让小球做圆周运动，你有几种办法?

  最近在阅读外国技术文章中无意中发现了一个神奇的CSS属性motion-path，它可以让Dom元素可以按照自定义的路径移动。又想起了很久之前参加校招面试的时候，面试官问了我一个问题“能不能不借助库实现小球在浏览器中做圆周运动？”，于是就整理...

  2024-12-03 nixiaole 知识剖析 22 ℃
• 

  CSS3 transform变形

  transform变形transform在字面上就是变形、改变之意。CSS3的transform主要包括rotate(旋转)、skew(扭曲)、scale(缩放)和translate(移动)以及matrix(矩形变形)。rotate使用格式...

  2024-12-03 nixiaole 知识剖析 16 ℃
• 

  分享CodePen上6个酷炫demo特效

  话题讨论:如何评价Dooring零代码搭建平台?最近创作灵感匮乏,来CodePen上找找灵感,同时也给同样需要获取灵感的coder(程序员们)带来一点点想象空间.首先分享一下CodePendemo集合网址:https:/...

  2024-12-03 nixiaole 知识剖析 22 ℃
• 

  手机网站注意事项和总结

  1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把i...

  2024-12-03 nixiaole 知识剖析 19 ℃
• 

  Android与IOS的的兼容总结

  前言虽然最近没怎么开发H5端的应用，但是还是想总结下之前开发移动端遇到的一些问题，顺便加深一下自己的印象。1.时间戳转换问题安卓Date.parse(newDate('xxxx-xx-xx12:00:00'))iosD...

  2024-12-03 nixiaole 知识剖析 21 ℃
• 

  CSS-二七纪念塔

  这次带来的效果是大郑州的标志性建筑之一二七纪念塔。其实CSS不适合做这样复杂的建筑模型，性能上会差很多。老规矩，先看效果：需求拆分：这个效果主要可以分为这几个部分1、塔身部分2、塔顶部分3、五角星4、塔基部分首先分析塔身部分，对称的双结构1...

  2024-12-03 nixiaole 知识剖析 17 ℃
• 

  一篇文章教会你利用html5和css3实现3D立方体效果图

  【一、项目背景】随着HTML5CSS3的出现和发展，使得我们的网页可以实现更加复杂的效果，也使得我们的浏览体验更加丰富，所以今天我们将制作一个正方体的3D效果。【二、项目分析】想要利用CSS3实现3D立方体，就要清楚立方体是由六个面组...

  2024-12-03 nixiaole 知识剖析 17 ℃
• 

  让交互更加生动!有意思的鼠标跟随 3D 旋转动效

  今天，群友问了这样一个问题，如下所示的鼠标跟随交互效果，如何实现：简单分析一下，这个交互效果主要有两个核心：借助了CSS3D的能力元素的旋转需要和鼠标的移动相结合本文，就将讲述如何使用纯CSS实现类似的交互效果，以及，借助Jav...

  2024-12-03 nixiaole 知识剖析 16 ℃
• 

  填坑:transform元素导致zindex失效终极方法

  今天遇到了使用css3动画的元素层级被放大置顶的问题，ios浏览器上没问题，安卓原生浏览器和安卓微信上有问题。使用了css3动画的元素z-index失效，兄弟元素设置多高的z-index都盖不住解决办法就是父元素设置transform-st...

  2024-12-03 nixiaole 知识剖析 14 ℃
• 

  数仓|Hive条件函数与日期函数全面解析

  条件函数assert_true(BOOLEANcondition)解释如果condition不为true，则抛出异常，否则返回null使用案例selectassert_true(1<2)--返回nullselectasse...

  2024-12-03 nixiaole 知识剖析 14 ℃