ssm_前端学习笔记

前端学习笔记之1 基础语法及标签

引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端,增强一下技术能力,等学会点皮毛之后打算接触一下ReactNative;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是简单代码;很基础的东西,看到的小伙伴酌情略过吧_编辑器选择:我用的Mac系统,用的破解版的WebStorm,奉上破解教程;亲测可用1.基础标签+基础语法常用标签hellow
庞仕山·2021-05-06 14:52

前端学习笔记67-背景

前端学习笔记67-背景background-colorbackground-imagebackground-repeatbackground-positionbackground-clipbackground-originbackground-sizebackground-attachmentbackgroundbackground-color
学电子的非程序猿·2021-05-05 21:51

前端学习笔记66-其他的文本样式

前端学习笔记66-其他的文本样式文本修饰处理空白文本修饰样式：text-decoration可选值 none：什么都没有 underline：下划线 overline：上划线此外，还可以设置颜色和样式。
学电子的非程序猿·2021-05-05 17:08

前端学习笔记64-字体的简写属性

前端学习笔记64-字体的简写属性语法1语法2font-weightfont-stylefont可以设置字体相关的所有属性如果我们想设置字体大小和字体族，如何写？
学电子的非程序猿·2021-05-05 16:36

我的前端学习笔记17——基本类型，引用类型

一，问答1，基础类型有哪些？复杂类型有哪些？有什么特征？基础类型：指的是保存在栈内存中的简单数据段。主要包括：数值，布尔值，null，undefined。特征：解释如下图，定义房间一，并在房间一内放入a=1,。然后定义房间二，房间二完全等于房间一。这是将房间一中的a重新复制为2，并不会改变房间二中a=1。复杂类型（引用类型）：指的是保存在堆内存中的对象，变量中保存的实际只是指针，指针执行内存中另一
HARRISKING·2021-05-04 21:49

前端学习笔记之观察者模式

