魔乐社区

魔乐社区

社区官网工具模型库数据集体验空间

去全站搜索看看？

登录社区云

登录社区云，与社区用户共同成长

魔乐社区

邀请您加入社区

欢迎加入社区

欢迎加入社区

css

vue 自定义进度条

index.vue<template><div><Steps :stepInfo="stepInfo"><template slot="temp"><StepsT v-for="(item, index) in stepInfo.list" :key="index" :index="index" :stepInfo="stepInfo">

发根强劲
2021-08-07 11:18:08

 1644

 2

#javascript #css #html
《Web前端设计与开发-HTML+CSS+JavaScript+HTML 5+jQuery》-漫步时尚广场代码-6

Web前端设计与开发-课后任务-漫步时尚广场任务第五章源码前台模块shoppingShow_goods.htmlshoppingShow_goods_byScript.html后台模块css文件top.csslist.cssleft.csslayout.csshtml文件top.htmlshoplist.htmlshop_search.htmlmain.htmlleft.html注: 素材图片路径

 梦里一明月
2020-05-27 11:23:53

 2661

 5

#html #css #jquery +1
前端 css、js属性 API 浏览器是否兼容查询网站（https://caniuse.com/）

有的时候 js和css用到一个属性，为了兼容需要知道，各个主流浏览器是否兼容以及，兼容到哪个版本，这时就需要查询了。caniuse网站：caniuse网站 https://caniuse.com/示例-支持检索可以点击设置 -设置语言等有一些简单的菜鸟和 w3c会有可能有菜鸟教程菜鸟教程-https://www.runoob.com/js/js-tutorial.html

崽崽的谷雨
2021-10-08 15:53:24

 5804

 2

#css #html5 #html
前端中高级知识要点总结（4w+长文）

本文整理前端常见的知识要点，方便随时复盘。内容主要涵盖JS基础、CSS、HTML，JS面向对象，渲染机制，网络HTTP，前端安全，设计模式，算法等方面。注：文章内容相对而言有一定的难度，所以需要读者有一定的基础。另外，若文章有何不妥之处或者你有任何疑问，欢迎留言讨论。一.JS基础1.手写实现call()call()、apply()和bind()这是前端人逃不过的三个方法，是从初级向中级进阶所必会的

 前端@小菜
2020-10-09 22:59:51

 1.2w

 24

#面试 #css #javascript
vue制作翻牌游戏

点击开始进行翻牌游戏

 Tԅ(¯ㅂ¯ԅ)
2023-03-21 22:07:10

 1017

#游戏 #vue.js #css +2
前端css粘性布局，顶部吸附效果（position: sticky）

设置后（标签栏达到指定位置时，固定于该位置）/* 处于指定位置0时，触发固定效果 */设置前（滚动页面时，标签栏随页面滚动）/* 设置粘性布局 */

Dreams゜
2023-11-21 16:31:19

 1.3w

 2

#前端 #css
elementui 下拉框不跟随父元素位置而变动

element 下拉框不跟随父元素位置而变动

 程序猿不脱发
2024-01-16 10:36:52

 725

 12

#css #echarts #vue.js +1
vue项目中关于CSS样式-webkit-box-orient: vertical丢失问题

-webkit-box-orient: vertical丢失

 前端大米
2022-03-01 14:12:41

 1463

 2

#vue.js #css #webkit
【前端面试题】02—59道CSS面试题(附答案)

CSS部分的面试题主要考察应试者对CSS基础概念模型的理解，例如文档流、盒模型、浮动、定位、选择器权重、样式继承等。很多应试者认为CSS很简单，没多少内容，面试就是面试 JavaScrip...

普通网友
2021-03-02 10:11:15

 2887

 2

#html #css #html5 +1
DevEco + Django 前后端数据连接实验六

无

 bioioid_song
2022-08-05 21:57:50

 594

#django #css #前端 +1
web前端——HTML+CSS学习笔记

初学者的HTML+CSS学习笔记

 m0_64302102
2024-10-07 19:08:25

 1802

 35

#前端 #html #css
前端scrollIntoView和scrollTo锚点实际项目运用

scrollTo，scrollIntoView

橙子yq
2024-05-30 15:12:12

 664

 2

#前端 #javascript #css
vue实现点击复制

在 Vue 中实现点击复制功能，通常有两种常见的方式：使用浏览器的Clipboard API(现代浏览器支持)使用第三方库，如clipboard.js下面我会分别介绍这两种方法。方法一：使用Clipboard APIClipboard API 是现代浏览器提供的原生 API，可以直接用来实现剪贴板的操作，适用于大多数...

