作者简介：hello！大家好，初学前端知识，请多多指教。希望我的分享能够帮助到更多的人，如果觉得我的分享有帮助的话，请大家一键三连支持一下哦~文章目录前言一、VsCode编辑器使用教程1、VsCode的下载与安装2、安装两个有用的插件3、新建文件二、第一个小项目三、HTML基础知识1、标签定义及用法2、标签定义及用法3、标签定义及用法4、标签定义及用法5、标签定义及用法6、图像标签（）和源属性（s

第二阶段：JavaWeb前端技术网页前端基础如HTML,CSS,JavaScript基础jQuery基础,BootStrap.什么是BootStrap是一个做网页的框架(目前最流行的WEB前端框架)，就是说你只需要写

文章目录2新变量申明：let和const2.1概述2.2let和const2.3相关面试题3箭头函数杂谈3.1箭头函数3.2箭头函数杂谈4三个点运算&新版字符串4.1函数与对象的语法糖4.2新版字符串5迭代器与生成器5.1字面量加强5.2Symbol和迭代器6新版对象6.1如何创建对象6.2属性修饰符7ES6模块化7.1模块化速学7.2babelwebpackparcel8新版的类（上集）8.1介

DOM与BOM与Echarts以下内容全部整理于：黑马程序员JavaScript核心教程，前端基础教程，JS必会的DOMBOM操作DOMDOM简介文档对象模型（DocumentObjectModel，简称

0.那你能讲一讲MVVM吗？MVVM是Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代表UI组件，ViewModel是View和Model层的桥梁，数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据。1.简单说一下Vue2.x响应式数据原理Vue

1.浏览器和对应的内核？渲染引擎：IE->TridentFirefox->GeckoSafari->webkitChrome->Blink（基于webkit）Opera->Blink（基于webkit）JS引擎IE->ChakraFirefox->最早SpiderMonkey现在OdinMonkeySafari->webkitChrome->V8（Node基于此）Opera->Caracan2.行

（推荐视频课程：HTML+CSS+JS+vue前端基础入门~htt

