HTML学习day01一、了解软件架1.C/S2.B/S3.B/S软件的优缺点二、HTMLHTML标签相关1.HTML标签2.HTML标签大小写问题3.HTML标签属性4.HTML颜色值的设置5.HTML注释6.HTML代码格式7.HTML实体字符HTML主体结构三、head标签中常用的标签一、了解软件架1.C/S1）C客户端（client）/S服务器（server）2）特点：a:C/S软件通常需

一、什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。二、安装和使用Sass依赖于ruby环境，所以装sass之前先确认装了ruby。先导官网下载个ruby。在安装的时候，请勾选AddRubyexecutablestoyourPATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境。安装好rub

前端学习路线及参考学习资料1.HTML(5)+CSS(3)——参考文档：菜鸟教程：https://www.runoob.com/MDN：https://developer.mozilla.org/zh-CN

一、日期对象1.1实例化得到当前的系统时间//得到当前时间constdate=newDate()//获取指定时间//倒计时使用constdate1=newDate('2023-04-0715:30:00')1.2日期对象方法方法作用取值getFullYear()四位年份getMonth()0-11getDate()月份中的每一天每个月份不一样getDay()获取星期0-6getHours()0-2

状态码304客户端有缓存的文档发出一个条件性的请求（提供If-Modified-Since头标识客户端缓存修改时间），服务器告诉客户端，原来缓存的文档还可以继续使用。客户端在请求一个文件的时候，发现自己缓存的文件有LastModified，那么在请求中会包含IfModifiedSince，这个时间就是缓存文件的LastModified。因此，如果请求中包含IfModifiedSince，时间就是缓

个人网站:【工具大全】【游戏大全】【神级源码资源网】前端学习课程：【28个案例趣学前端】【400个JS面试题】寻找学习交流、摸鱼划水的小伙伴，请点击【摸鱼学习交流群】引言智能供应链已经成为现代企业成功的关键因素之一

模板字符串ES6提供了更方便处理字符串的方法保留字符串格式  在ES6之前我们拼接字符串时如果遇到换行啊之类的多行字符串就得使用\n这样的换行标识来进行操作，如果不只是单纯的换行还有一些缩进啊之类的格式，那么就更难编写了，比如：这是一段文字这里空了两个字这里也是像这样的如果在js里就得这样写才能输出：consta='这是一段文字\n这里空了两个字\n这里也是'压根就不能直观地表现你要输出的是什么格