egzosn
2025-01-09 16:02:12

 1189

 5

#vue.js #javascript #前端 +2
24个CSS新特性，不容错过！，如何学好web前端开发

核心竞争力，怎么才能提高呢？成年人想要改变生活，逆转状态？那就开始学习吧~万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

2401_84097820
2024-04-03 01:27:18

 974

 22

#前端 #css #tensorflow
天空中的云朵装点你的网页——打造炫酷前端动态生成效果

文章包含了动态生成云朵效果的相关代码和效果展示，欢迎大家观看

 QYLZ
2023-05-21 18:03:52

 775

#前端 #css #javascript +2
前端面试题：width:100%和width:auto的区别

width:100%和width:auto的区别

 离奇6厘米
2022-07-24 12:58:37

 3546

 3

#前端 #html #css
前端css样式在线生成器

快速生成css样式代码

 单人影i
2022-08-14 13:32:55

 1373

#前端 #css #html
前端必备网站（纯手工输入）

首推B站（没有你学不会的技术，无广告，全免费）https://www.bilibili.com/MDN JS 学习（最爱的前端网站）https://developer.mozilla.org/zh-CN/docs/learn/JavaScript印记中文https://docschina.org/Stack Overflowhttps://insights.stackoverflow.com/tr

木森林哥哥
2020-12-05 16:10:41

 1.2w

 51

#html #javascript #vue.js +1
【炫酷前端】抖音很火的3d旋转相册

