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

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

为什么使用Vuex?在Vue中，当遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：多个视图依赖于同一状态。来自不同视图的行为需要变更同一状态。对于问题一，传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。对于问题二，我们经常会采用父子组件直接引用或者通过事件来变更和同步状态的多份拷贝。以上的这些模式非常脆弱，通常会导致无法维护的代码。Vuex通过把组件的共享状

前言在项目中，通常会遇到很多需要下载的需求，那么应该如何处理下载功能呢？通过模拟a标签实现下载直接上代码DownloadFileexportdefault{methods:{downloadFile(){//替换成你要下载的文件的URLconstfileUrl='https://example.com/path/to/your/file.txt';//创建一个隐藏的元素constdownloadL

根据element文档可知，当对话框关闭时会执行close方法，我们可以在@close方法中加上对应的处理逻辑。因此在使用时需要注意以下几点：当确定和取消按钮的业务逻辑不一致时，我们将取消(点击右上角的x)的逻辑写在before-close的方法中当确定和取消按钮的业务逻辑一致时，我们将取消(点击右上角的x)的逻辑可以写在close方法中

前言在项目开发的过程中，经常会遇到上传和下载，对于上传来说，如果是小文件的话，接口响应会比较快，但是对于大文件，则需要对其分片以减少请求体的大小和上传时间。小文件上传以Vue框架使用为例，直接上代码点击上传只能上传jpg/png文件，且不超过500kbexportdefault{methods:{handleSuccess(response,file){//处理上传成功的逻辑console.log

文章目录前言一、文件及文件夹命名二、钩子顺序三、注释规范四、组件封装五、CSS编码规范六、JS编码规范前言优秀的项目源码，即使是多人开发，看代码也如一人之手。统一的编码规范，可使代码更易于阅读，易于理解，易于维护。一、文件及文件夹命名不能使用中文、数字（需要数字是用英文first、second字符代替）文件名使用全小写vue、css、js、jpg等图片格式多单词文件名使用中划线-代替-eg:big

一.基础概念1.网站,网页网页是构成网站元素,一般由图片,文字等元素组成,通常是.html格式的文件网站由网页组成,是网页的集合2.web的标准三大方面:结构(html),表现(css),行为(javascript)3.双标签单标签双标签前为开始标签,后为结束标签单标签格式为4.标签之间关系并列(兄弟)包含(父子)5.基本标签结构(根标签)(文档的头部,注意必须设置title)(文档标题)6.vs

前言最近在学习尚硅谷的webpack5课程，看到mini-css-extract-plugin这个插件的时候，感觉很有帮助，之前都没有在css这方面深入思考过，课程中的一些记录写在下面为什么需要优化CSSCss文件目前被打包到js文件中，当js文件加载时，会创建一个style标签来生成样式（先去加载js文件，再去创建style标签来生成样式）这样对于网站来说，会出现闪屏现象，用户体验不好（控制台n

第7章ES6前言7.8Set数据结构和Map数据结构7.8.1Set数据结构（1）Set实例的属性（2）Set实例的函数（3）Set的常见用法（4）Set的遍历7.8.2Map数据结构（1）Map实例的属性（2）Map实例的函数（3）Map的遍历（4）Map与其他数据结构的转换7.9Proxy7.9.1Proxy概述7.9.2Proxy实例函数7.9.3Proxy多种函数的基本使用方法7.9.4P

-moz代表firefox浏览器私有属性；-ms代表IE浏览器私有属性；-webkit代表chrome、safari私有属性；-o代表Opera私有属性。

title:关于开始搭建hexo博客这件事date:2021-04-2019:18:35tags:"hexo"hexo个人博客搭建为什么会搭建hexo博客原因：1.用于前端学习记录、且便于复习，因为经过加工一次的比外来搜索的资料来说更容易让大脑快速识别与利用

前端学习记录——JQuery（一）前言JavaScripyt库JQuery的概念JQuery基础选择器1.15tab栏切换案例1.16类操作与className区别1.17显示隐藏效果1.18滑动效果1.19

前端学习记录——JQuery（二）前言前言本人编写博客，作为个人学习使用；本章博客总结B站视频学习中资料以便后期复习、巩固。

背景最近项目上有个需求需要用到websocket，于是就学了一下关于websocket的使用方法。不过由于后台使用的框架限制，需要前后端一起使用neffos插件，中间踩了很多的坑，这里简单记录一下。websocketWebSocket是一种在客户端和服务器之间实现双向通信的协议，它允许服务器主动向客户端推送数据，而不需要客户端发起请求。与传统的HTTP请求不同，WebSocket连接是长时间保持的

第7章ES6前言7.1let关键字和const关键字7.1.1let关键字（1）let关键字的特性（2）使用let关键字的好处7.1.2const关键字（1）const关键字的特性7.2解构赋值7.2.1数组的解构赋值（1）数组解构默认值（2）交换变量（3）解析函数返回的数组（4）嵌套数组的解构（5）函数参数解构7.2.2对象的解构赋值（1）对象解构的默认值（2）嵌套对象的解构（3）选择性结构对象

第5章DOM与事件前言5.1DOM选择器5.1.1传统原生JavaScript选择器（1）通过id定位（2）通过class定位（3）通过name属性定位（4）通过标签名定位5.1.2新型的querySelector选择器和querySelectorAll选择器（1）querySelector选择器（2）querySelectorAll选择器5.2HTMLCollection对象与NodeList对

第4章对象前言4.1对象的属性和访问方式4.1.1对象的属性（1）数据属性（2）访问器属性4.1.2属性的访问方式（1）使用`.`访问属性（2）使用`[]`访问属性（3）两者的不同点4.2创建对象（1）基于Object()构造函数（2）基于对象字面量（3）基于工厂方法模式（4）基于构造函数模式（5）基于原型对象的模式（6）构造函数和原型混合的模式（7）基于动态原型模式4.3对象拷贝4.3.1对象浅

第6章Ajax前言6.1Ajax的基本原理及执行过程6.1.1XMLHttpRequest对象（1）XMLHttpRequest对象的函数（2）XMLHttpRequest对象的属性6.1.2XMLHttpRequest对象生命周期（1）创建XMLHttpRequest对象（2）建立连接（3）发送请求并传递数据（4）处理响应6.1.3Ajax的优缺点（1）优点（2）缺点6.2使用Nodejs搭建简

前端学习记录——CSS（一）前言一、CSS介绍CSS注释一、CSS引入方式1.行内样式表(内联样式)2.内部样式表（内嵌样式表）3.外部样式表(外链式)4.CSS引入方式总结二、CSS基础选择器1.标签选择器

第1章Javascript重点概念前言1.1JavaScript基本数据类型1.1.1JS数据类型基本分类1.1.2undefined类型1.1.3null类型1.1.4undefined和null两种类型的异同1.1.5boolean类型及其他类型与boolean类型的转换1.2number类型详解1.2.1number类型介绍1.2.2其他类型与number类型的数据转换1.2.3number

第2章引用数据类型前言2.1Object类型及其实例和静态函数2.1.1深入了解JavaScript中的new操作符2.1.2Object类型的实例函数（1）hasOwnProperty(propertyName)函数（2）propertyIsEnumerable(propertyName)函数2.1.3Object类型的静态函数（1）Object.create()函数（2）Object.defi

第2章引用数据类型前言3.1函数的定义与调用3.3.1函数的定义（1）函数声明（2）函数表达式（3）Function()构造函数（4）函数表达式的应用场景（5）函数声明与函数表达式的区别a.函数名称b.函数提升3.1.2函数的调用（1）函数调用模式（2）方法调用模式（3）构造器调用模式（4）call()函数、apply()函数调用模式（5）匿名函数调用模式3.1.3自执行函数3.2函数参数3.2.

前言一、媒体查询入门指南1、媒体查询基础（1）媒体类型（2）媒体特征规则a.宽和高b.朝向c.使用指点设备2、更复杂的媒体查询（1）媒体查询中的“与”逻辑（2）媒体查询中的“或”逻辑（3）媒体查询中的“非”逻辑3、怎么选择断点4、移动优先的响应式设计5、是否真的需要媒体查询？6、媒体查询章节总结二、传统的布局方法三、支持旧浏览器总结前言由于有很多知识非常符合直觉或者和其他语言有通用性，因此个人觉得

前言一、浮动1、使盒子浮动起来2、清除浮动3、清除浮动元素周围的盒子（1）clearfix小技巧（2）使用overflow（3）display:flow-root二、定位1、定位有哪些2、top、bottom、left和right3、定位上下文4、介绍z-index5、滚动索引三、多列布局1、column-count2、column-width3、给多列增加样式4、设置break-inside四、

前言一、正常布局流二、弹性盒子1、为什么是弹性盒子2、指定元素的布局为flexible3、flex模型说明4、列还是行？5、换行6、flex-flow缩写7、flex项的动态尺寸8、flex：缩写与全写9、水平和垂直对齐（1）align-items属性（2）justify-content属性10、flex项排序11、flex嵌套12、跨浏览器兼容性三、网格1、什么是网格布局2、创建一个网格（1）定

前言一、介绍CSS布局1、正常布局流2、display属性3、弹性盒子（1）设置display：flex（2）设置flex属性4、Grid布局（1）设置display：grid（2）在网格内放置元素5、浮动6、定位7、表格布局8、多列布局总结前言由于有很多知识非常符合直觉或者和其他语言有通用性，因此个人觉得不需要全部记下来，本篇只记录一些个人觉得需要注意或单独记忆的知识点。同时为了提高效率和减少对

前言一、基本文字和字体样式1、CSS中的文字样式涉及什么2、字体（1）颜色（2）字体种类a.网络安全字体b.默认字体c.字体栈（3）字体大小（4）字体样式（5）字体粗细（6）文本转换（7）文本装饰（8）文字阴影a.多种阴影3、文本布局（1）文本对齐（2）行高（3）字母和单词间距（4）其他一些属性a.Font样式：b.文本布局样式：4、Font简写二、为列表添加样式1、处理列表间距2、列表特定样式（

前言一、溢出1.默认情况2.overflow属性3.BFC二、CSS的值与单位1.长度（1）绝对长度单位（2）相对长度单位2、百分比3、数字4、颜色（1）颜色关键字（2）十六进制RGB值（3）RGB和RGBA的值（4）HSL和HSLA的值5、图片6、位置7、字符串和标识符8、函数三、在CSS中调整大小1、原始尺寸/固有尺寸2、设置具体的尺寸（1）使用百分数（2）把百分数作为内外边距（3）min-和

前言一、样式化表格1、一个典型的HTML表格2、进行样式化（1）间距和布局（2）简单地排版（3）图形和颜色（4）图案（5）样式化标题最终效果如下二、调试CSS1、比较DOM和ViewSource2、审查CSS3、编辑值4、

一、flex-grow的计算方式注释了flex-basis属性flex-basis:0;*{margin:0;padding:0;}ul{width:600px;border:10pxyellowsolid;/*将ul设置为弹性容器*/display:flex;/*设置弹性容器的排列方式*/margin:50px;flex-direction:row;}li{background-color:#b

前端学习记录21-移动端布局-响应式布局、Bootstrap框架响应式布局原理bootstrap开发框架(说实话也不叫框架)bootstrap使用方法bootstrap布局容器bootstrap响应式工具

CSDN话题挑战赛第1期活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f参赛话题：前端学习记录话题描述：记录前端学习过程中的某个知识点

前端学习记录——路线图  本人想开始系统地学习WEB前端的知识，所以在网络上搜索了一些视频资源，发现还是Bilibili上的黑马程序员的视频比较详细和系统，所以打算从现在开始记录一下自己的学习过程，下面是学习的路线图

作为刚开始学习前端的新人，准备记录下自己的学习内容，如果有大佬看到什么问题，请麻烦指正我，非常感谢。css精灵技术：减少服务器请求和发送请求的次数，提高页面的加载速度。我理解的是，在使用背景图片时，某一张大图片在有多个小元素需要使用，为了降低消耗，减少加载速度，所以同时使用一张大图片，用盒子显示特定的定位来只表现出小图片。（需要注意background-position大多数时候是负值）滑动门技术

前端学习记录9-CSS-盒子模型（边框，圆角，内外边距，阴影）盒子模型（BoxModel）border(边框)border-collapse(控制表格相邻边框合并或独立)border-radius(边框半径

1.vue-table-with-tree-gridgithub上一个比较好用的vue树形表格插件2.jest报错SecurityError:localStorageisnotavailableforopaqueorigins解决办法：在jest.conf.js中加上testURL:"http://localhost/"3.Vue全家桶+Mint-Ui打造高仿QQMusic，搭配详细说明

前端学习记录week1基础知识CSS盒模型所有HTML元素可以看作盒子，在CSS中，"boxmodel"这一术语是用来设计和布局时使用。

工作上感觉没有时间去钻研技术，总在做一些杂事。奇葩的制度又让人没有时间去做自己想做的事情。萌生跳槽的想法，打算从web前端开始，储备一些知识找到能让自己有成就感的工作。记录一下自己的学习进程，顺便督促一下自己，不要放弃！跟同学了解了一些web前端的入门学习过程，对我来说帮助很大，整理了一下脉络，作为以后的学习计划一、对前端的理解前端是用户和数据之间的媒介，负责给用户呈递数据和信息，同时作为用户对信

css3过渡属性：属性描述transition-property检索或设置对象中的参与过渡的属性transition-duration检索或设置对象过渡的持续时间transition-delay检索或设置对象延迟过渡的时间transition-timing-function检索或设置对象中过渡的动画类型简写方法：transition:属性值1属性值2属性值3属性值4;属性值1：all(默认值)需要

HTML的全称为HyperTextMarkupLanguage，即超文本标记语言，最初是用于描述文档而设计。从定义可以看出HTML的一些组成部分元素是HTML的基本要素，元素有两种写法，一种是带内容的，一种是不带内容的属性则为元素提供了更多的相关信息web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线）元素可分为块级元素和行内元素。块级元素div示例内联元素span示例语义HTML的每个元

文章目录Day2初识CSSCSS美化网页盒子模型浮动定位网页元素CSS制作网页动画Day22019年6月16日。这是我学习前端的第二天。这一天，我学到了以下的知识。初识CSS定义CSS（CascadingStyleSheet），层叠样式表。表现HTML文件格式的语言，包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。CSS的发展历史1996年CSS1.01998年CSS2.0融入了DI

session，localStorage，sessionStorage,cookies众所周知，对于一个应用程序来说，不管是web工程还是app工程，对数据的存储往往分为两大块，一块是存储在大容量的数据库中，例如流行的mySQL数据库，Oracle数据库等，存储在数据库的信息一般都是存储到服务器主机的硬盘当中。而除此之外，还有一种将数据临时存储在客户端如浏览器的方式，本文章所讲的主要内容就是这第二

一、Html结构语言Html做的是网页，网页文件存在很多的内容，文字、图片等等，这些内容元素是如何体现出来的，就要通过html语言中的各种标记符号（标签），比如标签1代表文字，标签2代表图片等等，也就是说这门语言就是一个标记语言。这些标签不仅可以代表网页中的元素，还可以通过各种标签将网页中的内容结构化。Html结构语言特点1、Html是Web编程必学的基础语言；2、是通过浏览器来解析的，面向前端的

1、什么是web前端？web前端是面向用户（浏览者）的互联网技术统称，在Web应用中用户可以看得见碰得着的东西。例如你要访问一个网站，你要输入一个网站的域名，按下回车，等于通过你的终端设备发出了一条命令出去，这条命令通过互联网发给了网站所属的服务器，服务器对这个命令进行判断，如果判断网址输入正确，就会返回给你一个结果，打开网站的页面，这样的一来一回的过程就是我们上网的过程。这个过程其实就可以分为两

文章目录Day3JavaScript基础操作BOM对象操作DOM对象面向对象Day32019年6月22日。这是我学习前端的第三天。这一天，我学到了以下的知识。JavaScript基础为什么要学习JavaScript表单验证-减轻服务器端压力页面的动态交互页面动态效果趋势什么是JavaScriptJavaScript是一种基于对象和事件驱动的，并具有安全性能和脚本语言JavaScript的特点-向H

记录自己日常学习的内容我是转行前端,现在是个小白,之前学了点html,css,能写一写好看的静态页面就以为自己可以了,找工作之后才发现,人家根本不要,才发现自己的水平连入门都算不上,于是就打算深入学习前端,但是生活压力太大,又不能按部就班,于是我快速过了一遍js,jquery,php等技术,打算直接上手vue,遇到不会的再想办法解决,我会把学习的进度记录下去,主要是为了自学,觉得可以也可以借鉴,希

自己测量数据写的。初学已经很有成就感，继续加油。下面是body内的所有代码：下面是样式表：（因为想在手机上看一下效果，用了内部样式，如果觉得乱请自行放css文件中格式化代码即可）div{margin:0;padding:0;}.circle{border:2pxsolid#000;border-radius:50%;}.center{width:450px;height:500px;margin:

文章目录Day1HTML简介HTML基本结构网页的基本标签图像标签链接标签行内元素和块元素列表表格视频/音频网页结构分析内联框架表单元素常见表单元素表单其他应用思考?为什么要表单验证表单验证需要哪些东西?总结Day12019年6月8日。这是我学习前端的第一天。这一天，我学到了以下的知识。HTML简介定义HTML（HyperTextMarkupLanguage），标准通用标记语言下的一个应用。HTM

个人博客目录编程资讯汇编相关知识题解gitmysqlvscodelinux操作系统编译原理wps编程c++学习目录python博客目录前端学习记录资讯找不到www.jetbrains.com的服务器IP