前端学习开发实例

前端学习day07-高级元素之列表-表单-表格

CSS高级元素之列表-表单-表格一.列表元素1.1.三种列表ol>liul>lidl>dt>dd1.2.列表案例总结思路二.table元素2.1.table常见tabletrtd2.2.案例练习股票表格table{border-collapse:collapse}2.3.table元素theadtbodytfootcaptionth2.4.单元格合并colspanrowspan练习:课程表三.表单
XD前端·2024-02-06 10:29

前端学习笔记day02--CSS

前端学习笔记day02–CSS一、CSS知识CSS（cascadingstylesheet）：层叠样式表（级联样式表）作用：设置html标签的字体、颜色、背景、边框、边距和宽高等，使界面美观、漂亮，从而提高用户体验
m0_38077048·2024-02-06 10:57

前端学习个人心得，总结（个人向）

一、外边距合并1.出现的条件只有垂直方向的外边距会出现合并，水平方向上不会出现外边距合并。垂直方向上相邻的元素才会有外边距合并的问题。2.有两种情况2.1兄弟元素间的外边距合并（1）若两者都是正值，取值为两者间最大值（2）若两个外边距一正一负，取值为两者之和（3）若两个外边距都是负值，取值为绝对值较大的外边距解决方案：一般不需要处理，这一般是对开发有利的，如果要处理，可以将本应该设置给两个元素的外
独醉于笙·2024-02-06 07:04

06、如何在html中绑定数据

{{name}}letapp=newVue({el:'#app',data:{name:'前端学习'}})页面上就会显示——前端学习。
小白摘葡萄·2024-02-05 18:25

前端学习第4天

一、复合选择器1.后代选择器2.子代选择器3.并集选择器4.交集选择器5.伪类选择器1.伪类-超链接（拓展）二、CSS特性1.继承性body放在style中2.层叠性3.优先级属性+!important+;（最高优先级）1.优先级-叠加计算规则2.emmet写法div带类名直接.类名三、背景属性1.背景图2.背景图平铺方式3.背景图位置4.背景图缩放5.背景图固定6.背景复合属性四、显示模式1.块
qingxi_ran·2024-02-05 13:46

前端学习之路(5) vue样式穿透

