【前端学习笔记】

D1-前端学习笔记HTML和CSS简单了解

理论总解HTML元素剖析1.元素：开始标签、结束标签和内容组成2.开始标签&结束标记3.内容4.属性包含属性名和属性值`class="note"`5.嵌套元素可以将元素放在其他元素之中6.空元素``标记文本标签1.标题``2.段落``3.列表`无序列表``有序列表```4.链接``单标签CSS规则集剖析1.选择器2.声明3.属性属性值`/*`**语法**每个规则集都必须用花括号括起来**{}**每
说着故事睡觉·2023-04-07 11:04

前端学习笔记一一HTML表单标签（form）

form表单细节一、表单1.表单标签用于为用户输入创建HTML表单2.表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。3.表单还可以包含menus、textarea、fieldset、legend和label元素。4.表单用于向服务器传输数据。二、表单form的属性（一）action属性action属性规定当提交表单时，向何处发送表单数据属性值：url链接的地址（二）nam
前前前端小飞·2023-04-05 16:36

【前端学习笔记】04-HTML中＜img＞标签的路径语法

刚学习HTML时，对img的路径语法总是含糊不清，当我们使用img标签显示图片的时候，需要指定图片的资源路径，比如:总结下从本机文件夹导入图片时候相对路径与绝对路径的规则。示例：一、相对路径所谓相对路径，就是相对于自己的目标文件位置。如图片问html文件的在同个目录下时则只需要输入文件的图像名称即可例：如果是上在一级目录或是上一级目录images里的子目录则分别为：由此可见，若图片位于下一级路径时
SevgiliD·2023-04-05 15:26

web前端学习笔记——列表

对于一些内容相似、结构相似、样式相似的内容使用列表结构进行搭建一、无序列表标签：ulli（嵌套关系，ul>li）ul：unorderedlist,表示一个无序列表的大结构li：listitem，列表项，定义无序列表内的某一项列表项1列表项2列表项3列表项4效果：注：一个列表中可以有任意个列表项ul内部只能嵌套li，并且li标签不能脱离ul单独书写li标签是一个容器级标签，可以放置任何内容li标签之
eliauk-123·2023-04-03 19:18

Web前端学习笔记——HTML

web前端开发基础第一章——HTML传送门：第二章：CSS|第三章：html5和CSS3|第四章：Javascript（part1）|第四章：Javascript（part2）目录web前端开发基础第一章——HTML概述一、html标题标签二、html段落标签、换行标签与字符实体1.html段落标签2.html换行标签3.html字符实体三、html块标签、含样式的标签1.html块标签2.含样式
宇宙☆空间站·2023-04-03 19:15

【前端学习笔记】Vue 的元素 v-if 和 v-for 的比较

v-if和v-for有几点需要注意的地方。第一、v-if和v-for同时使用时，v-for具有比v-i更高的优先级。这意味着v-if将分别重复运行于每个-v-for循环中。但如果想要有条件地跳过循环的执行，那么可以将v-if置于外层元素或者上。例：{{todo}}Notodosleft!
花上·2023-04-03 06:08

前端学习笔记之原型——一张图说明`prototype`和`__proto__`的区别

全局变量Global是是ECMAScript中的全局对象（浏览器中是window），不属于其他对象的属性和方法，所有在全局作用域中定义的属性和方法，都是Global对象的属性（window）。window的属性分为两类，一种是ECMAScript规定的，一种是浏览器私有的（各浏览器可能不一样）。ECMAScript规定的的有parseInt、parseFloat、Number、String、Obj
astak3·2023-04-03 05:47

前端学习笔记____前后端交互Node+MongoDB+Express+Ajax

作者主页：仙女不下凡前言介绍：以下内容都是我个人对于前端知识的总结，会定期更新欢迎持续关注！欢迎点赞收藏⭐留言如有错误敬请指正！前言学习视频地址：https://www.bilibili.com/video/BV1j5411K7EH?from=search&seid=650434603315537295学习进度：该视频适用于有css、html、JavaScript基础的同学学习方法总结：如何从零自
仙女不下凡·2023-04-02 20:18