{vara=1//letc=2，在局部作用域起作用}console.log(a)//console.log(c)letb=1,c=2,d=3console.log(b,c,d)let[x,y,z]=[4,5,6]console.log(x,y,z)console.log("对象解构")letuser={name:'helen',age:18}letname1=user.name;letage1=u

var、let、const声明变量的区别之前提到了var声明带来的一些不好的地方，ES6的let和const能方便的解决。一、let声明  引入let不仅仅是解决变量声明的问题，还引入了块级作用域的概念，即代码运行遇到花括号自动创建块级作用域，执行过花括号后销毁块级作用域。  解决的变量声明问题：1.全局变量挂载到全局对象问题  let声明的变量不会挂载到全局对象上，也就是说上一篇所说的varal

ES6概述ES6是一个非常重要的版本，在学习它之前我们有必要了解与之相关的背景知识。一、ES6、JavaScript、nodeJs的区别  ES是ECMAScript的简称，是欧洲标准组织订制的一套语言标准，例如循环、判断、变量、数组等数据类型，是一套通用的语言标准，并不是一种特定的语言。  JavaScript是一种高级编程语言，大多运行在浏览器端，有部分运行在非浏览器环境，使用ES标准，以浏览

块级绑定（var、let、const的区别）当学习ES6之后，发现之前使用的var声明方式确实存在许多缺点，我们可以有更好的选择一、var声明的缺陷  1.允许重复的变量声明。  我们以前通常是这么声明变量的  vara=0我们都知道这样声明可以重复，比如vara=0;vara=1;这样是没问题的，后面的会覆盖前面的，恰恰因为这，试想一下我们如果在开头就var了一个a，隔了一千行之后忘记了前面还有

前端学习笔记-Webpack文章目录前端学习笔记-Webpack1.Webpack简介1.1基本介绍1.2五个核心概念2.Webpack初体验2.1初始化配置2.2编译打包应用3.Webpack开发环境

eventloop它的执行顺序：一开始整个脚本作为一个宏任务执行执行过程中同步代码直接执行，宏任务进入宏任务队列，微任务进入微任务队列当前宏任务执行完出队，检查微任务列表，有则依次执行，直到全部执行完执行浏览器UI线程的渲染工作检查是否有WebWorker任务，有则执行执行完本轮的宏任务，回到2，依此循环，直到宏任务和微任务队列都为空微任务包括：MutationObserver、Promise.t

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

目录1.1.触屏事件1.1.1触屏事件概述1.1.2触摸事件对象（TouchEvent）1.1.3移动端拖动元素1.2.移动端常见特效1.2.1案例:移动轮播图1.2.2.案例分析:1.2.3classList属性1.3.案例：返回顶部1.3.1.案例分析1.4.click延时解决方案1.5.移动端常用开发插件1.5.1.什么是插件1.5.2.插件的使用1.5.3.Swiper插件的使用1.5.4

web前端学习-CSS1CSS基础1.1CSS的基础认知1.2CSS基础选择器1.2.1标签选择器1.2.2类选择器1.2.3id选择器1.2.4通配符选择器1.3文字和文本样式2CSS的进阶2.1CSS

文章目录前言一、Vue是什么？二、前端核心分析1.1.概述1.2.前端三要素1.3.结构层（HTML）1.4.表现层（CSS）1.5.行为层（JavaScript）二、前端发展史2.1.UI框架2.2.JavaScript构建工具2.3.三端同一2.4.后端技术2.5.主流前端框架2.5.1iView2.5.2ElementUI2.5.2ICE2.5.3VantUI2.5.4AtUI2.5.5Cu

一、事件监听事件是系统运行时发生的动作或者发生的事情1.1事件监听元素对象.addEventListener('事件类型',要执行的函数)三要素：事件源--获取被触发的dom元素事件类型--触发方式（比如click/mouseover）事件调用函数--触发了做什么事案例-随机点名随机*{margin:0;padding:0;}.box{width:500px;height:300px;margin

可以去看看往上的前端学习路线。哎！果然世上没有简单的事情啊！但是只要努力一定可以学的好的。由于css3的特殊性（好玩）！我决定更一波学习css3的系列，很短！！只跟常用的部分。。。

毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南

博客首页：酸狗的博客欢迎关注点赞收藏⭐️留言热爱前端学习，期待一起交流！✨作者水平很有限，如果发现错误，求告知，多谢！有问题可私信我交流WebSocket协议为什么需要WebSocket？

CompositionAPI文章内容输出来源：大前端高薪训练营一、CompositionAPI使用1.使用Vue3.0先创建一个空文件夹，然后进入文件夹执行npminit-y，再执行[email protected]安装vue3.0创建index.html，vue3.0的使用x:{{position.x}}y:{{position.y}}import{createApp}from'.

自己整理了一份2018最全面前端学习资料,从最基础的HTML+CSS+JS[炫酷特效，游戏，插件封装，设计模式]到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴,有想学习web前端的

下面就是electron的大致周期顺序readydom-ready//一个框架中的文本加载完成后触发该事件。did-finish-load//导航完成时触发，即选项卡的旋转器将停止旋转，并指派onload事件后。window-all-closed//当所有窗口被关闭时触发before-quit//在关闭窗口之前触发will-quit//在关闭窗口都已经关闭并且应用程序退出时quit当所有窗口被关闭

一、html+css这部分建议在w3school在线教程上学习，边学边练，每个属性后还有在线测试。然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练多练多练，最重要的事儿还得我说三遍？二、javascript要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先在w3school上学习一些基本语法和定义。然后你必须要看书，然后实践（好多人问有没有快速捷径，我只能

自己就是一个从java后台转过来的小白前端，也写过不少页面，甚至公司网站重构自己一个人从找素材到后期页面结构开发，以及js交互等都是自己完成，可是写完那个之后，自己把w3c里Html，Html5、css、css3全看完之后突然迷茫了，不知道接下来该如何学习前端，花了一下午时间在博客园和GiHub泡着，最后在GiHUb发现几篇不错的文章，写的很清楚，所以借来分享给跟我一样前端刚入门的小白，有个清晰明

转载自：https://github.com/qiu-deqing/FE-learning必备基础技能前端技能汇总（https://github.com/JacksonTian/fks）这个项目详细记录了前端工程师牵涉到的各方面知识。在具备基本技能之后可以在里面找到学习的方向，完善技能和知识面。frontend-dev-bookmarks（https://github.com/dypsilon/f

原文出处qudeqing结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也越来越高，优秀的前端工程师更是稀缺。个人感觉前端入门相对容易，但是也需要系统地

前端基础&&体系:MDN:MDNWebDocs菜鸟教程:菜鸟教程-学的不仅是技术，更是梦想！印记中文:印记中文-深入挖掘国外前端新领域，为中国Web前端开发人员提供优质文档w3cschool:w3cschool官网-1000多本编程教程免费学vue系列:官方vue2官网:Vue.jsvue3官网:Vue.js-渐进式JavaScript框架|Vue.jsvite文档:Vite|下一代的前端工具链v

BOM概述BOM=BrowserObjectModel浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分DOMBOM文档对象模型浏览器对象模型DOM就是把文档当作

记得先点web前端学习圈关注我哦～1.vue优点？

前端学习笔记专栏区别于官网中全面的知识讲解，主要记录学习技术栈时对于重点内容的提炼，便于对技术栈知识的快速回顾以及使用1.canvas元素内部坐标：坐标均以左上角为(0,0)，单一坐标均作为起始坐标创建对象

@晟小明大厂面试题大前端面试宝典前端面试指南前端学习笔记Awesome前端面试总结前端面试题详

毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南

炫酷菜单效果代码炫酷菜单效果*{margin:0;padding:0;font-family:sans-serif;list-style:none;text-decoration:none;}.middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}.menu{width:300px;border-radi

进入正题元素拖拽是一个比较典型的前端学习案例，需要对JavaScript的事件有一定的了解，我也是在最近的工作中才重新拾起了这块内容，通过在Vue3这种声明式编程风格的框架中把元素拖拽一次讲清楚。

前端学习——淘宝静态界面使用渡一的前端入门课程进行学习，下面将学习笔记记录于此。希望自己的前端学习之路一帆风顺。开发平台：sublime。学习视频：渡一前端入门课。参照内容：菜鸟教程。

加载效果代码加载效果*{margin:0;padding:0;}body{background:#2980b9;}.loading{height:40px;position:absolute;/*使用绝对定位，相对于其最近的已定位祖先元素进行定位*/top:50%;/*将加载动画容器的顶部位置设为屏幕垂直中心*/left:50%;/*将加载动画容器的左侧位置设为屏幕水平中心*/display:fl

本文章整理闭包相关知识，包括闭包的介绍及原理、闭包的优缺点、闭包的应用。什么是闭包？闭包就是函数中的局部变量（作用域在父级函数）被函数中的嵌套函数所使用，就会形成一个闭包。原理是父级作用域的变量可以被子作用域所使用。如何使用闭包？为什么要使用闭包？我们可以把这个嵌套函数return出去，这样函数外部就能够间接的访问到这个局部变量了。我们给return出去的函数设定一些规定的操作，这样外部调用时，就

2021年黑马程序员前端学习路线图黑马程序员已认证的官方帐号73人赞同了该文章前端学习路线图火热出炉啦，还在为如何系统学习苦苦寻觅资源么？2021年新版前端学习路线图这不就来了么！

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的同学要注意，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候展现更大的优势。2022年黑马程序员前端在线学习路线第一阶段：前端入门HTML5+Css3+电商网页制作第二阶段：JavaScript系列第三阶段服务端编程第四阶段Vue.js第五阶段小程序第六阶段React.js基础怎样才能成为一名前端工程师呢？换句话说学习前

1、字体图标库Iconfont网站上下载字体图标，直接引入样式如果图库中没有想要的图标，则可以自己上传2、平移转换（可以对标回忆一下基础班的“过渡”属性：transition）平面转换属性（位移、旋转、缩放）：transform若x的值为负数，则向左移动；y的值为负数，则向上移动（可以记忆成marginleft）translate（x，y）；位移-绝对定位居中使用translate快速实现绝对定位

长度单位：vw/vh目标：能够使用vw单位设置网页元素的尺寸相对单位相对视口的尺寸计算结果vw：viewportwidth1vw=1/100视口宽度vh：viewportheight1vh=1/100视口高度vw单位尺寸确定设计稿对应的vw尺寸（1/100视口宽度）查看设计稿宽度→确定参考设备宽度(视口宽度)→确定vw尺寸（1/100视口宽度）vw单位的尺寸=px单位数值/(1/100视口宽度)v

源代码下载将项目源码托管到oschina中点击头像->修改资料->SSH公钥如何生成SSH公钥创建自己的空仓储，使用gitconfig--globaluser.name"用户名"和gitconfig--globaluser.email***@**.com来全局配置提交时用户的名称和邮箱使用gitinit在本地初始化项目使用touchREADME.md和touch.gitignore来创建项目的说明

css背景1.背景图片2.背景图像的位置3.背景图片不随页面滚动而滚动4.背景属性的简写方式5.ie6png修复6.CSSHack1.条件Hack2.属性Hack1.背景图片使用background-image来设置背景图片；语法：background-image:url(相对路径);这个相对路径是相对于自己本身，例如styles文件夹里的css文件写有该属性，则其相对路径为background-

数字IC前端学习笔记：数字乘法器的优化设计（基4布斯编码华莱士树乘法器）https://blog.csdn.net/weixin_4

JavaScript轻量级函数式编程网址：https://juejin.im/post/599e4beb5188252428610762

知识地图获取网址image.png技术胖的前端学习路径B站学习资源整合网络知识（Internet）网络工作原理计算机网络原理：https://www.bilibili.com/video/BV1xJ41137Q3

{{name}}letapp=newVue({el:'#app',data:{name:'前端学习'}})页面上就会显示——前端学习。

基础选择器标签选择器类选择器id选择器类与id选择器的区别通配符选择器字体和文本样式字体样式文本样式line-height行高Chrome调试工具颜色取值（扩展）综合案例代码示例学习视频B站：黑马程序员-前端学习