坐标系变换浏览器默认的坐标系，是以左上角为原点，向右为x轴，向下为y轴。这个坐标系与数学中使用的坐标系不符，为了更方便使用函数来描述页面的布局，需要使用css来对浏览器的坐标系进行变换。下面的css自定义了--x和--y两个自定义属性，通过clac动态计算的方式，实现了以正中心为原点，向右为x轴，向上为y轴的坐标系。通过--x和--y两个属性来指定坐标。li{--dx:0px;--dy:0px;p

-###必备的前端基础虽然本教程看似简单，但是难点的部分也很难，需要很扎实的JS功底，同时完善完整也涉及dom操作和事件监听，有关的基础知识也必须得有所了解，否则真像听天书，以下是一些推荐的学习资料。

1、HTTP状态码1开头：临时响应。表示临时响应并需要客户端继续执行操作的状态码。2开头：成功。200请求成功。3开头：表示请求的目标有变化，希望客户端进一步处理。301：永久性重定向。302：临时性重定向。304：与服务器对比之后文件未改变，直接读取原有缓存资源。4开头：请求错误。403：无权限。404：请求的页面不存在。5开头：服务器错误。服务器在尝试处理请求时发生内部错误。500：服务器错误

（0）写在前面：作者之前都是在写js，所以这里介绍ts肯定是不能从头开始介绍了，主要在js的基础上介绍ts关于类型的几个特性，以及ts的安装还有配置问题（1）ts和js是什么关系通俗点来讲，ts是js的扩展，或者说js可以理解为ts的一部分。在实际应用上来说，ts是对js在编写层面上作出的一种规范。甚至运行的时候，都要通过ts编辑器将ts代码文件转化为js代码才能顺利执行。（2）ts的安装，启动以

总结前端基础软件架构A：C/S客户端/服务器：特点1软件使用前必须得安装2软件更新时，服务器和客户端得同时更新3C/S架构的软件不能跨平台使用4C/S架构的软件客户端和服务器通信采用的是自有协议，相对来说比较安全

十、VUE模块基础部分1.Vue组件间传值答：-[]1.父子之间的传值父组件向子组件传值通过prop子组件在props中创建一个属性，用以接收父组件传过来的值子组件向父组件传值在响应该点击事件的函数中使用$emit来触发一个自定义事件在父组件中注册子组件并在子组件标签上绑定对自定义事件的监听2.非父子之间的通讯可以通过eventBus来实现通信.所谓eventBus就是创建一个事件中心，相当于中转

学习大纲了解常用浏览器掌握WEB标准理解标签语义化掌握常用的排版标签掌握常用的文本格式化图像链接等标签掌握三种列表标签掌握表格标签掌握表格标签掌握表单标签自己是个做了几年开发的老码农，希望本文对你有用！这里推荐一下我的前端学习交流圈：767273102，里面都是学习前端的，从最基础的HTML+CSS+JS【炫酷特效，游戏，插件封装，设计模式】到移动端HTML5的项目实战的学习资料都有整理，送给每一

七、Ajax模块基础部分1.ajax是什么？-[]Ajax并不算是一种新的技术，全称是asychronousjavascriptandxml，可以说是已有技术的组合，主要用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新，早期的浏览器并不能原生支持ajax，可以使用隐藏帧（iframe）方式变相实现异步效果，后来的浏览器提供了对ajax的原生支持使用ajax原生方式发送请求主要通过XMLH

//判断是否为回文字符串functionreverse(arr){letleft=0;letright=arr.length-1while(left=0;--i){for(letj=i;j0){for(leti=0;i<=str.length-maxLen*2;++i){if(str.slice(i,i+maxLen)===str.slice(i+maxLen,i+maxLen*2)){retur

目录1.表格标签1.1表格的主要作用：1.2表格的基本语法：1.3表头单元格标签1.4表格属性（只做了解后面只通过CSS来设置表格，语法要记住）1.5表格结构体标签和1.6合并单元格2.列表标签2.1无序列表2.2有序列表2.3自定义列表2.4列表总结3.表单标签3.1为什么需要表单3.2表单的组成3.3表单域3.4表单控件（表单元素）3.4.1输入表单元素3.4.2绑定表单元素标签3.4.3下拉

前言❤️为了照亮夜空，星星才站在天空的高处❤️前端基础知识第八章---CSS一、CSS第八章（1）2D转换1.1二维坐标系1.22D转换之移动translate1.32D转换之旋转rotate1.42D

手工测试（了解各种测试的知识）、学习编程语言、学习Web基础、学习自动化测试工具、学习自动化测试框架、需要掌握前端的一些知识，无论学习语言还是前端知识，都是为了接下来的脚本和框架做铺垫，本篇文章介绍下前端基础知识网页基础

虚拟机安装网络方面名词介绍快速自建web环境（phpstudy）前端基础mysql语法前端【展示】----后端【功能实现】标准php【ASP/ASPX/PHP/JSP】0基础--->php入门编程---

网上也鲜有详尽的全流程参考，多是某个局部功能的搭建，因此整理了一份包含以下方面的前端基础框架全流程搭建要义。

01-CSS三大特性之层叠性1.CSS的三大特性CSS有三个非常重要的三个特性：层叠性、继承性、优先级。1.1层叠性相同选择器给设置相同的样式，此时一个样式就会**覆盖（层叠）**另一个冲突的样式。层叠性主要解决样式冲突的问题。层叠性原则：样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式样式不冲突，不会层叠示例颜色冲突采取就近原则，文字大小不冲突不会层叠CSS层叠性div{colo

通常在开发测试环节，一些资源图片会出现防盗链的错误提示，本文就通过前端基础技术，实现基本的图片跨站显示效果。

来源|https://www.cnblogs.com/coco1s/p/11463599.html本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率下的行为，使页面的能正常工作在各种各样的宿主环境当中。而本文的主题--移动端开发的兼容适配与性能优化，就是希望能从一

HTML编码规范1前言2代码风格2.1缩进与换行2.2命名2.3标签2.4属性3通用3.1DOCTYPE3.2编码3.3CSS和JavaScript引入4head4.1title4.2favicon4.3viewport5图片6表单6.1控件标题6.2按钮6.3可访问性(A11Y)7多媒体8模板中的HTML1前言HTML作为描述网页结构的超文本标记语言，在百度一直有着广泛的应用。本文档的目标是使H

原文:https://juejin.cn/post/6989391487200919566作者:云的世界掘金专栏:前端基础进阶大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级

讲解很详细，也有配套的笔记，但不包含前端基础知识的讲解，如果是纯小白的朋友，可以找这位up之前的教程学习一下。

微信聊天窗口HTML：发送CSS（style.css）：body{font-family:Arial,sans-serif;}.chat-container{width:300px;margin:0auto;border:1pxsolid#ccc;box-shadow:0010pxrgba(0,0,0,0.2);padding:20px;border-radius:10px;}.chat-mess

1、http和https待定说一下http和https_前端校招面试题目合集_牛客网(nowcoder.com)2、从发送请求到页面展现，都经过了哪些3、TCP和UDP的区别！！待定参考回答:（1）TCP是面向连接的，udp是无连接的即发送数据前不需要先建立链接。（2）TCP提供可靠的服务。也就是说，通过TCP连接传送的数据，无差错，不丢失，不重复，且按序到达;UDP尽最大努力交付，即不保证可靠交

1、网页开发流程（整体——>局部）1）分析各个模块，切图2）了解代码书写规范3）整体布局4）详细布局5）样式处理6）网页的优化和细节方面的处理2、如何开发网页1）div没有语义性，主要用于布局，独占一行显示h标题标签;列表：ul、ol、dl，里面的列:li;段落：p;2）CSS层叠样式表，是一组格式设置规则，主要用于控制WEB页面的外观;CSS引入方式：i：标签内书写——>直接在标签里面加styl

1.强制类型转换和隐式类型转换强制转换：parseInt()、parseFolat()、Number()、String()、.toString()、Boolean()隐式转换：加（例外：不能是算式中，而需要加在变量前）减乘除及取余，!!2.call和apply的区别call(thisObj,arg1,arg2)定义：调用一个对象的一个方法，以另一个对象替换当前对象说明：call方法可以用来代替另一

Thesandaccumulatestoformapagoda✨写在前面✨功能介绍✨页面搭建✨样式设置✨逻辑部分✨写在前面上周我们实通过前端基础实现了飞机大战游戏，今天还是继续按照我们原定的节奏来带领大家完成一个井字游戏游戏

首先我们要了解什么事前端？先简单用文字介绍一下：一、入门知识Web前端是指网站或应用程序的用户界面部分。它包括HTML、CSS、JavaScript等语言和技术，用于创建用户可浏览和交互的网页。Web前端的特点在于其交互性和动态性，可以通过CSS和JavaScript实现页面的动态效果和用户交互。二、核心知识HTMLHTML（HypertextMarkupLanguage）是用于创建Web页面的标

结合最近和以前的能力面，建立了如下的方案：寻求前端基础，目标方案：HTML5UP寻求后端基础，目标方案：Nginx+uWSGI+Flask寻求建站基础，目标方案：腾讯云+Cloudflare前端基础HTML5UP

day09-前端基础CSS第七天学习目标：能够使用精灵图能够使用字体图标能够写出CSS三角能够写出常见的CSS用户界面样式能够说出常见的布局技巧1.精灵图（重点）1.1为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰

day08-前端基础CSS第六天今日目标能够说出为什么要用定位能够说出定位的4种分类能够说出4种定位各自的特点能够说出为什么常用子绝父相布局能够写出淘宝轮播图布局能够说出显示隐藏的3种方式以及区别1.定位

vue中路由跳转时想携带参数应该如何实现在定义路由时，将需要携带的参数定义为路由参数，如下所示：constrouter=newVueRouter({routes:[{path:'/user/:id',component:User}]});在这个路由中，使用了:id来定义一个路由参数，表示用户的ID。2.在组件中，使用$route.params来获取路由参数，如下所示constUser={templ

第一个阶段，开发环境和工具准备浏览器（Google，FireFox，…）下载，安装前端开发工具vscode，下载、安装node、npm、webpack、webpack-cli、cnpm，配置前端开发环境下载、配置PHP和MySQL第二个阶段，前端入门，网页制作1，HTML：常用标签（div标签，p标签，span标签，a标签，img标签）锚点列表标签（有序列表，无序列表，自定义列表）表单标签表格标签

JS《JavaScript高级程序设计（第4版）》第三版:豆瓣评分9.3第四版:豆瓣评分8.5现在建议学习第四版，因为第三版很多还是以ES5的语法进行讲解的，目前主流都是ES6语法了。当年我入门这是我看的第一本JS书籍，也是实验室的导师推荐的，这本书很厚，真的需要耐着性子看完，DOM、BOM、JS基础语法，我先是把这些大概的过了一下，然后去实践项目，有不懂的点再来回味这本书，以我的性子，还是比较喜

css盒子模型盒模型都是由四个部分组成的，分别是margin、border、padding和content。​标准盒模型和IE盒模型的区别在于设置width和height时，所对应的范围不同。标准盒模型的width和height属性的范围只包含了content，而IE盒模型的width和height属性的范围包含了border、padding和content。​一般来说，我们可以通过修改元素的bo

目录参考：https://blog.csdn.net/henucm/article/details/105755073一、HTML1.对HTML语义化的理解2.src和href的区别3.DOCTYPE的作用4.HTML5的新特性5.script标签中的的defer和async6.行内元素；块元素；空元素7.meta标签8.JPG和PNG的区别二、CSS1.CSS选择器，优先级2.CSS动画3.CS

文章目录一、react篇1、react生命周期函数2、React类组件(Classcomponent)和函数式组件(Functionalcomponent)之间有何不同3、React状态(state)和属性(props)之间有何不同4、什么是高阶组件5、为什么建议传递给setState的参数是一个callback而不是一个对象6、(在构造函数中)调用super(props)的目的是什么7、Reac

目录1.前端基础1.1|HTTP/HTML/浏览器•说一下http和https•tcp三次握手，一句话概括•TCP和UDP的区别•WebSocket的实现和应用•HTTP请求的方式，HEAD方式•一个图片

day19前端基础web标准：由万维网制定的网页开发规范结构标准：html(决定网页上的内容)表现标准：css(决定网页上的内容布局和样式)行为标准：javascript(决定网页上动态变化的内容)什么是

01-CSS第二天导读目标：能使用emmet语法能够使用CSS复合选择器能够写出伪类选择器的使用规范能够说出元素有几种显示模式能够写出元素显示模式的相互转换代码能够写出背景图片的设置方式能够计算CSS的权重目录：Emmet语法CSS的复合选择器CSS的元素显示模式CSS的背景CSS的三大特性CSS的注释02-emmet语法生成html标签1.Emmet语法Emmet语法的前身是Zencoding，

HTML5、CSS31、H5的新特性有哪些？C3的新特性有哪些？H5新特性1、拖拽释放(Drapanddrop)APIondrop拖放是一种常见的特性，即抓取对象以后拖到另一个位置在HTML5中，拖放是标准的一部分，任何元素都能够拖放2、自定义属性data-id3、语义化更好的内容标签(header,nav,footer,aside,article,section)4、音频,视频(audio,vi

GitHub、Gitee同步更新GitHub：web_basic-knowledge-studyGitee：Web_basicKnowledgeStudy工具-Git1.git和svn的区别git和svn最大的区别在于git是分布式的，而svn是集中式的。因此我们不能再离线的情况下使用svn。如果服务器出现问题，我们就没有办法使用svn来提交我们的代码svn中的分支是整个版本库的复制的一份完整目录

PC端项目前端基础技术选型jQuery+ES6+EJS+Babel+Webpack：jQuery

1.页面滚动条不显示但可以通过鼠标滚动：谷歌：元素名::-webkit-scrollbar{display:none;}整个页面：body::-webkit-scrollbar{/*谷歌滚动条隐藏*/display:none;}html{-ms-overflow-style:none;/*隐藏滚动条，当IE下溢出，仍然可以滚动*/scrollbar-width:none;/*火狐下隐藏滚动条*/}

第一阶段：前端基础（HTML/CSS/JavaScript/jQuery）初识HTML+CSS【学习笔记】HTML基础完结篇html基础知识——标签详解html基础知识——与用户交互!