2.专注Java，简化前端学习成本为了专注Java，简化前端学习成本，我对EasyUI进行了二次封装，你只需要写极少的js代码，就可以做出一个页面！剩下的，我们把更多时间放在SSM框架的学习上！

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、深浅拷贝浅拷贝和深拷贝只针对引用类型1.浅拷贝如果是简单数据类型拷贝值

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、作用域作用域（scope）规定了变量能够被访问的”范围

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、深入对象1.创建对象三种方式①利用对象字面量创建对象

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、编程思想1.面向过程介绍面向过程，就是按照我们分析好了的步骤

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈前言不能只看不动手不管多简单的代码都要练习随时暂停视频随时写代码不要抄代码重点难点案例一定要多写几遍

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、变量声明const声明的值不能更改，而且const声明变量的时候需要里面进行初始化但是对于引用数据类型

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈放大镜效果业务分析①：鼠标经过对应小盒子，左侧中等盒子显示对应中等图片获取对应的元素采取事件委托的形式

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、Vue核心语法Document{{content}}

在计算机科学和编程领域，脚本（Script）通常指的是一系列按照特定规则编写的指令或命令，以便在运行时由解释器执行。与编译型语言相对，脚本语言通常不需要在运行之前进行显式的编译，而是通过解释器逐行地执行。以下是脚本的一些关键特征：1.**解释性质：**脚本语言通常是解释型的，它的代码由解释器逐行执行。这与编译型语言不同，编译型语言需要先将源代码编译成机器代码，然后再执行。2.**高级语言：**大多

vue作为前端框架，为了简化或实现一些特定功能，提供了很多指令，那什么是指令呢？所谓的指令就是能够完成特定功能的一些vue语法，比如属性绑定指令v-bind，事件绑定指令v-on，循环指令v-for等。在vue中，所有的指令都是v-开头的。vue中最常用的指令有以下几种：v-bind属性动态绑定指令，通过v-bind可以实现html属性值的动态修改。如下图所示，a标签有href属性，就可以通过v-

学习一门技术最快捷的方式就是先了解其概念和使用场景，毕竟任何技术的出现都是为了解决某一个场景下的通用解决方案，并且使用最合理的方式去解决问题。那么什么是vuex？Vuex是一个专为Vue.js应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。这是vuex官网给的关于vuex的概念，翻译成白话就是一个状态(数据)管理的库，类似

这里还是要推荐下小编的web前端学习群:687958461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份最新的web前端资料和0基

今天分享一些个人收藏的前端学习资源，按一下几个维度简单划分了下，有3D、框架、构建工具等等。

组件是vue中很重要的一个知识点，在vue开发中大部分功能都是通过组件来实现的，因为组件就是一个小的功能模块，类似于乐高，使用一个一个的小组件拼成一个大的模型。组件中有一个很重要的的功能点就是组件之间的传值，因为每个组件就是一个小的功能模块，要完成功能需要进行组件之间的通讯，这就是组件传值的作用。那么组件之间该怎么传值呢？要了解组件之间的传值要先搞明白vue中的父子组件，所谓的父组件就是引用组件的

分页查询功能，是很常见的一个功能，下面是记录使用vue+elementui实现的分页查询功能。elementui使用pagination提供了多种分页功能，可以根据自己的需求选择不同的分页样式，但其最重要的参数有三个，current-page——当前页码,page-size——页大小,total——总条数；还有两个事件函数，size-change——改变页大小时触发，参数是每页条数；current

前端开发中会涉及到一些事件处理，比如鼠标事件，键盘事件等，算是一个比较重要的知识点。vue封装了一些事件处理等函数和方法，vue的点击事件是通过v-on实现的，也可以简写为@click，当方法不穿任何参数时，会默认传入事件对象event，如下图所示：当传入参数时，也可以使用event获取对象，不过有参方法最好显示传入$event事件对象。vue官网提供的事件属性包括鼠标事件和键盘事件，官网文档地址

前面讲了vue的计算属性——computed，其主要作用就是代码复用及加缓存解决效率问题，下面还有一个和计算属性非常相似的侦听属性——watch，其功能与写法和计算属性差不多。监听属性如下图所示，所谓的侦听属性就是监听属性，当属性的值改变时，就会触发监听功能。如下图所示，当点击点击修改按钮时，改变属性flag的值，这时监听器watch就会监听到flag的变化，并进行处理。当然，想监听某个属性，就要

前端框架我们知道在AngularJS，react，vue等前端框架出现之前，前端开发都是通过js直接操作dom树来实现的，而有了前端框架之后，前端开发基本上不需要在直接操作dom树，相当于在原生html的dom树之间和前端程序员之间添加了一个中介，程序员通过这个中介来操作dom，本身并不操作dom。而既然多了这么一个“中介”，那么前端程序员想通过框架进行前端开发，那么就要遵守这些框架的规则，比如每

