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

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

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

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

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

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

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

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

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

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

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

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

跑步，坚持下去并达到1000公里;读书，至少45本；前端学习，学习TypeScript，并在项目中应用到React。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

认识web网站的开发模式采用前后端分离技术开发Web前端三个组成部分HTML：负责网页结构（页面元素的内容）CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）JavaScript：负责网页的行为（交互效果）HTML和CSSHTML：超文本标记语言：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容；HTML标签都是预定义好的。例如：使用展示超

最近这两年吹起了一股学习前端的风，我也参与了其中，我选择的是自学，花了几天的时间看w3cschool，在腾讯课堂听了很多公开课，然后又找到慕课网，看视频做题目。都说前端入门简单，我却用了三个月摸索的时间来学习，虽然能写点简单的，但是想要真正做一个项目，实际操作起来却并不是那么回事。特别是遇到一些问题的时候，我发现没有人指引我，我开始加学习交流群，运气好的话，有人会帮我解答，但一般情况是没有人回应的

1、作用域不同var是函数作用域，let是块作用域。在函数中声明了var，整个函数内都是有效的，比如说在for循环内定义的一个var变量，实际上其在for循环以外也是可以访问的而let由于是块作用域，所以如果在块作用域内定义的变量，比如说在for循环内，在其外面是不可被访问的，所以for循环推荐用let2、let不能在定义之前访问该变量，但是var可以。let必须先声明，再使用。而var先使用后声

在2023年11月份，有小伙伴跟我说前端学习得很迷茫，不知道该学什么，也不知道已经学过的学得怎么样，于是，我立即萌生了一种想法，我要写一份前端文档，既可以帮助我自己查漏补缺，也可以帮助到其他人。

修正ES6是ECMA为JavaScript制定的第6个标准版本，相关历史可查看此章节《ES6-ECMAScript6简介》。标准委员会最终决定，标准在每年6月正式发布并作为当年的正式版本，接下来的时间里就在此版本的基础上进行改动，直到下一年6月草案就自然变成新一年的版本，这样一来就无需以前的版本号，只要用年份标记即可。ECMAscript2015是在2015年6月发布ES6的第一个版本。以此类推，

css可以使页面更漂亮，即美化网页css：层叠样式表标签选择器：类选择器：id只能单次调用，类似人的身份证css里只要是word里面有的功能，他们都有对应的，不会的时候查一下就行实现垂直居中:height等于line-height就行font-family：可以修改字体font顺序：是否倾斜字号行高字体必须严格按照这个顺序来与文本相关text-indent：文本缩进text-align：cente

是什么：是一种运行在客户端（服务器的编程语言）javacript分为行内JavaScript，内部JavaScript，外部JavaScript内部JavaScript直接写在html中body里面alert（“hello，world”）我们将script放在html文件的地步附近的原因是浏览器会按照代码在文件中的顺序加载html如果先加载的JavaScript期望修改其下方的html，那么他可能

我的前端学习之路最近在闲暇之余在学习前端开发前端学习之第一步：下载webstorm，开发工具，发现前端开发工具很不友好，不像xcode那么简单易上手，光下载成功就花费了半天的时间，现在附上mac版下载包

关于前端目前个人建议的一个路线,也是自己之前前端学习时候的一个大致路线,给想要学习前端的小白一个参考,以前自己刚开始接触前端的时候就是不知道该按照什么路线学习eg-前端是做什么的？

相信很多想学前端的小伙伴是非常迷茫的前端知识体系很多，不知从何学起而且框架也有不少，不知道该如何下手很多学习前端的小伙伴都没有一个很好的学习路线图，简直可以说是看见啥学啥而且自己在学习的时候非常吃力，感觉总是学不会，有时候前面学完后面忘都已成常态我们在学习的时候一定要有几个重点学习时间一定要充足，不能学一阵玩一阵，断断续续往往反反要有一个良好的学习路线图，不能看见啥学啥选择一套好的教学体系课程视频

HTML实体转义块级元素（相当执行了display：block操作）行级元素（内联元素）（相当执行了display：line操作）块级标签转化为行级标签块级标签转化为行级标签w3c(WorldWideWeb)结构（HTML）、表现（css）、行为（javascript）三部分组成（1）定义语言代码（2）JavaScript定义//脚本代码（3）css定义(4)注释中不用–（5）所有标签和属性的名字