前端学习笔记四十-移动APP（4）React组件的生命周期

一、组件的生命周期1.概念：在组件创建、到加载到页面上运行、以及组件被销毁的过程中，总是伴随着各种各样的事件，这些在组件特定时期，触发的事件，统称为组件的生命周期；2.组件生命周期分为三部分：组件创建阶段：组件创建阶段的生命周期函数，有一个显著的特点：创建阶段的生命周期函数，在组件的一辈子中，只执行一次；componentWillMount:组件将要被挂载，此时还没有开始渲染虚拟DOM，此时pro
AizawaSayo·2023-04-01 23:53

前端学习笔记二十-Ajax编程

一、Ajax基础传统网站中存在的问题网速慢的情况下，页面加载时间长，用户只能等待表单提交后，如果一项内容不合格，需要重新填写所有表单内容页面跳转，重新加载页面，造成资源浪费，增加用户等待时间Ajax：标准读音[ˈeɪˌdʒæks]，中文音译：阿贾克斯它是浏览器提供的一套方法，可以实现页面无刷新更新数据（在页面不刷新的情况下向服务器发送请求），提高用户浏览网站应用的体验。Ajax的应用场景页面上拉加
AizawaSayo·2023-03-30 00:52

【Web前端学习笔记】第三章 JavaScript常见使用方法

【Web前端学习笔记】第三章JavaScript常见使用方法文章目录【Web前端学习笔记】第三章JavaScript常见使用方法前言一、JavaScript是什么？
阿达斯加·2023-03-29 00:00

前端学习笔记之--CSS(1)

什么是CSS？CSS：CascadingStyleSheets层叠样式表/级联样式表，简称样式表。.HTML与CSS的关系HTML：构建网页内容CSS：修饰网页w3C建议尽量使用CSS属性来取代HTML的属性。使用CSS的方式1.内联方式（行内样式）特点：将CSS样式定义在HTML的开始标记中语法：样式声明：由样式属性和值组成，CSS属性名与其值之间用冒号连接，多个样式声明之间用分号分割。2.内部
Qsir11·2023-03-27 09:57

前端学习笔记之--HTML(3)

表单元素一系列元素，主要用于收集用户数据form表单readonly属性：布尔属性，是否只读，不会改变表单显示样式disabled属性：布尔属性，是否禁用，会改变表单显示样式input元素select元素textarea元素buttonlabelfieldset元素input输入框type属性：输入框类型type:text普通文本输入框type：password，密码框type:date,日期选择
Qsir11·2023-03-19 01:53

前端如何显示服务器摄像头,浏览器显示海康摄像头实时预览画面纯前端解决方案...

应用场景：如安装数据库，实时显示每一步信息，如1.数据库创建成功...2.user表创建成功...3.用户user1插入成功...前端学习笔记-2.6注册页面基本的注册内容都有了
蔡佳人·2023-03-16 16:20

关于cli工具和脚手架的原理（菜鸟前端学习笔记）

问题什么是脚手架?什么是CLI?@vue/cli,create-react-app是如何实现的？脚手架，CLI脚手架是一类快速形成工程化目录的工具(业务类型)，如：yeoman,@vue/cli,create-react-app.CLI(command-line-interface,缩写：CLI)(效率工具)，如：webpack,es-lint,json-server平常开发中经常会用到如上熟悉的
junjunboy·2023-03-16 07:30

前端学习笔记之--CSS(3)

盒模型：规定单个盒子的规则视觉格式化模型（布局规则）：页面中的多个盒子排列规则视觉格式化模型，大体上将页面中盒子的排列分为三种方式：常规流浮动定位常规流布局常规流、文档流、普通文档流、常规文档流所有元素，默认情况下，都属于常规流布局总体规则：块盒独占一行，行盒水平依次排列包含块（containingblock）：每个盒子都有它的包含块，包含块决定了盒子的排列区域。绝大部分情况下：盒子的包含块，为其
Qsir11·2023-03-13 02:04

