前端练习

前端练习小项目——视觉冲击卡片

前言：前言：在学习完HTML和CSS之后，我们就可以开始做一些小项目了，本篇文章所讲的小项目为——视觉冲击卡片✨✨✨这里是秋刀鱼不做梦的BLOG✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN博客先让我们看一下效果：那么我们如何去实现这样的小案例呢？在下文中我们对每一段重要的代码都进行了解释，读者可以根据注释对代码进行理解。1.HTML代码zjy这段HTML代码是一个基本的网页模板，展
秋刀鱼不做梦·2024-09-05 18:05

web前端练习一

1.电子汇款单电子汇款单工商银行电子汇款单回单类型-->网上转账汇款指令序号-->HQH000000000000013878172       收 款 人 户名老牟付 款 人 户名老刘-->卡号0000000001-->卡号0000000002-->地区南京-->地区杭
ANCHG_·2024-03-14 14:41

Vue实现版本号输入、删除时光标自动移动到上、下一个输入框前端demo

前言首先声明，我平时的工作主要是后端JAVA开发，该demo为前端练习，记录一下劳动成果，希望对大家有所帮助，如果有写的不妥的地方，欢迎大家指正，一起学习、共同进步。
齐天qaq·2024-01-06 18:25

如何开发前端组件库

我认为前端组件库是我们前端练习写一个library的最简单最有效的方式（当然在面试中也算一个不错的亮点）。
天道酬心·2023-11-02 17:08

我的前端学习之路-----HTML+css（一）

（本条为个人学习随手笔记，以基础知识为主）我的推荐练习网站：https://www.freecodecamp.org/learn（免费的前端练习网站，像是闯关，推荐指数★★★★★）推荐学习网站：菜鸟教程
一七得七得八得九·2023-10-31 16:46

前端学习Day5

1.练习1.1代码这是我第一个前端练习网页这是我的个人博客东风破周杰伦一盏离愁孤灯伫立在窗口我在门后假装你人还没走旧地如重游月圆更寂寞夜半清醒的烛火不忍苛责我一壶漂泊浪迹天涯难入喉你走之后酒暖回忆思念瘦水向东流时间怎么偷花开就一次成熟我却错过谁在用琵琶弹奏一曲东风破岁月在墙上剥落看见小时候犹记得那年我们都还很年幼而如今琴声幽幽我的等候你没听过谁在用琵琶弹奏一曲东风破枫叶将故事染色结局我看透篱笆外的
骑猪的baba·2023-08-28 23:26

前端练习的网站

1.freecode2.力扣3.MDN4.codewas5.JavaScriptKatas6.牛客网7.NODESCHOOL8.HackerRank这是几个我平常练习的前段网站
小白学过的代码·2023-08-09 12:30

第五届字节跳动前端青训营入营笔试

