前端教程共15篇
CSS如何优雅的实现卡片多行排列布局?-玩转网

CSS如何优雅的实现卡片多行排列布局?

这是一个关于前端开发中卡片布局的问题。开发者通过使用flex弹性布局来实现卡片的排列,但在不同场景下遇到了一些问题。最初使用justify-content: space-between时,当卡片数量减少,布局不符合...
୯星辰୬的头像-玩转网୯星辰୬10个月前
814497
打字机效果插件Typed.js,介绍typed.js的正确使用方法-玩转网

打字机效果插件Typed.js,介绍typed.js的正确使用方法

其实可以使用原生JS来实现这个效果,但是还是很麻烦的 typed.js是一个轻量级的JavaScript插件, 用于实现页面文字的打字动画效果 这是一款轻量级,使用简单,功能强大的插件 主要特点: 易于使用...
୯星辰୬的头像-玩转网୯星辰୬2个月前
7958302
这六款混合开发框架,比原生更香吗?-玩转网

这六款混合开发框架,比原生更香吗?

众所周知,根据使用场景的不同,我们往往需要针对智能手机、平板电脑以及可穿戴设备等不同平台,开发相应的应用。如果为每一类应用都去编写独特的程序代码的话,不但耗时,而且无法实现代码的重...
୯星辰୬的头像-玩转网୯星辰୬3年前
7016292
一行 CSS 代码实现响应式布局 – 使用 Grid 实现的响应式布局-玩转网

一行 CSS 代码实现响应式布局 – 使用 Grid 实现的响应式布局

这篇文章主要介绍了如何使用 CSS Grid 布局创建一个响应式的图像网格。通过利用等分单位、repeat() 函数、auto-fit 和 minmax() 方法,可以实现根据屏幕宽度自动调整列数量的响应式布局。文章还...
୯星辰୬的头像-玩转网୯星辰୬10个月前
654863
每个 QA 工程师都应该知道的 20 个 Git 基本命令-玩转网

每个 QA 工程师都应该知道的 20 个 Git 基本命令

本文列出了 QA 人员/开发人员应该了解的最基本的命令,以便在高层次上掌握 GitHub 存储库的管理。 在本文中,我们将讨论 Git。Git 是一个版本控制系统,一个跟踪代码更改并与他人共享这些更改的...
୯星辰୬的头像-玩转网୯星辰୬3年前
5216228
jquery向下滑动指定距离右侧固定悬浮指定元素-玩转网

jquery向下滑动指定距离右侧固定悬浮指定元素

“页面向下滑动到指定位置,元素固定悬浮在指定位置”——这个功能很常见,特别是在pc页面中,几乎90%的网站都有这样的效果,那么jquery怎么实现呢?总结一个常用方法: 1.css代码: .slider-zone{pos...
୯星辰୬的头像-玩转网୯星辰୬5年前
14865
laydate.js时间控件 开始时间与结束时间最大最小值范围代码-玩转网

laydate.js时间控件 开始时间与结束时间最大最小值范围代码

在日常的网页开发过程中,日期组件已经成为不可或缺的组件之一。随着广大杰出攻城狮的不懈努力,也出现了很多优秀的日期组件,其中我个人觉得 layDate 日期组件是一个非常不错的组件,简洁易用...
୯星辰୬的头像-玩转网୯星辰୬4年前
14309
初步尝试体验uni-app项目结合uviewui框架,-玩转网

初步尝试体验uni-app项目结合uviewui框架,

1.打开HBuilder X新建空白项目——默认模板; 2.下载ui框架,并复制到文件根目录,我这里用的uview-ui; https://github.com/YanxinNet/uView/ https://www.uviewui.com/components/install.htm...
୯星辰୬的头像-玩转网୯星辰୬5年前
14166
VUE+Canvas实现输入文字生成对应的字体图片小功能-玩转网

VUE+Canvas实现输入文字生成对应的字体图片小功能

你是不是经常浏览字体网站的时候,发现他们的“字体生成器”和预览功能很好奇,为什么输入框输入文字之后,点击预览,下面都会修改对应的字体内容,以便达到了没有安装字体也可以预览这个字体效...
୯星辰୬的头像-玩转网୯星辰୬5年前
13223
使用js实现点击按钮复制目标内容-玩转网

使用js实现点击按钮复制目标内容

很多网站中会用到点击复制的效果,例如,点击复制pre的代码块,点击复制链接,点击复制淘宝代码,相信很多人都用过或者见过,那么玩转网今天分享一个js实现点击复制到剪切板的功能! html代码:...
୯星辰୬的头像-玩转网୯星辰୬5年前
13105
自适应布局与响应式布局的区别是什么?-玩转网

自适应布局与响应式布局的区别是什么?

本文我将根据日常开发经验及网上搜索的相关资料,用简单通俗易懂的大白话分析自适应布局与响应式布局的区别。注:本文只分析自适应跟响应式的区别以及了解其由来的背景,不在于讨论其使用的方法...
୯星辰୬的头像-玩转网୯星辰୬4年前
12999
前端实现图片懒加载(lazyload)的两种方式-玩转网

前端实现图片懒加载(lazyload)的两种方式

在实际的项目开发中,我们通常会遇见这样的场景:一个页面有很多图片,而首屏出现的图片大概就一两张,那么我们还要一次性把所有图片都加载出来吗?显然这是愚蠢的,不仅影响页面渲染速度,还浪...
୯星辰୬的头像-玩转网୯星辰୬4年前
12249