【前端学习笔记】JavaScript的 作用域与变量提升。

作用域（scope）在ECMAScript中，JavaScript只有两类作用域：全局作用域、函数作用域。全局作用域（globescope）：全局对象的作用域，在代码的任何地方都可访问，但有时会被函数作用域覆盖。函数作用域（localscope）：作用于整个函数范围内，不管到底是在函数中的何处进行声明。定义变量时，如果不写var。就相当于声明了一个全局变量，作用域为全局作用域；否则声明的就是局部变
花上·2023-03-12 17:23

前端学习笔记之--HTML(2)

多媒体元素video视频controls:控制控件的显示，取值只能为controlsautoplay:布尔属性，自动播放。muted:布尔属性，静音播放。loop:布尔属性，循环播放audio音频controls:控制控件的显示，取值只能为controlsautoplay:布尔属性，自动播放。muted:布尔属性，静音播放。loop:布尔属性，循环播放兼容性1.旧版本的浏览器不支持这两个元素2.不
Qsir11·2023-03-12 10:14

厚积薄发 前端学习笔记 CSS基础篇-水平、垂直居中布局

水平、垂直居中布局是每个前端人必备掌握的基础技能之一，也是各大公司无比常用的面试题之一，可能我们在实践中用不到这么多的方法，但是掌握主流的垂直居中布局方法，是一个前端人的必须的职业素养之一，本文归纳总结了笔者认为比较实用的一些方法，另外一些奇淫技巧不在本文的讨论范围内GitHub项目链接写在前面相关代码我只贴出水平垂直居中的，水平和垂直居中的综合方案代码，水平和垂直居中的分别的代码其实大部分都是融
子白青墨·2023-03-09 05:04

前端学习笔记

jqueryjquery插件网上搜索jquery插件，点击这里##swiper插件网上搜索swiper插件，点击这里wow.js滚动到此处的动画网上搜索wow.js下载，进入官网，点击这里moment插件网上搜索moment.js，进入官网点击这里//这种包是基础的////这种包是基础并且多语言的，两者引其一moment.locale('zh-cn');console.log(moment().f
satuo@·2023-02-20 23:48

Web前端学习笔记，学习路线图，完整前端自学教程+工具+框架

问题釐清什麽是＂滚动条＂？滚动条指的是下图右侧被红线框起来的部分：在这里我还是要推荐下我自己建的web前端开发学习群：731669587，群里都是学web前端开发的，如果你正在学习前端，小编欢迎你加入，今天分享的这个案例已经上传到群文件，大家都是软件开发党，不定期分享干货（只有前端软件开发相关的），包括我自己整理的一份2018最新的前端进阶资料和高级开发教程，欢迎进阶中和进想深入前端的小伙伴。只要
web前端01·2023-02-18 13:28

How2j仿写天猫前端学习笔记七 结算页面

头部和收货地址头部和收货地址写了结算页面的头部和收货地址，头部的是两张图片，浮动摆放在左边和右边。并在后面元素中清理浮动，收货地址则是div，下面的具体内容是表格。再用div把这两个包裹起来。6.8日0:31更新确认订单这个看起来挺好写的啊，结果自己写来，不是很理想。花费了不少时间，主要是跟着站长的思路去写，结果有的地方始终实现不了。一气之下，换个思路立马实现。不能太死脑筋，思维活跃才是王道。这部
烟雨平生梦·2023-02-05 20:41

厚积薄发 前端学习笔记 CSS基础篇-BFC