前端越发展越复杂，知识点越来越庞杂。前端要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念：HTML负责结构，网页想要表达的内容由html书写。CSS负责样式，网页的美与丑由它来控制JS负责交互，用户和网页产生的互动由它来控制。初级阶段（静态网页制作、JS编程入门）1.Photoshop入门图像处理基础知识、图像处理基础知识、分辨率、图像的色彩模式、常用的图像

这里还是要推荐下小编的web前端学习群:687958461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份最新的web前端资料和0基础入

导读SPA也叫单页面应用（single-pageapplication），这可能是很多小伙伴在进行开发时经常使用的页面开发模型，它其实就是在单个页面容器内进行页面组件跳转，实现页面切换。可以比喻成你手里有一个杯子，这个杯子上午装牛奶，下午装咖啡，晚上装啤酒，很明显，杯子里的东西在不断的变换，可是杯子始终是那一个，这其实就是一种对于单页面应用的直观理解。有了这样的理解之后肯定就会有小伙伴疑惑：那有没

导读在前端开发中，我们经常会遇到一些需要等待结果的异步操作，比如发送网络请求或是获取用户位置信息等。以往我们通常使用回调函数来处理这些异步操作，但是回调地狱的问题让代码变得难以阅读和维护。幸运的是，ES6引入了Promise对象，它为我们提供了一种更优雅、更简洁的处理异步操作的方式。那么就请允许我带你轻松了解Promise对象的基本概念和使用方法，让你能够在异步操作中游刃有余，享受编码的乐趣。正文

导读对于刚刚学习前端的小伙伴们来说，学习CSS中的盒子模型这一概念后会对页面的布局开发有更深一点的认识。对于项目前期开发来说，根据产品原型图进行页面布局开发，这可以说是项目开发的起点。有了盒子模型的帮助，页面就可以进行高效的布局，其实就有点像搭积木一样，所以让我们来认识一下这个有趣的盒子模型吧！正文一、是什么当对一个文档进行布局（layout）的时候，浏览器的渲染引擎会根据标准之一的CSS基础框盒

导读在认识深浅拷贝之前，我们需要对js的数据存储类型有一定的认识。前面文章讲到JavaScript中存在两大数据类型：基本类型、引用类型。基本类型数据保存在在栈内存中，引用类型数据保存在堆内存中，引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中在对于数据存储类型有一定理解之后，我们才能对为什么有拷贝的概念和为什么又要有深浅拷贝的区分有更深的理解正文一、浅拷贝对象的浅拷贝是其属性与拷贝源

导读相信大家在刚刚学习完Vue的一些基础语法结构，以及框架特点后，心中会有诸多的疑惑。例如：“我应该在什么时候进行页面初始化数据的请求？又应该在何时进行DOM操作？Vue所说的数据双向绑定是如何实现的，又是在什么时候实现的？、Vue的视图的更新是如何并又是在什么时候实现的？”这些问题在我初识Vue时是很混乱的，但是我相信大家通过对生命周期的学习，与对钩子函数的深入了解，这些问题都会慢慢化解的！正文

日期：2020.3.20学习总用时：2h学习目标：了解web的相关知识学习笔记：1.学会用浏览器学习相关知识，对有用的网页进行分类收藏，建立两个文件夹：showcase和前端学习资料。

个人网站:【紫陌】【笔记分享网】想寻找共同学习交流、共同成长的伙伴，请点击【前端学习交流群】数据双向绑定？

前言之前只分享了前端环境的搭建，没有系统分享前端。最近到年底了，公司活也不多了，是时候学习下前端了。其实我也不知道怎么学前端，当初放弃前端就是因为可恶的样式与布局。今天分享也是不是从css、html分享，今天开始学习TypeScript，同时分享给大家，跟大家共同进步。一、TypeScript是什么？二、TypeScript使用步骤1.工具安装这个其实可以去TypeScript官网照着弄，对于有经

1、块级元素嵌套浮动元素先摆图片，当橘色的盒子高度减少的时候，NKADTBPKNN并不会减少。如何解决呢？加一个overflow：clip或者hidden2、浮动元素嵌套块级元素加一个overflow：clip或者hidden综上所述，无论是块级元素嵌套浮动元素，还是浮动元素嵌套块级元素，都可以用overflow去解决这个细节问题。