效果：点我准备12张图片，大小最好是正方形（尽量1:1，不然变形不好看），放到img文件夹中。css文件夹：index.csshtml{background: #000;height: 100%;}/*最外层容器样式*/.wrap{position: relative;position: absolute;top: 0;...

梦游人布拿拿
2019-11-18 00:11:29

 1.9w

 63

#css
webpack使ie兼容css var()函数

postcss-custom-properties官方文档安装postcss-loader和postcss-custom-propertiesnpm i postcss-loader -Dnpm i postcss-custom-properties@10 // 其他版本没试过webpack配置module: {rules: [{test: /\.css$/,use: ["css-loader",

大晒啦
2021-08-31 17:10:40

 1808

#css #javascript
Web前端之Css实现缺角功能、clipPath属性、形状、渐变、旋转、矩形、边框、折角、切角

Web前端之Css实现缺角功能、clipPath属性、形状、渐变、旋转、矩形、边框、折角

 web半晨
2023-04-13 00:14:37

 3955

 11

#css #前端 #html
UniApp中引入VantUI后出现报错@import ‘../common/index.css‘；.van-icon{text-rendering:auto；-webkit-font-smoothi

只需要在icon目录下的index.wxss文件中，ctrl+f查找url然后在url加上空格即可！

番茄沙拉　
2023-06-12 23:04:56

 1425

 5

#uni-app #css
一个前端如何画各种特效或图案

简单画一个水滴，记录一下一般来说拿到一个画特效需求之后如何得到结果

 墨者羽晨
2022-11-03 19:24:23

 761

 2

#前端 #javascript #html +1
HTML+CSS+JavaScript实现植物大战僵尸（附演示地址），2024年最新腾讯大牛教你自己写前端框架

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。分享一些前端面试题以及学习路线给大家网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化的资料的朋友，

美好前端开发者
2024-04-17 05:12:46

 1202

 8

#html #css #javascript
前端项目如何使用svg矢量图

不管我们是在做web项目还是后台管理类的项目时，都会用到各种各样的图标，对于图标我们可能会采用切图的方式来实现，但是切图是图片会有这样的问题：1、页面放大会导致图片放大会变的模糊2、如果页面中的图片过多的话会造成有很多请求也就代表页面加载慢。所以基于以上问题我们一般使用svg的矢量图，矢量图一般由设计师提供给前端来转换成字体图标，在项目中使用。优点：1、放大不会模糊 2、只加载一次不会有多余的请求

 蜡笔大帅
2022-05-09 13:14:23

 5454

#前端 #css3 #css
vue实战——电子时钟

html<div class="dateBox"><div class="time">{{ time }}</div><div class="date">{{ date }}</div></div>css.dateBox {background-image: url("~@/assets/images/时间.png");bac

朝阳39
2021-08-30 15:37:14

 2114

#css #html #javascript
不要重复造轮子，2024 年前端开发必须了解的 7 种 CSS 框架

CSS 框架包含多个可供开发人员和网页设计人员使用的现成 CSS 库。样式表是为网页设计中的日常任务而准备的，例如导航栏、字体、颜色和布局设置。它们简化了前端开发人员的工作，为他们提供了创建UI界面的工具，而不是从头开始每个项目。样式表受到 JavaScript 等其他脚本技术的支持和扩展。使用 CSS 框架时，用户必须使用正确的类、结构和 ID 编写 HTML 代码才能创建网页，因为 CSS 样

 程序员小范
2024-04-08 20:47:16

 1660

 30

#css #前端
251. 简单的生活记录个人博客网页设计实例大学生期末大作业 Web前端网页制作 html+css+js

简单的生活记录个人博客网页设计实例，应用html+css+js： Div、导航栏、图片轮翻效果等。适用于大学生网页课程作业设计。网页支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改；支持包括IE、Firefox、Chrome、Safari主流浏览器浏览。网页设计、大学生网页课程设计、期末大作业、毕业设计、网页模板，网页成品源代码等，优质模

 蜡笔小仙女
2024-05-26 21:59:58

 1120

 13

#前端 #html #html5 +3
网络爬虫｜ selenium 爬取动态加载信息

使用selenium实现动态渲染页面的爬取。selenium是浏览器自动测试框架，模拟浏览器，驱动浏览器执行特定的动作，并可获取浏览器当前呈现的页面的源代码，可见即可爬。该工具支持IE浏览...

数据STUDIO
2021-01-02 10:00:00

 833

 1

#selenium #html #css
【前端素材】推荐优质在线绿色农产品商城网页Chashi模板（附源码）

在线绿色农产品商城是指一个通过互联网提供绿色、有机农产品购物服务的电子商务平台。这类商城通常由农场、农产品生产商或第三方经销商经营，旨在为消费者提供方便的途径购买健康、环保的农产品。

枫蜜柚子茶
2024-03-06 22:44:46

 1257

 19

#前端 #javascript #bootstrap +4
前端基础-CSS属性选择器

八、属性选择器1.[属性名]选择具有该属性的元素示意图2.[属性=值]（重点）选择具有该属性且等于该值的元素示意图3.[属性~=值]（了解）选择具有该属性，且值中包含该值的元素示意图多学一招：元素属性的值可以有多个注意：这种场景适用于一个属性名对应多个属性的值4.[属性|=字符]（了解）选择由连字符连接多个...

cwl_java
2020-03-30 15:02:22

 702

 2

#css #html
前端项目安装node-sass

然后讲讲这个sass的下载流程，首先将其他依赖安装好之后，会去github下载一个文件，这就很曹单了，网络不好很容易寄掉，所以我们就需要单独设置这个node-sass的下载源。我在github上的某个issue看到了一个解决方法，就是在项目下新建一个.npmrc文件，内容如下。配置好之后，删除多余的lock文件和依赖，直接npm i重新安装依赖应该就没问题了。注意跳转链接看看是否有内容，因为镜像源

 JSU_曾是此间年少
2024-12-10 19:45:37

 557

 3

#前端 #sass #css
解决ios内嵌web页面，fixed定位的节点在滑动时被遮挡住的问题

解决ios内嵌web页面，fixed固定的节点在滑动时被遮挡的问题

 阿炜死了
2022-08-09 16:04:13

 1772

 1

#前端 #css
web前端html+css+js 简单模仿敲木鱼

web前端html+css+js 简单模仿敲木鱼 pc端实现

 Einstein777
2022-11-21 12:14:36

 1533

#前端 #html #css +1
vue2 自定义步骤条

实现效果：实现过程：组件代码：<template><div class="steeps"><div class="step_item" v-for="(v, i) in stepData" :key="i"><divclass="step_line":class="[i < active ?

l851109001
2022-03-18 11:34:06

 1656

#vue.js #javascript #elementui +2
前端大屏适配方案

数据可视化；前端开发大屏适配方案；

lxc_辰
2024-11-04 14:40:32

 2593

 21

#前端 #数据可视化 #大屏端 +2
前端：css less语法 /deep/ 深度影响的用法

如果去掉scoped的话就会影响全局样式，但是加上scoped又不能在当前组件修改子组件的样式，这个时候就可以使用 /deep/ 了。这样做的原理是通过在打包的时候给每个样式都添加一个独一无二的hash值，从而避免父组件对子组件的样式的影响。设置了上述scoped的话，如果想要在父组件中修改子组件的样式时应该怎么样做呢？来避免父组件对子组件的影响，添加了之后只能修改当前组件的样式。css中通常会在

 Rui Heng
2023-05-15 20:58:43

 7196

 2

#css #前端 #less
Tomcat运行web页面中文乱码问题

效果图最近在模板之家下载模板，使用模板时发现中文全部都是乱码，愁了半天，到处到答案，结果发现知识因为模板之家中的模板都是html为后缀的，为了方便跳转页面，我把后缀都改成了.jsp，但是jsp文件中创建的第一行<%@ page contentType="text/html;charset=UTF-8" language="java" %>这一句话没有加载页面的第一行如果你发现从...

关雎舟
2020-03-01 21:30:36

 3092

 1

#html #css
前端常见的几种布局方式，2分钟即可看完，全是干货。

前端常见的几种布局方式，2分钟即可看完，全是干货。

flighty（ʘᴗʘ）
2022-11-16 10:48:34

 5966

 33

#前端 #javascript #css
前端学习——CSS选择器

目标伪类选择器用法 :target 可用于选择当前活动的元素（就相当于在电脑主界面点击一个图标，则只有此图标变色即被选中，其余没有被选中的图标状态样式是不改变的）

yuyu_724
2022-08-12 08:32:24

 906

#css #前端 #学习
【CSS】前端让div元素居中的几种方式

css成长的必经之路：元素居中。撰写了常规可见的居中方式，方面初学者理解和掌握。代码直接copy到编译器即可查看效果。

阿雅与他的猫
2022-06-14 00:03:45

 1442

#css #前端 #css3
Web前端：HTML+CSS+JS实现美女照片3D立方体旋转_人体3d旋转图前端ui(1)

【代码】Web前端：HTML+CSS+JS实现美女照片3D立方体旋转_人体3d旋转图前端ui(1)

2301_82244607
2024-04-29 21:08:40

 501

 3

#前端 #html #css
vue3 获取摄像头画面执行拍照保存

在 Vue3 中获取摄像头画面并执行拍照保存，可以使用 JavaScript 的 navigator.mediaDevices.getUserMedia() 方法来获取摄像头画面，然后使用 canvas 元素将画面绘制出来，最后使用 canvas.toDataURL() 方法将图片转换成 base64 编码并保存。示例代码如下：<template><div>...

优游的鱼
2023-01-17 15:20:52

 1368

#javascript #前端 #vue.js +2
前端实现直角三角形边长、角度计算工具

原生HTML+CSS+JS实现，复制即用，简单粗暴。

Love丶伊卡洛斯
2022-08-05 18:10:57

 3084

 1

#前端 #javascript #css
2种前端实现图片加水印的方式

来源 |http://www.fly63.com/为了防止信息泄露或知识产权被侵犯，在web的世界里，对于图片文档等增加水印处理是十分有必要的。水印的添加根据环境可以分为两大类，前端浏览...

普通网友
2021-09-22 22:37:32

 1323

#java #css #html +1
【Web前端入门】HTML+CSS 万字总结——带你深入学习掌握

万维网W3C标准中网页分为结构，表现和行为三部分，HTML用于描述页面的结构，CSS用于控制页面中的元素样式，JavaScript用于响应用户的操作。HTML，CSS和JavaScript组成了前端技术栈。学习HTML就是学习标签的一个过程，难度指数低，重在反复练习！

STU网页优选
2024-03-27 10:41:56

 1810

 22

#前端 #html #css
(前端)教你写一个动态搜索框！

哈喽,大家好,我又来了经过我不懈的努力,我又学会了一个好东西.到底是什么呢!!!现在来告诉你那就是漂亮且有css动效的搜索框下面是代码<!DOCTYPE html><html lang="zh"><head><meta charset="utf-8"><title>动态搜索框</title><link rel="styl

鸠书AUO
2021-01-21 19:11:51

 1880

 10

#html #html5 #css +1
前端通用颜色表

RGB颜色查询对照表

 q412406513
2024-04-27 15:27:57

 668

 1

#css
前端绘制道路鱼骨图

项目背景：需要实现道路情况鱼骨图，根据上下行道路分别显示对应的道路情况和沿路设施状况，箭头根据所示方向平滑移动。

m0_67078501
2025-06-09 16:11:06

 945

 13

#前端 #javascript #开发语言 +3
webpack配置sass-loader样式自动前置

插件要安装sass,sass-loader配置好后就不用每个文件都引入了,直接用就行。

Suk__
2022-03-13 18:04:41

 3530

#sass #javascript #css

加载更多

回到
顶部

提供社区服务与技术支持

提供社区服务与技术支持

©1999-2023北京创新乐知网络技术有限公司京ICP备19004658号