关于BFC的相关，这里做一个比较详细的总结1、BFC的基本概念BFC：直白点说就是满足一定规则的一个块级布局区域，这就是核心了，我们可以利用BFC的规则来很容易的达到某些布局需求，其实我们在布局中很可能已经默默用过BFC了，但是对BFC没有一个比较清晰的认知，下面我就详细的介绍一下BoxBox是CSS布局的对象和基本单位，一个布局页面就是各种各样的Box组成的，不同类型的Box会有不同的渲染规则，
子白青墨·2023-02-05 10:00

【前端学习笔记】移动web-黑马程序员学习笔记

移动web-黑马程序员学习笔记1字体图标2平面转换2.1绝对定位元素居中：2.2双开门效果2.3旋转效果2.4*转换原点2.5多重转换效果2.6缩放3*渐变4空间转换（3D转换）4.1空间位移4.2透视效果4.3空间旋转4.4立体呈现4.5缩放5动画5.1精灵动画5.2无缝动画：走马灯6移动端特点7百分比布局8Flex8.1Flex布局：8.2侧轴8.3伸缩比8.4改变元素排列方向8.5弹性盒子换
张张张张张高高·2023-01-31 15:44

前端学习笔记（二）

使用语义化的HTML5在以往的html中界面编写中，一般都是使用class辨别是哪个区块，现在我们可以利用HTML5中的一些具有语义化的标签进行编写。增加了代码的可读性。常见的语义化标签有以下几个头部导航脚部每个分块文章标签侧边栏推荐几个前端常用的网站boostrap扁平化的一个开源工具库，里面也提供了很多的矢量图标，很值得参考FlatUI阿里巴巴的iconfont矢量图标库，很多图标都可以从中找
星缘邢·2023-01-29 09:22

前端学习笔记之--HTML(1)

html是什么HTML：HyperTextMarkupLanguage超文本标记语言；发展历史HTML1.0超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：HTML2.0——1995年11月作为RFC1866发布，在RFC2854于2000年6月发布之后被宣布已经过时HTML3.2——1997年1月14日，W3C推荐标准HTML4.0——19
Qsir11·2023-01-26 18:37

前端学习笔记005：数据传输 + AJAX + axios

本文要学习的东西又多又杂，包含JSON、XML、HTTP协议、AJAX请求、Promise、axios。（大家也可以看到我已经努力把题目缩到最短了（T_T））但这些知识对后面前端框架的学习是很有帮助的，所以马上开始~目录1.开始之前2.数据传输：数据2.1XML简介2.2XML语法2.3JSON简介2.4JSON语法2.5JSON与JS对象的转化3.数据传输：传输3.1HTTP简介3.2HTTP报
copcin·2023-01-17 10:32

前端学习笔记24-JavaScript案例相关

Title.c1{height:400px;width:400px;border-radius:50%;}.bg_yellow{background-color:yellow;}.bg_red{background-color:red;}变色letbtnEle=document.getElementById('d2')letdivEle=document.getElementById('d1')b
丰。。·2023-01-17 10:31

前端学习笔记-09-关于注册页面的简单案例

这里放入网页标题注册页面-简单案例用户名:密码:birthday:gender:男女其他hobby:996007996+007province：上海北京深圳路灯挂饰合集:喜欢穿小鞋的资本家A喜欢让人无偿加班的资本家B喜欢让人干三个人的活给半个人的钱的资本家C路灯维修工具:狼牙棒A狼牙棒B狼牙棒C老虎凳A老虎凳B老虎凳C辣椒水A辣椒水B辣椒水C文件:与资本家的交手履历:点我效果
丰。。·2023-01-17 10:00

前端学习笔记006：React.js

（前面学了那么多，终于到React了~）React.js大家应该听说过，是用于构建前端网页的主流框架之一。本文会把React.js开发中会用到的东西（包括React核心，React脚手架，ReactAJAX，ReactUI组件库，ReactRouter）都讲一遍，废话不多说，直接开始教程~目录1.开始之前1.1React简介1.2React预备1.3JSX语法规范2.React核心2.1Hello
copcin·2023-01-16 08:21