观察者模式也称"发布-订阅"模式,它的作用就是当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，自动刷新对象状态举个生活比较常见常见的例子,比如你去面试之后，面试官看你表现不错，最后会跟你要联系方式，以便之后可以联系你。在这角色扮演当中，你就是“订阅者”，面试官就是“发布者”。那么发布订阅模式是咋实现的呢？思路给定一个发布者面试者将联系方式给发布者发布者的一个列表有各种职位(web端的，
Moorez·2021-05-04 13:22

前端学习笔记50-解决高度塌陷的最终方案

前端学习笔记50-解决高度塌陷的最终方案前面提到的用BFC解决高度塌陷，多少都有点不好，因此用上一节学的clear来解决高度塌陷。
学电子的非程序猿·2021-05-03 13:54

前端学习笔记47-高度塌陷和BFC

前端学习笔记47-高度塌陷和BFC高度塌陷BFC浮动本来是用来设置文字环绕的，但是从前面学的可以看到，我们拿浮动来设置布局。这看着很爽，但是也是有一些问题的。
学电子的非程序猿·2021-05-03 12:03

前端学习笔记之表单

表示建立一个表单，一般表单有许多输入、选择项，有一些按钮，其中有按钮按了能提交表单到服务器。里面一般有下面这些子句可供需要时使用：action=服务器文件名，可能是CGI程序，也可能是ASP、PHP等[服务器端]脚本，如果省略，表示提交给当前的文件method=post|get，选择方法为POST或者GET，他们的区别一是GET会把参数显示在浏览器地址上，二是POST能够提供更多的参数内容。默认为
节操收割者·2021-05-03 02:44

前端学习笔记42-轮廓阴影和圆角

前端学习笔记42-轮廓阴影和圆角轮廓阴影圆角轮廓看两份代码Document.box1{width:100px;height:100px;background-color:#bfa;border:10pxredsolid
学电子的非程序猿·2021-05-01 21:24

前端学习笔记40-浏览器的默认样式

前端学习笔记40-浏览器的默认样式手动一个个改最简单做法重置样式表Document.box1{width:200px;height:200px;border:1pxsolidblack;}从显示可以看到
学电子的非程序猿·2021-05-01 18:11

我的前端学习笔记14——js基础

1，CSS和JS在网页中的放置顺序是怎样的？css放在标签里，js放在标签最后面。原因：css放在前面是因为浏览器在加载过程中，会现根据html生成DOM树，然后再加上css形成渲染树，如果css过大还被放在了后面，会导致出现闪屏、白屏的现象。js本身的特性是加载时会阻塞后面文件的加载，因此不放在后面会导致后面文件加载速度慢，而且js重复加载的现象，页面整体加载慢，用户体验差。2，解释白屏和FOU
HARRISKING·2021-04-29 23:47

3 CSS的三大特性

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

2.2 CSS的背景属性

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

前端学习笔记02--CSS快速了解

目录CSS一、CSS概述二、CSS的选择器2.1CSS语法2.2选择器--基本类型2.3选择器--分组、继承2.4选择器--高级类型三、CSS常用样式3.1样式--背景3.2样式--文本3.3样式--字体3.4样式--链接3.5样式--表格3.6样式--轮廓四、CSS框模型4.1CSS框模型示意图4.2CSS框模型--内边距、边框、外边距五、值复制六、CSS定位定位-position：流、相对、绝
guyueCT·2021-04-19 22:36

前端学习笔记7-vs code

前端学习笔记7-vscode安装快捷键安装liveserver扩展安装官网，很简单不用一分钟。https://code.visualstudio.com/快捷键输入一个感叹号！
学电子的非程序猿·2021-04-18 20:20

前端学习笔记十四-函数进阶

一、函数的定义和调用1.1函数的定义方式方式1函数声明方式function关键字(命名函数)functionfn(){}方式2函数表达式(匿名函数)varfn=function(){}方式3newFunction()varf=newFunction('a','b','console.log(a+b)');f(1,2);varfn=newFunction('参数1','参数2'...,'函数体')c
AizawaSayo·2021-04-18 19:41

前端学习笔记01--HTML快速了解

目录HTML1.1HTTP/HTTPS1.2HTML简介1.2.1标记语言1.2.2标签分类1.2.3标签属性1.2.4样式1.3常用标签1.3.1文章段落1.3.2字体1.3.3超链接1.3.4图片、视频1.3.5html基本结构1.3.6列表1.3.7表格1.3.8表单1.3.9CSS布局标签HTML前端三剑客：HTML--结构、CSS--修饰、JS--行为(javascript)W3C--万
guyueCT·2021-04-17 15:56

sass/scss前端学习笔记

sass和scss有啥区别sass比scss要先2年发布，sass使用换行来代表分号，用缩进来代表花括号，这样很不适合前端开发习惯。而scss是sass的超集，书写方法与常见的css书写方法类似。就像这样：/*sass书写方法*/#navwidth:30pxheight:100px/*scss书写方法*/#nav{width:30px;height:100px;}安装方法1.npm安装：npmin
铜钱会会草·2021-04-14 00:56

前端学习笔记之强制类型转换

1.避免使用==true和==false。因为在比较中，会将true和false强制类型转换为1和0。2.在==中，null和undefined相等，其它值和他俩都不相等。3.抽象关系比较时，如果出现非字符串，就根据ToNumber规则，将双方强制转换为数字比较。如果双方都是字符串，则按字母顺序比较。4.||和&&并不返回布尔值，而是返回两个操作数中的一个。5.JSON.stringify()在对
像风一样自由2017·2021-03-29 20:47

前端学习笔记DAY01

前端学习日记（记录从不会玩电脑小白到大神的过程）：（目标：2021年2月14日开始学习HTML，一个月拿下HTML基础。初心：记录个人学习成长，欢迎大神指点。）一、基本语法记录：1、基本标签1、标题标签和解释：共6个等级；作为标题使用，重要性依次递减。特点：1、加了标题文字会变粗，字号变大2、一个标题独占一行。记忆：单词head的缩写，意思为头部、标题。用法：一级标题2、段落标签解释：网页中文字分
40岁大叔自学互联网·2021-02-14 12:51

前端学习笔记之闭包——看了一张图终于明白啥是闭包了

闭包闭包定义：指拥有多个变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。函数内部可以直接读取全局变量。函数内部变量无法在函数外部访问。函数内部声明要用var或者let声明，不然会变成全局变量链式作用域：子对象会一级级向上寻找父对象的变量，父对象的变量子对象都是可见的，反之则不行。在一个闭包环境内修改变量值，不会影响另一个闭包中的变量。普通的函数内嵌，内部函数
·2021-02-01 16:34

前端学习笔记 - promise是什么？能解决什么问题？

返回目录promise是什么？promise是异步编程的一种解决方案：从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。promise有三种状态：pending（等待态），fulfiled（成功态），rejected（失败态）；Promise有以上三种状态，只有异步操作的结果可以决定当前是哪一种状态，其他任何操作都无法改变这个状
qq_39090575·2021-01-24 10:35

前端学习笔记02-css

CSS一、引入方式二、基本选择器2.1标签选择器2.2类选择器2.3id选择器2.4通配符选择器三、复合选择器3.1后代选择器3.2子选择器3.3并集选择器3.4伪类选择器四、字体属性4.1字体基本属性4.2字体图标（iconfont）五、文本属性六、Emmet语法七、元素显示模式7.1块元素7.2行内元素7.3行内块元素7.4元素显示模式转换八、背景属性8.1背景颜色8.2背景图片8.3背景平铺
abc_123_cba_123·2021-01-22 21:04

前端学习笔记--CSS篇(冲突规则)

前言你知道CSS的冲突规则吗？查缺补漏上一篇选择器部分少了伪元素选择器，这一篇给补上伪元素伪元素开头为::语法：::pseudo-element-name选择器：::after:匹配出现在原有元素的实际内容之后的一个可样式化元素::before:匹配出现在原有元素的实际内容之前的一个可样式化元素::first-letter:匹配元素的第一个字母::first-line:匹配包含此伪元素的元素的第一
HiZhg·2021-01-13 11:55

Web前端学习笔记：HTML5四部曲之二——HTML5块级标签、行级标签、结构标签

1.块级标签与行级标签块级标签行级标签自动换行，前后隔一行不会自动换行，从左往右依次显示宽度默认是100%宽度由文字内容撑开可以设置宽度、高度、边距等属性不能设置上述属性标题、段落、列表、分区…图片、超链接2.块级标签块级标签，此类标签在网页中显示为块，一般独占一行。新的块级标签将从新的一行开始排列，它可以容纳内联元素和其他块级元素。2.1标题标签：＜h1＞＜/h1＞…＜h6＞＜/h6＞一级标题二
余欲与鱼语渔·2021-01-05 16:45

前端学习笔记 - http和https的区别

返回目录HTTP*HTTP，即超文本传输协议，是一种实现客户端和服务器之间通信的响应协议，它是用作客户端和服务器之间的请求。*客户端（浏览器）会向服务器提交HTTP请求；*然后服务器向客户端返回响应；*其中响应包含有关请求的状态信息，还可能包含请求的内容。HTTPSHTTP协议传输的数据都是未加密的，也就是明文的，因此使用HTTP协议传输隐私信息非常不安全，为了保证这些隐私数据能加密传输，于是网景
qq_39090575·2021-01-02 13:39

前端学习笔记 - var、let和const的用法

返回目录var1、存在变量提升，2、有函数作用域的概念，函数内部声明的变量，在函数外部不能访问3、可以声明同名变量，后声明的会覆盖先声明的4、值可以改变，重新赋值let1、不存在变量提升，必须先声明在使用2、有块作用域的概念，块作用域由{}包括，if语句和for语句里面的{}也属于块作用域。let定义的变量，只能在块作用域里访问3、不可以声明同名变量，如果声明了会保持4、值可以改变，重新赋值con
qq_39090575·2021-01-01 19:12

前端学习笔记一一HTML表格标签（table）

前言表格是网页制作中使用最多的工具之一，在制作网页时，使用表格可以更清晰地排列数据。但是在实际制作过程中，表格更多用在网页布局的定位上。很多网页都是以表格布局的。这是因为表格在文本和图像的位置控制方面都有很强的功能。#1.表格的基本构成表格由行、列、和单元格3部分组成，一般通过3个标记来创建，分别是表格标记、行标记、和单元格标记。表格的各种属性都要在表格的开始标记和表格的结束标记之间才有效。创建表
前端扫地僧·2020-12-28 18:40

前端学习笔记一一HTML表格标签（table）

前言表格是网页制作中使用最多的工具之一，在制作网页时，使用表格可以更清晰地排列数据。但是在实际制作过程中，表格更多用在网页布局的定位上。很多网页都是以表格布局的。这是因为表格在文本和图像的位置控制方面都有很强的功能。#1.表格的基本构成表格由行、列、和单元格3部分组成，一般通过3个标记来创建，分别是表格标记、行标记、和单元格标记。表格的各种属性都要在表格的开始标记和表格的结束标记之间才有效。创建表
前端扫地僧·2020-12-25 17:07

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

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

前端学习笔记一一html的常用标签

html简介1.1html概述html全称：HyperTextMarkupLanguage(超文本标记语言)超级文本标记语言是标准通用标记语言（SGML）下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符。可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文
前端扫地僧·2020-12-24 17:52

前端学习笔记一一HTML如何添加锚点

页面添加锚点的三种方式HTML中的链接，正确的说法应该称作"锚点"，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时，标记锚点是最佳的方法。锚点链接对SEO的作用锚链接是一个
前端扫地僧·2020-12-24 17:45

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

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

前端学习笔记--HTML标签（上）

1.1基本语法概述1.HTML标签是由尖括号包围的关键词，例如。2.HTML标签通常是成对出现的，例如,我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。3.有些特殊的标签必须是单个标签（极少情况），例如,我们称为单标签。1.2标签关系双标签可以分为两类：包含关系和并列关系。包含关系——父子关系并列关系——兄弟关系2.1第一个HTML网页每个网页都会有一个基本的结构标签（也称为
qq_46753136·2020-12-24 09:33

前端学习笔记一一html的常用标签

html简介1.1html概述html全称：HyperTextMarkupLanguage(超文本标记语言)超级文本标记语言是标准通用标记语言（SGML）下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符。可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文
前端扫地僧·2020-12-23 23:09

前端学习笔记一一HTML如何添加锚点

页面添加锚点的三种方式HTML中的链接，正确的说法应该称作"锚点"，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时，标记锚点是最佳的方法。锚点链接对SEO的作用锚链接是一个
前端扫地僧·2020-12-22 11:00

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

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

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

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

Web前端学习笔记——关于React

React：是一个声明式，高效且灵活的用于构建用户界面的JavaScript库。作用：可以将一些简短、独立的代码片段组合成复杂的UI界面即“组件”。特点：数据驱动视图原则创建react项目：在命令行下使用以下命令：create-react-app项目文件夹名称进入项目文件夹：cd项目文件夹名称开启服务：npmstart注意：遇到“Pleaseremoveanyglobalinstallswitho
是纽扣也是烤奶·2020-12-14 14:12

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

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

前端学习笔记 - 数组转字符串

返回目录数组转字符串1、toString()//数组中的toString()方法能够把每个元素转换为字符串，然后以逗号连接输出显示。vara=[1,2,3,4,5,6,7,8,9,0];//定义数组vars=a.toString();//把数组转换为字符串console.log(s);//返回字符串“1,2,3,4,5,6,7,8,9,0”*注意：*toString()在把数组转换成字符串时，首先
qq_39090575·2020-12-06 20:01

前端学习笔记一一HTML如何添加锚点

页面添加锚点的三种方式HTML中的链接，正确的说法应该称作"锚点"，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具，让链接对象接近焦点。便于浏览者查看网页内容。类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时，标记锚点是最佳的方法。锚点链接对SEO的作用锚链接是一个
专注前端二十年·2020-12-05 14:00

前端学习笔记一一html的常用标签

html简介1.1html概述html全称：HyperTextMarkupLanguage(超文本标记语言)超级文本标记语言是标准通用标记语言（SGML）下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符。可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文
前前前端小飞·2020-12-05 14:44

web前端学习笔记——html5和CSS3

web前端开发基础第三章——html5和CSS3传送门：第一章：HTML|第二章：CSS|第四章：Javascript（part1）|第四章：Javascript（part2）目录web前端开发基础第三章——html5和CSS3一、HTML5新增标签新增语义标签音频视频二.HTML5新增表单控件三、CSS权重四、CSS3新增选择器五、CSS3圆角、rgbaCSS3圆角rgba（新的颜色值表示法）六
ujung_S2·2020-12-03 17:32

Web前端学习笔记——CSS

web前端开发基础第二章——CSS传送门：第一章：HTML|第三章：html5和CSS3|第四章：Javascript（part1）|第四章：Javascript（part2）目录web前端开发基础第二章——CSS概述一、css基本语法及页面引用1.css基本语法2.css页面引入方法：二、css文本设置三、css颜色表示法四、css选择器1.标签选择器2.id选择器3.类选择器（应用最多）4.层
ujung_S2·2020-12-02 18:15

前端学习笔记四十五-ES6、babel配置、在线教育项目

Ecmascript6ECMAScript6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Ecmascript是JavaScript语言的标注规范JavaScript是Ecmascript规范的具体实现具体实现取决于各大浏览器厂商的支持进度Ecmascript6也被称作Ecmascript2015各大浏览器厂商对于最新的Ecmascript6标准支持
AizawaSayo·2020-12-01 13:00

requestbody前端怎么传_前端学习笔记——DayDayUp进大厂

前端为主偶然沾点C++和Go斜体字的是次要问题可以不看权威文档好好看：MDNWebDocsdeveloper.mozilla.orgReact官方中文文档–用于构建用户界面的JavaScript库react.docschina.org9.261.面试问的比较多现在常用的HTTP2.0协议的一些特点还有它和HTTP1.01.5的一些区别2.UDP协议TCP的区别三次握手四次挥手深入理解TCP、UDP
weixin_39982933·2020-11-22 14:03

拉钩教育大前端学习笔记 --- Vite 实现原理

Vite介绍Vite概念Vite是一个面向现代化浏览器的一个更轻、更快的web应用应用开发工具它基于ECMAScript标准原生模块系统（ESModule）实现的它的出现是为了解决Webpack在开发阶段，使用webpack-dev-server冷启动时间过长和WebpackMHR热更新反应慢的问题。使用Vite创建的项目，默认就是一个普通的Vue3应用，相比于VueCLI创建的项目，会少了很多文
耳听音乐梦神游·2020-11-09 23:16

拉钩教育大前端学习笔记 --- Vue.js 3.0 介绍

1、Vue3.0源码组织方式1.1、源码组织方式的变化Vue3.0的源码全部采用了TypeScript进行了重写，项目的组织方式也发生了变化，全部采用了monorepo的方式来组织项目的结构，把独立的功能模块都提取到了不同的包中。1.2、CompositionAPI虽然Vue3.0的代码进行了重写，但是大部分的api都支持了vue2.x。并且根据社区的反馈，添加了CompositionAPI，翻译
耳听音乐梦神游·2020-11-08 23:19
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他