前端笔记❤️

前端笔记+面试

一：JS基础部分原型链和原型每个对象都有_proto_属性，并且指向它的原型对象每个构造函数都有它的prototype原型对象prototype原型对象里的constructor指向它的构造函数new一个构造函数会形成它的实例对象深拷贝与浅拷贝涉及堆栈内存、引用类型的区别如何深拷贝：递归拷贝&&利用JSON函数深拷贝JSON.parse(JSON.stringify({对象}))堆栈内存堆内存：接
huahua1112520·2024-08-26 09:08

前端笔记(2)

一.代码：（1）css样式cssp{color:green;font-size:30px;}-->先天下之忧而忧后天下之乐而乐-->先天下之忧而忧，后天下之乐而乐(2)css语法CSS语法/*CSS的注释，作用和HTML注释类似，只不过它必须编写在style标签中，或者是CSS文件中CSS的语法：选择器声明块选择器：-通过选择器可以选中页面中指定的元素，并且将声明块中的样式应用到选择器对应的元素上
rtrhhthth·2024-02-14 01:49

前端笔记——JavaScript

一、什么是JavaScript？概念：JavaScript是运行在浏览器端的'脚本语言'，JavaScript是浏览器解释执行的作用：JavaScript主要解决的是前端与用户交互的问题，包括'使用交互'与'数据交互'。意义：负责'页面行为'：部分动画效果、页面与用户的交互、页面功能；二、嵌入页面的三种方式1、行间事件（主要用于事件）2、页面script标签嵌入alert('ok！');3、外部引
ALLIN5·2024-02-08 07:31

前端笔记（14）

代码：1.新增选择器新增选择器window.onload=function(){varoDiv=document.querySelector('#div1');alert(oDiv);//弹出[objectHTMLDivElement]，表示选择了该Div//如果要选择多个元素用querySelectorAllvaraLi=document.querySelectorAll('.listli');
rtrhhthth·2024-02-04 19:40

Web前端笔记 -- CSS①

文章目录CSS简介HTML的局限性CSS-网页的美容师CSS语法规范CSS代码风格样式格式书写样式大小写空格规范CSS基础选择器CSS选择器的作用选择器分类标签选择器类选择器类选择器-多类名id选择器通配符选择器基础选择器总结CSS字体属性字体系列字体大小字体粗细文字样式字体复合属性字体属性总结CSS文本样式文本颜色对齐文本装饰文本文本缩进行间距文本属性总结CSS的引入方式CSS的三种样式表内部样
十八岁讨厌编程·2024-02-03 09:36

【Web前端笔记06】CSS常用属性

目录一、字体属性1、color字体颜色2、font-size字体大小（默认16px)3、font-weight文本粗细4、font-style字体样式5、font-family指定一个元素的字体二、背景属性1、background-color背景颜色2、background-image:url("img/do.png");背景图片3、background-repeat背景图片是否重复4、backg
墨倾许·2024-02-03 09:03

【Web前端笔记07】CSS选择器

目录07CSS选择器一、关系选择器二、伪类选择器三、伪对象选择器四、属性选择器总结07CSS选择器一、关系选择器后代选择器EF{}(所有被E元素包含的F元素，中间用空格隔开)通用兄弟选择器E~F{}(选择E元素之后的所有兄弟元素F，作用于多个元素，用~隔开)相邻兄弟选择器E+F{}(选择紧跟E元素后的F元素，用加好表示，选择相邻的第一个兄弟元素)子代选择器E>F{}(选择所有作为E元素的直接子元素
墨倾许·2024-02-03 09:57

前端笔记(6)

代码：1.元素的层级元素的层级.box1{width:200px;height:200px;background-color:red;position:relative;z-index:2;opacity:0.5;filter:alpha(opacity=50);}.box2{width:200px;height:200px;background-color:yellow;/*开启绝对定位*/po
rtrhhthth·2024-01-26 06:19

Web前端笔记——表单