8. JavaScript 构造函数和原型、ES5继承

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：2019全新javaScript进阶面向对象ES6文章目录1.构造函数和原型1.1概述1.2构造函数
Sweet_pin·2023-01-07 19:58

5. 事件高级

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程HTML5+CSS3+移动端布局-flex
Sweet_pin·2023-01-07 19:57

7. PC端网页特效

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程HTML5+CSS3+移动端布局-flex
Sweet_pin·2023-01-07 19:57

4. DOM简介与增删查改属性操作

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程HTML5+CSS3+移动端布局-flex
Sweet_pin·2023-01-07 19:27

我的前端学习笔记01-Introduce

1.测试编辑器01.安装VScode02.安装中文语言包03.安装ayu主题04.将一个目录作为项目目录05.创建一个新网页06.安装liveserver07.尝试通过liveserver来运行网页08.设置代码自动存储2.实体在网页中编写的多个空格默认情况下会被浏览器解析为一个空格在HTML中有些时候，我们不能直接书写一些特殊符号比如：多个连续的空格字母两侧的大于与小于号如果我们需要在网页中书写
言念君子 温其如玉·2023-01-07 08:36

[前端学习笔记] jQuery基础知识整理

一、jQuery基本概念1.什么是jQueryjQuery是一个快速简洁的JS库，封装了JS常用的功能代码，优化了DOM操作、事件处理、动画设计、Ajax交互等。我们可以快速查询使用里面的功能函数。补充：常见的JS库有jQuery\Prototype\YUI\Dojo\ExtJS\移动端的zepto。这些库都是对原生JS的封装，内部是用JS实现的。2.jQuery的优点轻量级。核心文件几十kb，不
sillyxue·2022-12-12 10:53

前端学习笔记

笔记小知识V-ON绑定事件V-BIND绑定属性Network中可以查看当前发起的请求XHR这个标签出现在Chrome浏览器的开发者工具Network选项卡中XHR类型即通过XMLHttpRequest方法发送的请求即AJAX请求外部JS引入当前Vue实例函数中传this指向就好了forEach没有返回值要有返回值的话用mapgitcheckout-bdevorigin/dev建立分支并且从远程拉取
兆兆兆兆兆鹏·2022-11-25 09:15

前端学习笔记 - HTML+CSS