第五届字节跳动青训营文章目录第五届字节跳动青训营青训营-前端练习题每日一练编程题前端编程题[342.4的幂](https://leetcode.cn/problems/power-of-four/)[125
Karl ^_^·2023-07-22 08:15

浅谈一下 webpack 以及 loader 和 plugin

话说，前端练习时长也快两年了，但是关于webpack的东西好像也没怎么研究过一是没有这方面的需求：回想一下，关于webpack的配置相关工作，也就只有自己配置过一次loader「使用svg-sprite-loader
yingjieweb·2023-07-14 18:54

前端练习--钟表运动效果

目录一、效果展示二、原理1、背景2、指针旋转三、代码（背景图来自本地，请自行下载）一、效果展示二、原理1、背景（1）实际上，钟表一个div，时针分针秒针都有一个div背景，只是没有显示（2）用一个div作为钟表的盒子，加入背景图片，并用border-radius设置为圆形（3）每个指针需要一个div作为背景（4）将时针分针秒针作为div的子元素，让他们在盒子中居中，并且长度只占50%2、指针旋转（
comegoing-归去兮来·2023-04-16 14:26

前端练习--3D盒子背景图运动效果

目录一、效果展示二、原理三、代码（图片来自本地，请自行解决背景图片）一、效果展示二、原理--打开transform-style的preserve-3d模式--将6张图片进行绝对定位，使之重合--通过rotate旋转，成为盒子的六个面--添加keyframes动画效果三、代码（图片来自本地，请自行解决背景图片）3D旋转盒子@keyframesbox{from{transform:rotateX(0)
comegoing-归去兮来·2023-04-16 14:55

html训练项目,前端新手项目练习之钟表

前端新手项目练习值钟表前端新手记录自己在网络上找到的前端练习项目。项目简介一个简单的钟表，有刻度和数字，利用了一些CSS3特效来实现。
白马唐僧·2023-04-10 18:56

蓝桥杯Web前端练习-----渐变色背景生成器

介绍相信做过前端开发的小伙伴们对渐变色在UI设计中的流行度一定不陌生，网页上也时常可以看到各类复杂的渐变色生成工具。使用原生的CSS变量加一些JS函数就能做出一个简单的渐变色背景生成器。现在渐变色生成器只完成了颜色选取的功能，需要大家帮忙把取色器中的两个色值通过JS函数更新给CSS变量，从而实现渐变色预览功能。准备本题已经内置了初始代码，打开实验环境，目录结构如下：├──index.html├──
懒羊羊h·2023-03-23 17:11

蓝桥杯Web前端练习题-----水果拼盘

一、水果拼盘介绍目前CSS3中新增的Flex弹性布局已经成为前端页面布局的首选方案，本题可以使用Flex属性快速完成布局。准备开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：├──css│└──style.css├──images│├──apple.svg│├──banana.svg│├──blueplate.svg│├──redplate.svg│├──yellowplate.svg│
懒羊羊h·2023-03-23 17:41

2022-2023寒假字节青训营前端练习题（选择题）

DAY1选择题1：下列哪些是HTML5的新特性？A.语义标签B.Canvas绘图C.元素D.增强型表单【ans：ABCD】选择题2：下面可以继承的属性有哪些？A.font-sizeB.backgroundC.colorD.cursor【ans：ACD】DAY2选择题1：对于一条100M的宽带，理论下载速度上限是多少？A.12.5MB/sB.100MB/sC.10MB/sD.10Mb/s【ans：A
Kw_Chng·2023-02-06 08:48

第五届字节跳动青训营(寒假) - 前端练习题&官方答案

【青训营-前端练习题】想知道青训营笔试题怎么考？快来这里看看练习题吧！收集自字节青训营官方账号Day1选择题1：下列哪些是HTML5的新特性？
我发在否·2023-02-06 08:15

时长一年半的前端练习生2022年终总结

2022感觉过得真快，还有一周就结束了，趁着周末有时间来总结一下2022做了什么。最近小人很多，各位老哥保重身体。工作咱也不是刚毕业的小鲜肉了，不过也算不上什么工作经验丰富的老司机。大概分享一下今年工作以来的一些感想与心得吧。去年刚入职的时候基本上都是在扮演一个页面仔的角色，切切图CURD，没有什么特别值得说的事情。从今年开始，自己会从团队、工程化、性能优化的角度去考量自己做的事情。比如开发一些效
码云笔记·2023-01-07 10:00

前端练习--奇奇动漫导航条（通过背景图设置）

目录一、效果展示二、注意三、代码一、效果展示二、注意（1）这个蓝色背景并不是设置了背景颜色，这是背景贴图，并且是高度100px，宽度1px的图片横向重复粘贴（2）这里面三个文字的祖先元素是li，为了能够横向排版，进行了浮动，为防止高度塌陷，外联了css文件，这里需要注意，不然代码会出问题-至于高度塌陷，请参考这篇文章：https://blog.csdn.net/comegoing_xin_lv/a
comegoing-归去兮来·2022-08-13 08:03

前端练习题目--不定时分享

vartest=newBoolean();document.write(test);document.write("");vartest=newBoolean(0);document.write(test);document.write("");vartest=newBoolean(null);document.write(test);document.write("");vartest=newB
马德里甜欣·2022-03-21 08:14

前端新手项目练习之钟表

前端新手项目练习值钟表前端新手记录自己在网络上找到的前端练习项目。项目简介一个简单的钟表，有刻度和数字，利用了一些CSS3特效来实现。
简单一点点·2022-02-04 23:37

前端新手项目练习之拼图游戏

前端新手记录自己在网络上找到的前端练习项目。趁热打铁，再练习一下鼠标拖动相关的事件，这个小游戏是一个不错的选择，玩着有趣，看着也养眼。
一点点努力·2021-06-26 03:19

专科生一年如何从0基础到月薪10K

我是前端练习时长一年半的菜徐昆从毕业实习开始：寻找新的学习方式：开始就业:再启程：共勉：（开个玩笑，坤哥还是帅的）从毕业实习开始：我是一个专科生，我觉得代码无关学历，可是我还是想点明我现在的学历，因为呢有很多计算机系专科毕业生毕业后根本找不着方向
啊天嗷·2021-05-19 17:37

设计模式总结分享-一个引子

特别是，当有幸参加完阿里前端练习生计划后，才知道，前端的东西真的太多了，从工程基建代码监控到webGL，再到人工智能，真是哪里都有前端的大展拳脚的舞台。
ZYJCMD·2021-02-18 21:54

Vue axios增删改查纯前端练习二 普通查询

Vueaxios_crud纯前端练习二普通查询部署mockqueryResp.jsmock制造假数据dao层书写dao层query()函数jshtml页面运行总结部署mock上一篇我们已经把依赖和相关的文件建立完毕了那么我们从登录的基础上继续没有部署的小伙伴请移步上一篇
商朝·2021-01-14 19:30

Vue axios增删改查纯前端练习一 登录

Vueaxios_crud纯前端练习一登录项目建立导入依赖新建目录静态html书写布局布局mock布局request.jsdao层请求发送html和vue运行总结项目建立导入依赖这里笔者用的时Vscode
商朝·2021-01-13 21:39

数据分析疫情图——day1

数据分析疫情一.创建javaweb项目二.前端练习1.导入视频2.获取二维码3.实现跳转连接4.简单界面构建前言：本来还得在学校见习的，因为疫情改成了上网课，虽然没有了在学校和同学们讨论的欢乐，但也很有趣
RodmaChen·2021-01-11 18:48

CSS现状和如何学习

在此非常感谢平台（阿里巴巴集团.前端练习生计划）给我这样的机会，同时也要非常感谢好友裕波，墨苒对我的鼓励和支持。
阿里巴巴淘系技术团队官网博客·2021-01-11 16:00

前端练习：ToDoList

模仿ToDoListToDoList.htmlToDoList—最简单的待办事项列表ToDoList正在进行0已经完成0Copyright©2018todolist.cnclearindex.cssbody{margin:0;padding:0;font-size:16px;background:#CDCDCD;}.hander{width:100%;background-color:r
weixin_30817749·2020-09-15 15:24

「前端练习场」原生 JavaScript 手写各种 数组 API

「前端练习场」将会持续更新，不同于之前的【前端进阶之路】和【从头到脚】这两个系列，练习场主要侧重于基础知识的练习巩固，大家对这个系列有好的建议也可以在评论区和我交流?。
weixin_33721344·2020-09-13 23:03

前端练习05 判断两个矩形是否重叠

题目（2018-11-20）用一个对象的数据来表示一个矩形的位置和大小：{x:100,y:100,width:150,height:250}它表示一个宽为150高为250的矩形在页面上的(100,100)的位置。请你完成一个函数isOverlap可以接受两个矩形作为参数，判断这两个矩形在页面上是否重叠。例如：constrect1={x:100,y:100,width:100,height:100}
多拉斯基·2020-09-13 15:53

牛客网—web前端练习

2018-12.1第一次练习1.下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度：display:blockdisplay属性:block:CSS1块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行可以定义高度和宽度none:CSS1隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间inline:CSS1内联对象的默认值。将对象强制作为内联
淡淡的芦苇·2020-08-24 17:46

前端练习题（一）：关于正则表达式

问题：varstr="hihellohhello"1、找出str字符串h出现的索引值2、找出字符串里面出现次数最多的字母并写出次数大家看代码之前可以用自己学过的知识先思考下思路，再看我的思路这样可能会对刚学前端不久的小可爱们更有用哦ღ(´･ᴗ･`)代码：
Runpire·2020-08-23 23:14

前端练习48 字体高亮函数

已经同步到个人博客，欢迎访问知识点标签模板题目完成highLight函数，可以把模板字符串中的插入内容替换掉，并且插入文档后显示红色，例如：constyourName='ScriptOJ'constmyName='Jerry'document.body.innerHTML=highlight`Hello,${yourName}.Iam${myName}.`CSS样式：.red{color:red}
多拉斯基·2020-08-20 23:03

前端练习 静态网页（一）：导航栏

文章目录一静态网页1.1.导航栏1.1.1不带logo的导航栏实现过程实现效果1.1.2带logo的导航栏1.1.3导航栏优化字体优化（未解决）提示效果优化栏目间隔（在1.1.4之后阅读）1.1.4选中效果附录CSS样式表基础CSS变量js绑定事件目标A：绑定点击事件目标B：通过循环获取列表项（有疑惑）目标C：点击事件中改变样式完整代码：一静态网页完成静态网页，也就是不需要点击事件。所以大概需要的
Wby_Nju·2020-08-17 20:58

前端练习 静态网页（二）：图片排列

前文：前端练习静态网页（一）：导航栏文章目录一顶部图片二主体部分2.1主体文字内容2.2图片部分附录行内元素与块级元素到2-3部分为止全部代码一顶部图片当添加下方的图片资源时，出现了资源重叠的问题注意到
Wby_Nju·2020-08-17 20:26

前端练习 静态网页（四-END）：底部菜单

文章目录一、导航栏二、分割线2.1直觉方式三、底部信息附录当前所有代码待解决的问题一、导航栏导航栏的完成通过列表形式完成。这里注意到导航栏的点。一般来说是可以通过设置元素的list-style-type标签完成的，但是这里我们看到，只有部分列表项有point，这可如何是好呢？我设置一个点形格式，设置左右边距达到。div.bottom{background-color:var(--bottom_ba
Wby_Nju·2020-08-17 20:26

Python学习笔记：5.1.5 网页前端练习

本文是学习陆老师的《python全栈工程师-web开发前端基础》课程的笔记，欢迎学习交流。同时感谢陆老师的精彩传授！一、课程目标练习要求练习项目二、详情解读2.1、练习要求1.预先看完录播视频，并跟着视频演练了其中所有代码2.练习不应当求快，求快没有任何意义，今天所省的每一点努力，将来都你是就业的阻力，应当专注于弄懂，弄明白各属性取值含义1.练习有两种，第一种，提供了演示代码。这种练习参照演示代码
WinvenChang·2020-08-08 22:56

前端练习错题集--2

vartest=newBoolean();document.write(test);document.write("");vartest=newBoolean(0);document.write(test);document.write("");vartest=newBoolean(null);document.write(test);document.write("");vartest=newB
易与天行·2020-08-05 11:24

前端练习错题集--3

如何阻止IE和各大浏览器默认行为（）阻止默认事件：e.preventDefault()e.returnValue=false(IE)阻止冒泡：e.stopPropagation()e.cancelBubble=true(IE)执行以下程序段后，x的值是（）varx=0;switch(++x){case0:++x;case1:++x;case2:++x;}关键：没有break；switch中，对x+
易与天行·2020-08-05 11:24

前端练习错题集--1

题目来自牛客网下面有关html5标签说法错误的有？canvas,比如来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本。亦或是来自其他外部源内容（错）解释：canvas标签定义图形，比如图表和其他图像。canvas标签只是图形容器，您必须使用脚本来绘制图形。下面有关javascript系统方法的描述，错误的是？isNaN方法：该方法用于检测参数是否为数值型，如果是
易与天行·2020-08-05 11:23

web前端练习10----写一个弹出框效果

效果图：思路：简单的说就是写一个div，显示隐藏就可以了具体步骤如下：1创建一个div(puman)设置铺满全屏；设置浮在窗口最上面设置半透明子元素竖直居中2创建一个div(puman)的子元素dialog就是半透明布局的弹出框设置固定的宽高里面存放条目3用js添加dialog的子元素dialog_item并并渲染出自己写的假数据4dialog_item添加点击事件，隐藏div(puman)nei
zhaihaohao1·2020-08-04 22:32

前端练习——购物网站框架

主要技术点：网页定位导航特效代码如下：地狗购物网——网页定位导航特效*{padding:0;margin:0;}body{font-size:12px;line-height:1.7;}li{list-style:none;}#content{width:800px;margin:oauto;padding:20px;}#contenth1{color:#08b;}#content.item{pa
aaaaaaapple22·2020-08-04 13:12

前端练习——弹窗、判断语句 （星座测试）

代码：Miss半仙帮你测星座functionrec(){varscore;//score变量，用来存储用户输入的成绩值。score=prompt("请输入你的出生月份");if(score>=12){alert("你是射手座")}elseif(score>=11){alert("你是天蝎座")}elseif(score>=10){alert("你是天秤座");}elseif(score>=9){a
aaaaaaapple22·2020-08-04 10:28

HTML、CSS小练习-小米官网首屏静态页面

web前端练习，利用HTML和CSS设计小米官网静态页面在练习过程中没有找到相应的图片文字，所以有些图片文字都是重复使用的！
Luminous★·2020-07-29 12:43

前端练习（一）- 仿泰豪官网

仿照泰豪网站首页，几乎一模一样，采用轮播图框架和封装好的动画js文件轮播图的使用Swiper(Swipermaster)是目前应用较广泛的移动端网页触摸内容滑动js插件。1.首先引入文件2.初始化轮播图//初始化轮播图varmySwiper=newSwiper('.swiper-container',{direction:'horizontal',//垂直切换选项loop:true,//循环模式选
我就是要飞·2020-07-28 09:05

前端新手项目练习之select控件

前端新手记录自己在网络上找到的前端练习项目。昨天去通州考试，早上五点出发赶第一班地铁，真是累的要死。项目简介一个简单的select控件，点击出现下拉菜单，可以进行选择。
一点点努力·2020-07-13 14:57

web前端练习2----实现列表功能

效果图：思路：1html+css完成基本布局2接收到上个页面的数据，Ajax请求数据3js渲染数据我把所有代码：htmlcssjs都写在了一个文件里Listview1.html网页实现listView*{margin:0px;padding:0px;}/*固定定位，就是固定下来，并且浮起来*position:fixed;绝对定位*left:0;距离左边0*top:0;距离上边0*width:100
zhaihaohao1·2020-07-06 12:24

web前端练习30----Css，布局（文档流，浮动，清除浮动，浮动高度塌陷，垂直外边距重叠问题，定位，层级，居中，flex布局及练习）

一、文档流：文档流处在网页的最底层，它表示的是一个页面的位置我们所创建的元素默认都处在文档流中元素在文档流中的特点：块元素：1.块元素在文档流中会独占一行，块元素会自上向下排列。2.块元素在文档流中默认宽度是父元素的100%（铺满父元素）。3.块元素在文档流中默认高度被内容(或者子元素)撑开（包裹内容）内联元素：1.内联元素在文档流中只占自身大小，会默认从左向右排列，如果一行中不足以容纳所有的内联
zhaihaohao1·2020-07-06 12:24

web前端练习32----Css，盒子模型,display,visibility,overflow,单位em

一、盒子(框)模型1.1图形示例：1.2盒子模型的主要构成，由内向外：内容区：width,height内边距：padding边框：border外边距：margin可见宽高=内容区+内边距+边框1.3块级元素的盒子模型（在文档流中）：内容区：可以设置宽高width，height内边距：内边距指的是内容区和边框之间的距离，内边距会影响盒子的大小边框：盒子可见框最外侧，边框是盒子的边缘。边框要同时设置3
zhaihaohao1·2020-07-06 12:24

web前端练习31----Css，选择器（基本选择器，复合选择器，属性选择器，伪类，伪元素，优先级，雪碧图练习）

参考文档：https://man.ilovefishc.com/css3/一、基本选择器：1通配符选择器*2元素选择器element3类选择器.class4id选择器#id5内联样式style二、复合选择器：1交集选择器element.class||element#id2并集选择器element1,element2,element3,...3后代选择器element1element24子元素选择器
zhaihaohao1·2020-07-06 12:24
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他