前言vue的style中设置scoped属性后，组件实现样式私有化。但是该组件又使用的其他组件库时(vant,elementui,自定义等)，该组件的style中的样式，优先级低，不生效，这个时候需要使用样式穿透(作用得更深)。一、scoped底层原理scoped是通过在DOM以及css中加上data-v-xxx唯一标识来实现样式私有化。1.加上scoped前样式穿透示例.demo{color:r
星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-04 23:56

前端学习之路(2) Vue3响应式模式设计原理

为什么要关系vue3的设计原理？了解vue3构建原理，将有助于开发者更快速上手Vue3；同时可以提高Vue调试技能，可以快速定位错误1.vue3对比vue2vue2的原理是通过Object.defineProperty()来劫持各个属性，在数据变动时发布消息给订阅者，触发相应的监听回调。defineProperty不具备监听数组的能力,无法检测到对象属性的添加和删除,只有在初始化实例时对data对
星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-04 18:42

【前端学习】CSS入门

前端学习：CSS入门文章目录前端学习：CSS入门前言1、class011.我的第一个CSS2.导入方式3.基本选择器(1)ID选择器(2)标签选择器(3)类选择器4.层次选择器5.结构伪类选择器6.属性选择器
woodwhale·2024-02-04 10:59

[前端学习笔记1] 前端学习路线

按顺序学习一、做网页HTML：定义网页结构CSS（Cascadingstylesheets层叠样式表）：对网页进行装饰JS（JavaScript）：网页与用户的交互效果，【重要】WebAPI：将HTML,CSS,JS结合在一起，通过JS可以改变HTML,CSS.JQuery：老牌框架，了解即可。Bootstrap：响应式页面，了解即可移动端开发：【重要】二、数据库和服务器数据库：mongoDB（J
Lumos_zbj·2024-02-04 10:29

前端学习01

1.浏览器能识别的标签1.1编码（head）1.2title（head）我的联通1.3标题我的联通1级标题2级标题3级标题4级标题5级标题6级标题1.4div和span内容asdfadiv，一个人占一整行。【块级标签】我的联通山东蓝翔挖掘机哪家强span，自己多大占多少。【行内标签、内联标签】我的联通山东蓝翔挖掘机哪家强注意：这两个标签比较素+CSS样式。1.4.5超链接跳转到其他网站点击跳转跳转
Yoin.·2024-02-04 10:27

前端学习02

1.CSS案例1.1内容回顾1.1.1搭建骨架Titlebody{margin:0;}.sub-header{height:100px;background-color:#b0b0b0;}.container{width:1128px;margin:0auto;}.sub-header.ht{height:100px;}.sub-header.logo{width:234px;float:left
Yoin.·2024-02-04 10:27

网页前端学习-03

HTML基础知识021.vscode书写骨架里些许代码的解释666①、这一行指令可以理解为不是html代码的部分，它充当的作用是告诉浏览器我们需要书写的html版本，如上述代码第一行则代表的是我们要书写的是html5这个版本，DOCTYPE是文档类型声明标签。②、用来强调是中文网站还是英文网站，en代表英文的缩写，zh-CN指的是中文。③、charset是字符集的含义，后面的utf-8是万国码，这
Leoma_·2024-02-04 09:25

爬虫配套学习-前端学习笔记03

插入图片水平线无 月 的 中 秋据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，中秋节的来历，这就是月饼的来历，大家会在这一天，和嘉园也，吃月饼，赏月。®效果图像的超链接水平线无 月 的 中 秋据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，中秋节的来历，这
丰。。·2024-02-04 09:55

前端学习——Ajax的使用

Ajax一、JSON格式本质上是一个字符串，是作为数据交换的格式。主要是用于前后端数据交互json可以是对象，数组，字符串，标题//json格式——特殊格式的字符串,varstr1='{"name":"北斗"}'//分为两种类型：json对象，json数组,可以是数值null数组对象varobj1='{"name":"北斗","age":"18"}'//json对象varobj2='["name"
Indra_ran·2024-02-04 09:24

Web前端学习-day03-JavaScript

溢出设置overflowvisible显示(默认)hidden隐藏scroll滚动显示行内元素垂直对其方式vertical-aligntop上对齐middle中间对齐bottom下对齐baseline基线对齐显示层级z-index当元素脱离文档流出现层叠显示时undefined可以通过z-index设置显示层级z-index的值越大显示约靠前此样式只能添加给非静态定位的元素undefined静态定
王敏晓·2024-02-04 09:24

前端学习03

1.JavaScript```htmlTitle.menus{width:200px;border:1pxsolidred;}.menus.header{background-color:gold;padding:20px10px;}大标题内容functionmyFunc(){//alert("你好呀");confirm("是否要继续？")}1.1代码位置JS代码的存在形式：当前HTML中。//编
Yoin.·2024-02-04 09:23

适合初学者的WEB前端学习路线

零基础学习web前端学习路线图从哪里可以找到呢?在此为大家整理完整的适合零基础学员的web前端学习路线分享给大家：1.HTML5介绍内容包括：(互联网发展趋势、H5语言的优势
千_锋小小千·2024-02-03 16:36

前端学习笔记 | CSS动画+移动web

一、平面转换为元素添加动态效果，一般与过渡配合使用。1、设置transition给元素本身，表示过渡变换方式和时间2、在元素hover设置transform（动态效果）transform:【移动】translate(x方向，y方向)、translateX（x、translateY(y)位移【旋转】rotate(数字+deg）【缩放】scele(数字)大于1放大，小于1缩小【倾斜】skew（数字+d
简·AI·2024-02-03 15:04

前端学习笔记 | HTML5+CSS3静态网页制作的技巧（持续更新）

注：本文的css样式均使用less写法1、字体居中（1）先text-align:center;行内元素水平居中（2）再line-heigh:(盒子高度);行内元素垂直居中text-align:center;line-height:(30/@vw);2、盒子居中情景1：版心居中margin:0auto;情景2：标题栏制作时让左右两个弹性盒子居中的方法（1）设置浮动（2）给父级添加行高line-hei
简·AI·2024-02-03 15:04

前端学习笔记 | CSS高级技巧

一、定位注：需要同时设置定位模式和边偏移才生效。1、定位模式相对定位-position:relative特点：（1）灵活改变盒子在网页中的位置，改变位置的参照物是自己原来的位置（2）不脱标，占位（3）标签显示模式特点不变绝对定位-position:abusolute(子级绝对定位，父级相对定位-子绝父相)特点：（1）脱标，不占位（2）参照物先找祖先元素，如果祖先没有定位，则参照浏览器可视区域位置（
简·AI·2024-02-03 15:03

前端学习笔记 | 响应式网页+Boostrap

一、响应式网页一套代码适应多端1、媒体查询@media(条件){css}max-width小于等于max-width生效min-width【案例】左侧隐藏因为CSS的层叠性，书写顺序：max-width从大到小；min-width从小到大。【媒体查询完整写法】在html中link用于不同视口的css样式，media=""中一定要加（），否则不生效。2、BootstrapBootstrap是由Twi
简·AI·2024-02-03 15:31

【前端学习路线】

前端学习路线1.大纲:前端学习路线2.ES6语法1.let和const2.箭头函数3.解构3.1数组解构3.2对象解构4剩余参数4.1和解构联用4.2合并数组5.可选链6.Set7.数组操作8.字符串扩展方法
代码哲学·2024-02-03 00:52

前端学习总结

前端常见面试问题最近发现了一个up主“Alice铛铛铛”，学习到了很多面试技巧，下面分享一下一、1.vueAPP适配是怎么写的，用的什么单位？2.get和post有什么区别？3.计算属性和监听器有什么区别？4.v-for渲染列表是key是用来做什么的？5.数据请求在生命周期哪一个阶段？6.水平居中有哪几种方法？7.flex弹性盒模型？8.父盒子中子盒子浮动有什么后果？9.清除浮动有哪些方法？10.
joy_mhy·2024-02-02 21:31

菜鸡后端的前端学习记录-2

前言记录一下看视频学习前端的的一些笔记，以前对Html、Js、CSS有一定的基础（都认得，没用过），现在不想从头再来了，学学Vue框架，不定时更新，指不定什么时候就鸽了。。。。忘了记一下看的视频了，有兴趣的可以去看一看，目前感觉讲的还不错，但是需要有一定基础：【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】（学习记录第二部分，都写到一个博客里太长了，不利于阅读复习）周末休息-先
无名一小卒·2024-02-02 21:30

2020年小白要知道的Web前端学习路线

今天小编要跟大家分享的文章是关于2020年小白要知道的Web前端学习路线。准备在2020年学习Web前端技术的小伙伴们来和小编一起看看本篇文章，希望能够对大家有所帮助！
web前端学习指南·2024-02-01 23:27

自学前端学习笔记html5(简称H5)

image.pngimage.pngimage.pngH5在语义上的改进在此基础上，HTML5增加了大量有意义的语义标签，更有利于搜索引擎或辅助设备理解HTML页面内容。HTML5会让HTML代码的内容更结构化、标签更语义化。我们常见的css+div布局是：image.png在html5中，我们可以这样写：image.pngH5的经典网页布局：H5中新增的语义标签表示区块表示文章。如文章、评论、帖
Informal杨·2024-01-31 03:14

前端自己整理的学习面试笔记

简介以下是本人一年多整理的前端学习笔记，现汇总分享给大家，很多问题都是面试必问的更多学习资源，可以点击我获取更多1js数据类型原始类型：nullundefinednumberstringbooleanSymbolBigInt
小江的博客·2024-01-30 12:30

css3帮助文档,CSS3 最新版参考手册

《CSS3最新版参考手册》为官方CSS3在线参考学习手册，本css3在线开发手册包含了各种css3属性、语法、定义、使用方法，实例运行等，是网页前端学习者及开发者不可或缺的在线查询手册文档！
坐会儿吧·2024-01-30 09:43

使用react修改ant design默认样式|自定义

写在前面：本文作为本人学习总结之用，同时分享给大家~个人前端博客网站：zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群：：706947563，专注前端开发，共同学习进步！
潜心专研的小张同学·2024-01-30 06:52

前端学习day12-总结

关键词：scope在线添加数据到表单一.th>scope语法：col:规定单元格是列的表头。row:规定单元格是行的表头。colgroup:规定单元格是列组的表头.rowgroup:规定单元格是行组的表头二.提高用户体验原本的表单属性中，比如单选按钮:男女若想要点击男女，必须要鼠标点到那个小圆点，用户体验极差。此时，可以利用包裹男女，这样用户在点击“男”这片区域时，也可以选中单选按钮。三.plac
你喜欢吃青椒吗_c744·2024-01-29 18:14

Nodejs前端学习Day5

苦其心志，劳其筋骨文章目录前言一、处理路径问题二、path路径模块总结前言继续fs一、处理路径问题在使用fs模块操作文件时，如果提供的操作路径是以./或…/开头的相对路径时，很容易出现路径动态拼接错误的问题原因：代码在运行的时候，会执行node命令时所处的目录，动态拼接出被操作文件的完整路径如果要解决这个问题，可以直接提供一个完整的文件存放路径就行，但也有缺点，即移植性差，不利于维护见下图node
Mundaneman·2024-01-29 14:00

展望2018

跑步，坚持下去并达到1000公里;读书，至少45本；前端学习，学习TypeScript，并在项目中应用到React。
大洪·2024-01-28 18:50

Nodejs前端学习Day3_准备工作

妈的，这几天真tm冷，前天上午还下了一整天的雪，大雪文章目录前言一、Node.js简介1.1何为1.2有什么二、Node.js可以做什么三、学习路线四、下载nodejs4.1小坑记录4.2LTS和Current版本的不同五、什么是终端六、在nodejs中执行js代码七、powershell和cmd的区别八、fs文件系统模块8.1是什么，怎么用8.2fs.readFile()总结前言妈的，昨天没学，
Mundaneman·2024-01-28 17:53

Nodejs前端学习Day4_fs文件系统模块基础应用之成绩转换

君子应有龙蛇之变，处于木雁之间文章目录前言一、fs文件系统模块1.1判断文件是否读取成功1.2向指定的文件中写入内容1.2.1fs.writeFile的语法格式1.2.2fs.readFile和fs.writeFile的运用——成绩转换总结前言Day3fs开了点头一、fs文件系统模块1.1判断文件是否读取成功可以判断err对象是否为null，从而知晓文件读取的结果即constfs=require(
Mundaneman·2024-01-28 05:00

前端学习：HTTP协议、请求响应、分层解耦

HTTP协议HTTP-概述  HTTP：HyperTextTransferProtocol(超文本传输协议)，规定了浏览器与服务器之间数据传输的规则。如果想知道http协议的数据传输格式有哪些，可以打开浏览器，点击F12打开开发者工具，点击Network来查看。  浏览器和服务器是按照HTTP协议进行数据通信的。HTTP协议又分为：请求协议和响应协议请求协议：浏览器将数据以请求格式发送到服务器包括
~hello world~·2024-01-27 22:41

easypan前端学习（一）

文章目录前端项目node版本node镜像构建项目创建项目安装项目所有依赖图片资源网站encodeURI&decodeURIapp.config.globalProperties与getCurrentInstanceObject.assignvue-cookies安装vue-cookies使用vue-cookiesrouter.currentRoutepreservelogimport.meta.e
ps酷教程·2024-01-27 13:08

Nodejs前端学习Day1_补档

我给day1搞没了，还是觉得该补一个，有用文章目录前言一、学习目标二、学习目录三、为什么JavaScript代码可以在浏览器中运行四、为什么JavaScript可以操作DOM和BOM五、浏览器中的JavaScript运行环境总结前言补档一、学习目标二、学习目录三、为什么JavaScript代码可以在浏览器中运行浏览器中存在js解析引擎，才可以执行js代码不同浏览器使用不同的js解析引擎其中Chro
Mundaneman·2024-01-27 06:45

【融职培训】Web前端学习 第7章 Vue基础教程2 创建Vue项目

一、使用vue/cli创建Vue项目在第七章我们已经介绍了如何使用npm命令全局安装node包，本节我们需要安装一个名为@vue/cli的包来创建我们的vue项目，安装代码如下所示：npminstall-g@vue/cli安装完成之后，在命令行可以使用Vue命令命令创建一个vue项目，具体命令如下所示vuecreatehello安装过程需要连接国外服务器下载项目模板和依赖包，如果网速过慢可以在配套
lmonkey_01·2024-01-26 16:59

前端学习-0125

工具VscodeChromemac-vscode实用快捷键格式：shift+option+f快速移动一行：option+上下箭快速复制一行：shift+option+上下箭快速保存：command+s文件内查找：command+f文件内快速替换：option+command+fHTML5标签堆积:基础骨架标签特殊文件格式后缀:.html编写规则、声明:
至鳟宝·2024-01-26 14:29

前端学习-0125

标签含义：标题级别：-快捷键生成：h$*[0,6]属性：align="left|center|right"标签含义：段落标签含义：换行标签含义：线属性：color(颜色)|width(宽度：像素单位)|size(高度：像素单位)｜align(对齐方式left|right)标签路径绝对路径：E://test/test.jpg相对路径：父级：..\;同级：.\;子级：/文本标签标签描述着重加粗斜体st
至鳟宝·2024-01-26 14:25

前端学习之——react篇（条件渲染）

React没有特殊的语法来编写条件语句，因此你使用的就是普通的JavaScript代码。例如使用if语句根据条件引入JSX：letcontent;if(isLoggedIn){content=;}else{content=;}return({content});如果你喜欢更为紧凑的代码，可以使用条件?运算符。与if不同的是，它工作于JSX内部：{isLoggedIn?():()}当你不需要else
每月一瓶米诺地尔·2024-01-26 12:18

前端学习之——react篇（渲染列表）

你将依赖JavaScript的特性，例如for循环和array的map()函数来渲染组件列表。假设你有一个产品数组：constproducts=[{title:'Cabbage',id:1},{title:'Garlic',id:2},{title:'Apple',id:3},];在你的组件中，使用map()函数将这个数组转换为标签构成的列表:constlistItems=products.map
每月一瓶米诺地尔·2024-01-26 09:31

前端学习笔记一一HTML常用标签之列表标签

HTML常用标签之列表标签列表标签的用途，就是用于编排短语句的文字。1.无序列表在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。设置无序列表的类型—type无序列表的默认符号是圆点（●）。�元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有：�disc(圆●)、circle（圆圈○）、square（方块■）定
前前前端小飞·2024-01-26 08:17

Arduino开发实例-使用SIM800L GSM模块接收和发送短信

使用SIM800LGSM模块接收和发送短信文章目录使用SIM800LGSM模块接收和发送短信1、硬件准备1.1SIM800L介绍2、硬件接线原理图3、代码实现3.1AT指令测试3.2发送短信3.3接收短信3.4拨打电话3.5接听电话在本文中，我们将使用SIM800LGSM模块和Arduino。SIM800L是一款低成本的GSM/GPRS模块，支持四频GSM/GPRS网络。它可以用来打电话、发送短信
视觉&物联智能·2024-01-26 04:41

强烈推荐 GitHub 上值得前端学习的开源实战项目

强烈推荐GitHub上值得前端学习的开源实战项目。
dizhao3079·2024-01-25 18:27

Arduino开发实例-R307指纹传感器模块

R307指纹传感器模块文章目录R307指纹传感器模块1、硬件准备1.1R307指纹传感器介绍1.2硬件接线原理图2、代码实现2.1指纹录入2.2指纹匹配在本文中，我们将介绍在Arduino中如何使用R307指纹传感器。R307指纹传感器是一款光学指纹传感器，可用于采集和存储指纹数据。该传感器分辨率为512×288像素，最多可存储1000个指纹模板。该传感器使用UART接口与Arduino相连。1、
视觉&物联智能·2024-01-25 06:58

菜鸡后端的前端学习记录

前言记录一下看视频学习前端的的一些笔记，以前对Html、Js、CSS有一定的基础（都认得，没用过），现在不想从头再来了，学学Vue框架，不定时更新，指不定什么时候就鸽了。。。。忘了记一下看的视频了，有兴趣的可以去看一看，目前感觉讲的还不错，但是需要有一定基础：【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】开发工具使用记录：VsCode代码提示挺不友好，配置起来还不一定生效（太
无名一小卒·2024-01-25 06:09

字节跳动内部前端学习笔记在互联网上火了，在Github标星33K+，完整版开放下载

一、入门前端三剑客1、HTMLhtml学起来还是挺简单的，无论你是否有编程基础，我觉得都可以快速入门，对于新手，我推荐找个入门的视频看一下，然后跟着视频打代码就可以了，入门教程随便在网上找个免费的视频就可以了，随便搜索「html入门」即可，或者看菜鸟教程的一个入门教程也行。看完视频，也可以看一下文字版的教程，不知道大家有没有看过阮一峰写过的教程，我觉得他写的教程都很棒，所以这里我也推荐下大家看一下
书苏·2024-01-25 03:29

前端学习路线

前端学习路线入门阶段HTML5：学习网页结构的基本标签，了解语义化标签的使用。CSS3：掌握样式布局，包括选择器、盒模型、定位、响应式设计等，以及CSS3的新特性如动画特效、过渡效果等。
注孤生程序员·2024-01-24 21:36

Vue3 前端学习（登陆界面，input 与 button的使用）

1.router-view跳转APP.vue可以类比主函数理解，里面可以写很多内容，但这是个很局限的做法，只适合学习一些前端知识点时候使用，不适合做项目。于是我们使用将要写的内容拆分开，理解为拆成诸多函数。在函数里实现相关功能。于是APP.vue写的很简单，因为他只实现路由功能2.呈现一个登陆界面（纯前端）LoginVue.vue一个登陆界面账号：密码：登录申请注册IamElButtonimpor
Sonaldo7·2024-01-24 20:31
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他