目录章节03表单一、Form表单二、表单元素1、表单2、表单元素三、HTML5新增type类型1、email2、url3、search4、tel5、color6、number7、range8、date9、month10、year四、HTML5新增属性1、autofocus属性2、multiple属性3、placeholder属性4、required属性五、实体字符章节03表单一、Form表单表单在
墨倾许·2024-01-25 22:56

【链接目录】

浏览器插件键盘特殊符号dockerdocker基础Windows10dockerdockerfileLinuxApacheComposerUbuntu后门程序技术Excel压力测试工具GitWampServer前端笔记
刘恒123456789·2024-01-24 13:50

web前端笔记整理，从入门到上天，周周更新

由于大前端知识点太多，所以一一做了分类整理，详情可见本人博客http://www.cnblogs.com/luxiaoyao/一、HTML1.注释格式：作用：1.解释说明代码的含义（代码量大，后期维护，便于新人交接）2.调试代码2.head内标签//meta:定义关于HTML文档的元信息3s之后刷新3s之后刷新并跳转到百度//title：定义文档的标题网站的标题//link:定义文档与外部资源的关
weixin_30527551·2024-01-21 03:18

前端笔记（11）

代码：（1）函数传参函数传参window.onload=function(){varoDiv=document.getElementById('div1');changeStyle('color','gold');changeStyle('background','red');changeStyle('width','300px');changeStyle('height','300px');ch
rtrhhthth·2024-01-12 22:02

前端笔记（2）JavaScript面向对象

javaScript是不是面向对象语言？JavaScript（es6之前）有对象的概念，却没有类的概念，JavaScript对象可以任意添加属性，而java、c++等其他语言却不能。以至于有些人认为JavaScript并非是面向对象的语言，而是基于对象的语言。实际上JavaScript无疑是面向对象的语言，只不多例如java、c++等语言才用的是“类”的方式来描述对象，这也是最为成功的描述对象方式
sullay·2024-01-09 21:13

【自学】前端笔记-布局

document之间是一个容器，可以包含图片、段落、表格等各种html元素-->html标签块级标签:占据一行，换行～行内标签:在一行，不换行嵌套规则块级元素能嵌套行内元素和一部分块级元素行内元素不能嵌套块级元素，只能嵌套行内元素块级元素不能放在标签内特殊块级元素只能包含行内元素，不能包含块级元素，如～、、块级元素与块级元素并列，行内元素与行内元素并列
该用户已疯·2024-01-02 18:39

前端笔记（四）Flex 布局

标准流标准流也叫文档流，指的是标签在页面中默认的派不规则，例如：块元素独占一行，行内元素可以一行显示多个。但是很多的网页布局都是块元素在一行中显示的，这时候就需要浮动和Flex布局，浮动只需要了解即可浮动可以让块元素水平排列给块元素加上float属性可以使得块元素往左边或者往右边浮动，使得两个块元素可以出现在一行里面。浮动后的格子会脱离标准流的控制，不再占用标准流的范围。浮动-产品区域布局Docu
*Soo_Young*·2023-12-29 16:06

基于Springboot+vue的员工管理系统--前端笔记

1.前言之前我们员工管理系统的后端笔记已经书写完毕，现在我们整理一下前端的笔记。2.安装Vue环境，并新建Vue的项目过程比较简单，此处省略....3.登录界面的开发一般的登录界面就是简单的表单：用户名、登录密码、验证码。然后我们涉及到的后台交互有2个：获取登录验证码提交表单完成登录登录交互的过程：浏览器打开登录页面动态加载登录验证码，后端生成的验证码存在前端的sessionStorage中前端提
阿隐吖·2023-12-29 10:39

前端笔记 ---ES 新特性与 TypeScript、JS 性能优化

ES新特性首先了解一下什么是ESES(ECMAScript)，具体背景什么的就不介绍了，需要记住ES是JS(JavaScript)的一种语法规范，换句话说，ES是JS的规范，JS是ES的一种实现ES只提供基本语法，所以只停留在语言层面ES2015(ES6)ES2015在2015年6月发布，后续简称ES6ES6主要为了解决以下四类问题1.解决原有语法不足或问题2.对原有语法进行增强3.全新的方法，对
WEB前端含光·2023-12-28 15:33

前端笔记 css（8）css初始化

1.css初始化不同浏览器对有些标签的默认值是不同的，为了消除不同浏览器对html文本呈现的差异，照顾浏览器的兼容，我们需要对css初始化简单理解：css初始化就是指重设浏览器的样式。（也成cssreset）/*把我们所有标签的内外边距清零*/*{margin:0;padding:0}/*em和i斜体的文字不倾斜*/em,i{font-style:normal}/*去掉li的小圆点*/li{lis
Flyoungbuhu·2023-12-26 06:34

前端笔记六（js面向对象的公有属性与私有属性）

定义：公有属性：是指在对象外可以访问到对象内的某个属性。私有属性：只在函数内部可以访问，外部强行访问则会报错。公共属性方法：functionPublic(name,age){this.name=namethis.age=age}Public.prototype=({who:function(){console.log(this.name)},old:function(){console.log(t
沐雨芝录·2023-12-25 08:52

Web前端笔记——表格表单框架实体元信息等笔记

基本结构表格标题表格头部默认样式就是头部整体加粗h:heads表格主体d:data表格脚注常用属性table表格width：设置表格的宽度双height：设置表格最小高度，表格最终高度可能比设置的值大border:设置表格边框宽度cellspacing:设置单元格之间的间距thead表格头部height:设置表格头部高度双align:设置单元格的水平对齐方式，可选值如下：left:左对齐cente
Komorebi_9999·2023-12-23 12:33

前端笔记之typescript基础

前端笔记之typescript基础1.数据类型：2.联合类型3.接口4.函数5.类型别名6.元组7.枚举8.类8.1构造器8.2属性权限描述符8.3存取器8.4类的继承8.5静态方法和静态属性8.6readonly
苏小邪·2023-12-20 13:38

前端笔记之Array.fill的坑

Array.fill填充引用型数据类型的坑众所周知，Array.fill可以将我们声明既有元素个数的数组填充全部或者部分的元素，但是很坑的就是他在填充引用型数据类型的时候，填充的是同一个内存地址的对象，也就意味着之后你改动其中一个元素的属性，所有的元素都会跟着改变，即便是使用了new关键词，我本来以为使用new之后就会避免这个问题的。。。所以嘞，那该怎么处理，去循环里面给予元素新的对象，确实这样可
苏小邪·2023-12-20 13:07

前端笔记之截图选择

纯原生实现截图选择实现思路代码实现最近在写自己的ui组件（没错，我已经不满足做一个只会cv的程序猿！！！），目前想写一个上传图片的组件，之前笔记里也记载了如何上传图片。但是我想做一个可以实现裁剪的图片上传，那么图片上传已经实现了，剩下的就是裁剪图片了。这里主要记录原生js实现一个图片裁剪。代码主要体现实现思路，所以会有代码冗余繁琐等问题。实现思路首先是文件上传预览，因为要实现裁剪上传，所以就不能传
苏小邪·2023-12-20 13:07

前端笔记之vue3 之 render函数和createVNode函数使用

初学vue3的时候倒是扒了一点点源码，似是而非，而且一直做的工作都是很简单的功能，怎么说呢，ui框架也几乎让我很容易的就可以写出一个成型的页面，有时就忘了初学的时候的一些心得。本内容只说createVNode函数的用法，不做源码探究1.简单使用-创建一个组件import{defineComponent,createVNode}from"vue";constRenderTest=defineComp
苏小邪·2023-12-20 13:07

前端笔记（4）JavaScript宏观与微观任务

宏观和微观任务在ES3和更早的版本中，JavaScript本身还没有异步执行代码的能力，这也就意味着，宿主环境传递给JavaScript引擎一段代码，引擎就把代码直接顺次执行了，这个任务也就是宿主发起的任务。但是，在ES5之后，JavaScript引入了Promise，这样，不需要浏览器的安排，JavaScript引擎本身也可以发起任务了。由于我们这里主要讲JavaScript语言，那么采纳JSC
sullay·2023-12-04 19:03

前端笔记（二）：CSS 选择器与特性

CSS（层叠样式表）是一种样式表语言，用于描述HTML或XML文档的呈现方式。它定义了如何在屏幕、纸张或其他媒体上显示文档的样式、布局和外观。里面的代码由选择器+{}组成体验CSSCSS可以让我们界面变得更加美观，这是CSS的一个效果展现Documentp{/*文字颜色*/color:red;/*字号*/font-size:50px;}这是一个段落CSS的引入方式CSS有三种引入方式，内部样式表、
*Soo_Young*·2023-12-04 06:05

前端笔记（一）：HTML5 入门学习

前言：在完成Java的SpringBoot学习并练习了几个项目后，出于对编程的兴趣和没有组织的局限性，为了开发一些个人的小项目，我将开始前端部分的学习，预计会学到Vue框架，同时会把自己的学习笔记发布成博客，希望与大家共勉！HTML（超文本标记语言）是一种标记语言，用于创建网页结构。它由一系列称为标签（tags）的元素组成，每个标签描述了文档中不同的内容类型，如文本、图像、链接等。HTML标签以尖
*Soo_Young*·2023-12-03 07:45

梅科尔工作室-李庆浩 鸿蒙前端笔记1

1.应用介绍1.1应用开发目录介绍1.2使用规则2.初入注意事项（1）在进行预览时，要先选择预览所对应的hml等文件下才能进行预览；（2）在config.json里要配置所对应的页的文件路径；（3）配置路径以后单纯刷新是不能显示新配置的页面的，要重新进入预览；（4）创建项目名称,注意首字母大写;（5）引用代码文件，需使用相对路径，比如:../common/utils.js（6）引用资源文件,推荐使
心之所向，我之所望·2023-12-02 21:53

前端笔记（8）css选择器（二）

选择器的组合选择器列表是一个由逗号分隔的复杂选择器序列；复杂选择器则是用“空格”、“~”、“+”、“>”、“||”连接的复合选择器；复合选择器则是连写的简单选择器。选择器的连接方式可以理解为四则运算一样有优先级。第一优先级：无连接符号，表示“且”第二优先级：“空格”、“~”、“+”、“>”、“||”第三优先级：“,”表示“或”复杂选择器规定了五种连接符号。“空格”：后代，表示选中所有符合条件的后代
sullay·2023-12-01 00:57

前端笔记：React的form表单全部置空或者某个操作框置空的做法

原创/朱季谦在React框架前端开发中，经常会有弹出框的开发，涉及到弹出框，难免就会有表单。一般在关闭弹出框或者对表单联动时，往往都需要考虑对表单进行置空操作了。我以前在工作就遇到过这类问题，正好顺便对表单置空这块做一些总结小记录。主要有两种情况，一种是对整个表单置空，一种是想灵活对其中个别选框置空。1.全部置空的做法,一般在弹出框关闭同时，重置该form所有表单，使用方法如下：this.prop
朱季谦·2023-11-30 20:35

Web前端 笔记（1-20）

Web前端笔记（1-20）一、HTML+CSS系列教程之导学1、拨云见日2、溯本求源3、风生水起4、巧夺天工二、什么是HTML和CSS1、HTML和CSS是两种编程语言，一般情况下需要配合使用，是作为网站开发的基础语言
烨娜·2023-11-25 05:55

web前端笔记

1.单位px像素1em1em---1个字符2em---2个字符（自动适应用户所使用的字体）%百分比2.文本color文本颜色red#f00letter-spacing字符间距2px-3pxemline-height行高14px1.5em120%（一般用于垂直居中）text-align对齐center、left、right、justify（两端对齐）text-decoration装饰线none（去掉
poison丶momo·2023-11-23 06:57

【年度总结】2021 邂逅前端，入坑算法

本篇博客收录于我的github前端笔记仓库中，持续更新中，欢迎star~https://github.com/mengqiuleo/myN
程序媛小y·2023-11-23 05:39

【前端笔记】九、vue的双向数据绑定及实例

vue中的v-bind指令可以实现从model到view的单向绑定，而v-model可以双向绑定数据一个简单的计算器实例：Document+-*///创建Vue实例，得到ViewModelvarvm=newVue({el:"#app",data:{n1:0,n2:0,opt:"+",result:0},methods:{calculate(){codestr="parseInt(this.n1)"
知识的芬芳和温柔的力量全都拥有的小王同学·2023-11-22 01:50

猿创征文｜30天入门前端笔记 第三天 CSS选择器

前面花了两天时间学习HTML，算是了解了HTML的大概语法和标签属性，算是大概掌握了HTML的用法，今天开始正式进入CSS的部分，预计花费一个周左右的时间学习CSSCSS层叠样式表css层叠样式表，用于编写HTML文档的外部样式，前面的HTML是一个页面的骨架的话，CSS就是也免得皮肤也衣服，赋予了页面丰富的样式在HTML页面中通过link标签引入页面使用样式的来源默认样式：默认样式是浏览器为每一
ID、小磊哥·2023-11-20 18:41

前端笔记10

使用vue-cli创建模板项目说明vue-cli是vue官方提供的脚手架工具github:https://github.com/vuejs/vue-cli作用:从https://github.com/vuejs-templates下载模板项目创建vue项目vue-V显示版本2时npminstall-gvue-clivueinitwebpackvue_democdvue_demonpminstall
就是这么帅_567e·2023-11-19 16:54

【coderwhy前端笔记 - 阶段一 HTML+CSS】（二） CSS

CSS1字体1.1font-size大小1.2font-family字体1.3font-weight字体粗细1.4font-style字体样式效果1.5font-variant影响小写字母的显示形式1.6line-height一行文本占据的高度1.7font是一个缩写属性1.8webfont网络字体1.9字体图标2文本2.1text-decoration装饰线2.2text-transform文字
hippyoo·2023-11-15 15:41

[前端笔记002]CSS的基础知识及选择器 -- selector

资源推荐zeal:离线文档查看器https://zealdocs.org/推荐w3c:线上文档https://www.w3school.com.cn/本笔记参考视频，尚硅谷:BV1XJ411X7Ud我的笔记：https://gitee.com/plusmile/stackedit-app-data.git我的CSS文件：https://gitee.com/plusmile/front-code.g
Plusmile1·2023-11-13 11:47

【LeetCode】滑动窗口题解汇总

本篇文章同时收录于我的github前端笔记仓库中，持续更新中，欢迎star~https:
程序媛小y·2023-11-11 04:33

前端笔记之HTML5&CSS3（上）新特性&音频视频&本地存储&自定义属性

一、HTML5简介HTML5的第一份正式草案已于2008年1月22日公布。HTML5仍处于完善之中。然而，大部分现代浏览器已经具备了某些HTML5支持。2014年10月29日，万维网联盟宣布，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布。HTML5不仅仅是超文本标记语言的新版本，而是一整套浏览器新API的综合：新的语义标签。我们知道HTML就是超文本标记语言，负责描述
weixin_30629977·2023-11-08 08:38

Grunt的基本操作

仅作为拉勾前端笔记Grunt基本使用空项目中yarninit--yes初始化package.json文件为项目添加grunt模块yarnaddgrunt创建gruntfile.js作为Grunt的入口文件
yapingXu·2023-11-03 15:24

【前端笔记】什么是虚拟 DOM

我们都知道Vue和React内部都使用了虚拟DOM，我最近刚刚开始梳理虚拟DOM的相关知识，下面是我梳理的笔记，简单明了、清晰易懂，建议收藏。大纲虚拟DOM的前情提要为什么使用虚拟DOM什么是虚拟DOM（VirtualDOM）虚拟DOM的作用一、虚拟DOM的前情提要当浏览器获取了一个HTML文档后，浏览器内核webkit的WebCore层中的HTML引擎会将该文档解析为DOM树，解析出的DOM树会
泡泡码客·2023-10-30 22:32

前端笔记与经验 (遇到就更新内容）

目录前言1css里定义变量2元素下方有线3浏览器不显示滚动条（请看本文第7点）4网格布局两行三列12宫格编辑两行4列，最后一个元素占两格5点击图片，打开新的浏览器标签页查看图片6js插件之图片缩放插件Zooming（element-ui里的image组件有大图预览的功能）7禁止刷新的时候页面向右移动8文字不能被选中9元素向右延伸动画10实现鼠标悬停（hover）时才出现伪元素样式11H5CDN引用
坐等夕阳落time·2023-10-29 04:18

我的前端笔记

HTML./当前文件夹../返回上一级../../返回上上级如果点击链接需要在新标签中打开网页中音频和视频都是默认不会自动播放的，视频得配合muted（静音）和autoplay配合使用无语义标签：div独占一行、span不换行列表：无序ul、有序ol、自定义dl（dt、dd）表格：table（tr、td/dd）（rowspan、colspan）表头表身表尾不能跨行合并表单：上传数据用的；【下面的表
黄嘉炜Ethan·2023-10-25 05:18

【coderwhy前端笔记 - 阶段六 VUE 】(整理版)（更新中2023.7.16）

coderwhy前端系统课-阶段六VUE(整理版)（更新中2023.10.23）1.前言本文以coderwhy前端系统课-阶段六VUE为主。一刷版本的笔记有些乱，目前还在二刷整理，同时参考了一部分其他的资料，并加上个人使用总结暂时停更，在备考，考完分享《软考中级-软件评测师》的复习资源和笔记-----2023-10-23建议使用资源绑定或链接里的html文件进行阅读直接下载资源说明：资源内有自定义
hippyoo·2023-10-25 00:01

Web前端笔记和简历模板

❝转眼，2020已近尾声，这一年里，收获了很多知识，也认识了很多朋友，相信还有很多朋友不是很了解我，下面是我的个人介绍❞我的简介我，id又叫落落落洛克,非科班自学前端，一年左右经验，今年7月份裸辞面试，最终入职国内一线某金融公司,长期活跃于掘金社区我的学习路线❝大家可能好奇我非科班出身是怎么学习的，非科班出身又是如何确定前端学习路线以及学习方式,以下是来自于我的学习分享❞对于前端学习，应该是一个系
落落落落克·2023-10-24 17:01

6.前端笔记-JS-流程控制

1、流程控制通过控制代码的执行顺序实现我们要完成的功能。控制代码按照什么结构顺序执行有三种结构：顺序结构、分支结构、循环结构1.1顺序流程控制最简单、最基本的流程控制。程序按照代码的先后顺序，依次执行1.2分支流程控制从上到下执行代码的过程中，根据不同的条件，执行不同的代码，从而得到不同的结果js中提供了两种分支结构的语句if语句、if-else语句switch语句1.2.1if语句//条件表达式
MY Daisy·2023-10-19 13:44

13.前端笔记-CSS-盒子样式应用（圆角、阴影）

1、圆角边框border-radius属性，用于设置元素的外边框圆角原理：(椭)圆和矩形的两条边相切（圆的半径就是length），形成圆角效果属性：border-top-left-radius;左上border-top-right-radius:右上border-bottom-right-radius;右下border-bottom-left-radius:左下简写形式：border-radius
MY Daisy·2023-10-16 19:05

09_前端笔记-Vue

文章目录基础项目工程管理编写路由整合插件整合模板个人博客https://blog.csdn.net/cPen_webVue.js官网https://cn.vuejs.org/基础前端三大框架AngularjsReactjsVueVueVue用于构建用户界面的渐进式框架Vue.jsjs的一个库Vue是基于数据驱动框架Vue模板语法1、模板动态的html页面2、双大括号表达式{{exp}}或{{{ex
mycpen·2023-10-16 02:33

前端笔记(2) npm常用命令总结

npm常用命令总结1.参考资料2.安装node.js2.1node.js下载地址2.2查看安装后的npm版本2.3设置淘宝npm镜像3.了解package.json文件3.1生成package.json3.1.1设置环境变量3.2dependencies和devDependencies3.2scripts4.npm管理包4.1安装包install4.2安装包，并更新package.json文件in
瑟王·2023-10-15 23:02
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他