基础认知网页什么是网页网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。网页是网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。什么是HTMLHTML指的是超文本标记语言(HyperT
茗0309·2022-11-21 04:24

Web前端学习笔记

[声明]学习于【千锋教育_Web前端最全教程从入门到精通（HTML+CSS全套）-哔哩哔哩】1,了解HTML,CSS1.1什么是HTtMLHTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。[1
rrrrrhhh·2022-11-20 13:54

前端学习笔记——node.js

初识Node.js什么是Node.jsNode.js是一个基于ChromeV8引擎的JavaScript运行环境。Node.js中的JavaScript运行环境注意：浏览器是JavaScript的前端运行环境。Node.js是JavaScript的后端运行环境。Node.js中无法调用DOM和BOM等浏览器内置API。Node.js可以做什么Node.js作为一个JavaScript的运行环境，仅
不会说话的猴子·2022-10-23 19:02

前端学习笔记之Vue.js基础（一）

Vue.js基础（一）Vue.js核心特性数据驱动视图组件化开发Vue.js安装Vue.js基础语法Vue实例基础选项el选项插值表达式data选项methods选项指令内容处理1v-once指令2v-text指令3v-html指令属性绑定v-bind指令Class绑定Style绑定渲染指令1.v-for指令2.v-show指令3.v-if指令事件处理v-on指令表单输入绑定v-model指令1、
野草闲花逢春生·2022-10-22 15:54

B站云E办Vue+SpringBoot前后端分离项目——MVC三层架构搭建后台项目

项目前端学习笔记目录B站云E办Vue+SpringBoot前后端分离项目——搭建vue.js项目B站云E办Vue+SpringBoot前后端分离项目——前端动态获取菜单目录一、项目简介本项目基于Vue+
三月的一天·2022-10-16 07:26

前端学习笔记-vue2-UI组件库

组件库VueUI组件库移动端常用UI组件库PC端常用UI组件库VueUI组件库移动端常用UI组件库VantCubeUIMintUIPC端常用UI组件库ElementUI全局引入按需引入IViewUI更多前端学习笔记
C_Cercis Chinensis·2022-10-12 20:36

前端学习笔记：Node.js学习-Express创建服务器-路由-中间件-跨域处理

1Express1.1简介Express是基于Node.js平台，快速、开放、极简的Web开发框架。Express的本质：就是一个npm上的第三方包，提供了快速创建Web服务器的便捷方法。Express的中文官网：http://www.expressjs.com.cn/1.2Express的基本使用1.2.1安装在项目所处的目录中，运行如下的终端命令，即可将express安装到项目中使用：npmi
qq_57795776·2022-10-05 13:48

前端学习笔记，加油！

一、HTMLDay1-HTML:1、浏览器内核（渲染引擎）2、、lang、charset3、标签4、和5、图像标签6、目录文件夹和根目录7、路径8、超链接标签9、HTML注释标签和特殊字符Day2-HTML1、表格标签（1）表格标签的基本使用（2）表头单元格标签（3）表格属性（4）表格结构标签（5）合并单元格（6）表格学习整体可以分为三大部分：2、列表标签（1）无序列表（2）有序列表（3）自定义列
sunshine~~~·2022-09-30 07:50

前端学习笔记：CSS页面布局——标准流、浮动和定位

黑马Pink老师的CSS教程：https://www.bilibili.com/video/BV1Bx411u7cS?p=103https://www.bilibili.com/video/BV14J4114768?p=169本文在原教程的基础上对目录结构进行了排序和裁剪。针对视频中的讲解、案例、PPT和源码材料作了一些总结，仅用于个人复习以及学习交流分享。目录1.标准流（文档流/普通流）norm
元周的奇妙飞行迹·2022-09-29 16:59

Java前端学习笔记--Html学习

一、HTML学习1、HTML的概念超文本标记语言。作用：需要将java在后台根据用户请求处理的请求结果在浏览器中显示给用户，在浏览器中数据需要使用友好的格式展现给用户，最大作用是告诉浏览器接收到的数据使用什么样的数据组织形式进行展示。2、HTML的三大基石URL：统一资源定位符（唯一的定位一个网络资源）HTTP：超文本传输协议（规范浏览器和服务器之间数据交互的格式）HTML：超文本标记语言（有效的
陌上☆星辰·2022-09-29 15:05

前端学习笔记——JavaScript进阶

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、JavaScript面向对象1.面向对象编程介绍1.1两大编程思想1.2面向过程编程1.3面向对象编程1.4面向过程和面向对象的对比1.4.1面向过程1.4.2面向对象2.ES6中的类和对象2.1对象2.2类class2.3创建类和对象2.4类constructor构造函数2.6static静态成员2.7配合gette
卑鄙de异乡人·2022-08-31 19:27

前端学习笔记之rem适配布局 3.28

1rem基础为实现目标：1.页面布局文字随着屏幕大小变化而变化2.流式布局和flex布局主要针对于宽度布局，为使高度也能布局3.让屏幕发生变化的时候元素高度和宽度等比例缩放因此可以采用rem适配布局。rem(rootem)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px;非根元素设置wid
Terry-98·2022-08-19 10:15

前端学习笔记 - export和export default、exports和module.exports

返回目录一、export和exportdefault都是ES6的模块化的导出方法，对应的导入方法为import。1、export//导出exportvara='Thisisa';//导入，和导出的名字保持一致import{a}form'./a.js';2、exportdefault：匿名导出（默认导出）*导出的是类/函数/对象*一个文件只能有一个exportdefault*导入的时候省略{}，取名
qq_39090575·2022-07-27 15:55
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他