实际工作中，人脑的想法很多，需要去调用很多知识去解决它。这里分享实践中遇到的几个细节：1、先摆图片我们想要通过点击“鞋品牌”，得到下拉菜单。我们来看代码结构。很明显，鞋品牌和下拉菜单是兄弟元素，li和下拉菜单是父子元素。这里我们用两种办法去解决。一个是同级元素，一个是父级元素。1、.nav-item2：hover~.meau.nav-item2：hover代表鼠标移入到鞋品牌后触发。~.meau代

在这里小编建了一个前端学习交流扣扣群：1093794329，我自己整理的最新的前端资料和高级开发教程，

一、flex布局概述此前我们制作的所有网页都是基于盒子模型和浮动布局完成的，本节我们一起学习弹性布局（或者叫弹性盒子布局），这是一种更先进的布局方式，可以让网页布局更简洁，更易于维护。本节会针对flex布局的常用属性，讲解如何将flex布局应用到实际项目中。二、flex容器将一个元素设置如下属性1.box{2display:flex;3}此容器会变成一个flex容器（flexcontainer），

前端学习路径1.WEB前端快速入门在本阶段，我们需要掌握HTML与CSS基础，当然，也包含H5和C3的新特性。这个部分内容非常简单，而且非常容易掌握。

为什么使用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

image最近在群里总有小伙伴跟小肆说最近在学习前端的路上感到迷茫，他们有刚刚接触前端的小白，也有工作3年以上的老手，无一例外，他们都在不停的寻求进步（掌声呱唧呱唧），那小肆要说的呢，首先第一点，保持这种持续学习的心态，程序员这个行业不进则退，技术发展太快，靠吃老本是无法适应市场需求的。第二呢就是今天小肆要跟大家分享的，找对学习的地方。学习前端的不同时期我们应该学习的地方也不一样，小肆就在这里跟大

前言上一篇主要讲了我学习前端的一个经历，以及为什么选择BuildAdmin作为深入前端学习的原因.同事也大致聊了一下学习前端需要使用哪些技术栈。

文章目录初识VUE（项目搭建）@vue/cli创建项目@vue/cli自定义配置vue指令基础指令虚拟DOM与key过滤器计算属性侦听器VUE组件创建使用组件通信生命周期axios使用$refs和$nextTick使用购物车案例组件切换组件插槽自定义指令tabbar案例VUE路由基础概念声明式导航路由传值的方式编程式导航嵌套和守卫Vant组件库VUE3VUE原理初识VUE（项目搭建）VUE渐进式j

CSS3浮动定位与背景样式浮动与定位浮动的基本概念浮动用来实现并排浮动的最本质功能：用来实现并排浮动的使用浮动使用要点：要浮动，并排的盒子都要设置浮动父盒子要有足够的宽度，否则子盒子会掉下去浮动的顺序贴靠特性子盒子会按顺序进行贴靠，如果没有足够空间，则会寻找再前一个兄弟元素浮动的元素不再区分块级元素、行内元素，已经脱离了标准文档流，一律能够设置宽度和高度，即使它是span或者a标签等span{fl

前言最近需要维护一个个人项目，由于笔者是一个大后端，所以借此机会把前端学习过程记录一下，方便后续回顾。

一、useReducer管理相对复杂的状态数据定义一个reducer函数，根据action值的不同返回不同的状态在组件中调用useReducer并传入reducer函数和状态的初始值事件发生时，通过dispatch函数分派一个对象，即通知reducer具体返回哪个状态对应的操作import{useReducer}from"react";functionreducer(state,action){s

低调务实优秀中国好青年(简介)&&附加答案中文|English一个☝️正经的前端学习开源仓库，启发来自淘宝大佬@冴羽，初心做一个真正能帮助到大家的仓库。一个人可以走的更快，但一群人才能走的更远。

低调务实优秀中国好青年(简介)&&附加答案中文|English地址⬇️github.com/webVueBlog/…一个☝️正经的前端学习开源仓库，启发来自淘宝大佬@冴羽，初心做一个真正能帮助到大家的仓库

低调务实优秀中国好青年(简介)&&附加答案中文|English地址⬇️github.com/webVueBlog/…一个☝️正经的前端学习开源仓库，启发来自淘宝大佬@冴羽，初心做一个真正能帮助到大家的仓库

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

先摆结论：vertical-align这里的top线，bottom线，middle线，baseline线是由最大宽度和最大高度的行内元素或行内块元素决定的。按照惯例，先摆三个行内元素。1、改变第一个盒子，vertical-align：top，middle，bottom和baseline线；如图1基于2移动，1的top线和2的top线平行。由于2是三个行内元素的最大宽度和最大高度，所以1基于2的to

垂直对齐只对，显示模式display：flex有效所以只能是flex盒子才能应用。摆四张图片就能清晰认识，不再赘述。