1.展示效果（分页）2.分页主要字段分页主要字段包括pageSize每页条数、pageNum第几页、startRow当前开始页编号、endRow当前结束页编号、total总数量。主要是根据前端分页的参数，进行处理后，返回前端正确的数据，其实是一个很常见且简单的功能。但是是非常也是非常重要的。pageSize每页条数pageNum第几页startRow当前开始页编号endRow当前结束页编号tota

面向过程编程和面向对象编程面向过程编程定义:就是分析问题所需要的步骤,然后用函数讲这些步骤实现,让用的时候直接调用面向对象编程定义:构成问题事务分解成各个对象,建立对象不是为了完成一个步骤，而是为了描述某个事物在整个解决问题的步骤中的行为创建对象的方法工厂模式创建对象//工厂模式创建对象functiontest(){varo=newObject();o.name="张三";o.age=18;o.h

闭包定义:我们知道外部无法访问内部的变量以及函数,如果我们外部能够访问内部函数中的函数，那么我们称这个称内部函数中的函数为闭包。闭包形成原因我么通常知道当我们函数执行完毕后，其中的局部变量将进行销毁，但是如果局部变量因为外部引起而导致没有被销毁，因此就形成了闭包为什么滥用闭包会导致内存泄漏一般情况下我们函数执行完了，其中的局部变量将会被垃圾回收机制进行回收,但是当你调用了闭包，那其对应引用的局部变

此文章内容参考链接：https://www.jianshu.com/p/d4157e85ec39一、this指向详解this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this的指向，实际上this的最终指向的是那个调用他的对象【这句话不是很严谨，在一般情况下是可以的】情况1：如果一个函数中有this，但是他没被上一级的对象所调用，那么this的指向就是window，这里需要说明

Class和普通构造函数有何区别前端会使用ES6中的Class来代替JS中的构造函数JS构造函数functionMathHandle(x,y){//构造函数this.x=x;this.y=y;}MathHandle.prototype.add=function(){//原型的拓展returnthis.x+this.y;};varm=newMathHandle(1,2);//实例化构造函数conso

  在前面，小编已经陆陆续续为大家分享了很多知识点，那么今天要为大家分享的是将组件通信和双向绑定结合在一起。这个案例的需求是这样子的：1.基本数据：父组件有数据num1和num2，子组件有数据number1和number2.2.实现需求：  ①父传子：将父组件的num1和num2传递到子组件的numer1和number2；  ②双向绑定：通过input输入框实现子组件的number1和number

前言大家好，我是菜鸟林三心，今天给大家分享前端学习视频路线（B站），保证你从小菜鸟变成大菜鸟（狗头）基础（html，css，js基础，js进阶），必须推荐尚硅谷李立超老师的视频，讲的非常生动有趣框架（vue

目录常见的加密算法Md5DES/AES对称加密AES和DES的区别RSA加密（非对称加密算法）base64伪加密https加密常见的加密算法Md5线性散列算法，可以产出一个128位(16字节)的散列值，且MD5加密后产生的是一个固定长度（32位或者16位）可知，当在逆向时，看到32位或者16位时可以猜测是用的MD5加密算法DES/AES对称加密AES和DES的区别DES全称DataEncrypti

知识体系写作背景回顾我的前端学习之路随便玩玩摸爬滚打自主学习我的学习经验总结你处于哪个阶段呢迷茫期广度扩展深度沉淀写在本章结尾献给新人们的学习路线IDE篇sublimewebstormhbuildervscode总结前端三大件HTML-构建webCSS-设计webJS-web的逻辑js三大组成部分js

另类的是自己创建一个圈子门派前端的价值：交换价值（针对公司的价值，不是个人能力）工作不是一分钱一分货公司培养不了，自发学习(想上班有学习时间，又想下班只顾着玩，世界上没有这好事)35岁危机js基础红宝书，es6书js

我们在平时工作中常常会遇到文件上传的需求。但许久以来大多数人都是直接使用一些框架自带的组件去实现，对于一些复杂的上传场景、原理一直是云里雾里，不得其解。本文旨在对2020年最popular的面试技术点——前端文件上传做详尽的解读，包含前端、node、http等涉及文件上传的完整流程。这是一个非常好的切入全栈思维的点。formDataenctype属性规定在发送到服务器之前应该如何对表单数据进行编码

一、事件JavaScript创建动态页面。事件是可以被JavaScript侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript函数或程序的事件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。主要事件表:image二、对象1、类/对象的封装Javascript是基于对象开发的语言，而不是面向对象开发的语

乌龙明月JS进阶沙沙的分享

闭包、this和箭头函数是三个常见面试题，也是js进阶之路上的拦路虎。这次还用实践熟悉这三个问题。this实践demo写了一段代码来验证this的指向。

JS中this的指向问题不同于其他语言，JS中的this不是指向定义它的位置，而是在哪里调用它就指向哪里。JS中，普通的函数调用有三种：直接调用、方法调用和new调用。除此之外还有一些特殊的调用方式，比如通过bind()将函数对象之后在进行调用，通过apply()、call()进行调用等。而es6引入箭头函数之后，箭头函数调用时，其this指向又有所不同，下面来分析这些情况下的this指向。直接调

第十二天04-基础进阶-第02天{对象进阶、内置对象}第十二天对象工厂模式创建对象构造函数模式创建对象原型模式创建对象原型属性值类型&引用类型值类型作参数引用类型作参数数组复制数组增删字符串分隔数组翻转数组数组过滤filter数组索引indexOf获取数组中某个元素每次出现的位置获取数组中每个元素出现的次数截取数组遍历数组forEach对象工厂模式创建对象工厂模式:即在函数中创建对象时,所有属性使

周日的JS课程实战，并没有完成，今天开干。以后周末的时候，尽量少在电脑旁边呆着，多进行一些户外活动，来给周内的工作带来精力与活力。透支身体的事情，最好不要干。1、持久化存储-mongodb要把数据持久化就要用到数据库，比如sqlite，mysql等比较有名的数据库，除此之外mongodb。在开发小型项目时，MongoDB足够用了，nodejs必须引用node-MongoDB-Native这个库来操

正式开始重新补课啦，加油。上次这部分的课程，我记得好像到第5课程，之后就没有继续学习了，这次重新扎实地从第一节课程开始。用时：1小时19分钟1.开始的寒暄a.第一节课程的持续到大概29分钟，老师才真正的开始进入到课程的界面，前29分钟，主要就是老师放了自己的代码，以及放了北京音乐。b.29分钟开始了，老师寒暄了一下，表示都是些熟悉的面孔。接下来，老师主要是想勾引一下大家，让大家对于Webapp产生

又跟着老师的视频课程学习了，学完之后，最重要的是练习啊！1、编程语言的演化编程的语言里面有很多保留字，这些保留字不能当做变量。但是经常还会预留一些关键字。预留一些关键字的目的是：为了以后的发展的空间做准备。关键字特别的重要。今天的课程主要会帮助大家做一些思想上的整理，一定要建立一些思想上的认知。Express的架构老师表示巨简单。本节课程把Express的前4课程的内容做一个串讲。package.

白天在公司写代码写的天昏地暗，晚上练习了JS进阶课程的关于邮件发送的例子感觉特别的累以前在github上发生过一些让人不愉快的事情，每每想起都觉得有点痛苦不堪，难怪有个谚语：一朝被蛇咬十年怕井绳的说法克服恐惧

基本知识js的特点很多语法非常的灵活随意兼容性问题。js、html、css浏览器翻译浏览器分为高级、低级浏览器高级：火狐、谷歌、ie8以后低级：ie8以下的浏览器web方向：php、java、python，服务端的语言客户端===服务端js引入方式和打印方式四种引入方式（1）百度一下（2）（3）在html页面的任何位置加入js代码（4）在html页面的任何位置加入三种打印方式（1）alert弹窗打

面向过程POPJavascript进阶面向过程POP(process-orientedprogramming)分析出解决问题所需的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了面向对象OOP(objectorientedprogramming)把事务分解成一个个对象，然后由对象之间分工合作。OOP的特性:封装性，继承性，多态性对象是一组无序的相关属性和方法的集合。【

闭包变量作用域变量根据作用域不同可以将函数分为全局变量和局部变量函数内部可以使用全局变量函数外部不可以使用局部变量函数执行完毕后，本作用域的局部变量会销毁在JS中函数的闭包有广泛的应用场景，闭包常用于私有化对象数据、事件处理、回调函数等闭包的定义闭包是指有权访问另一个函数作用域中变量的函数，简单来说，一个作用域可以访问另一个作用域内部的局部变量functionfunc(){varnum=10ret

js中的基本数据类型六种基本数据类型，包括Number,String,Boolean,Undefined,Null。还有一种复杂数据类型（object）;typeof操作符js中提供一种检测当前变量数据类型的方法（typeof）;typeof123//Numbertypeof"shenqixiaomin"//Stringtypeoftrue//Booleantypeofundefined//Und

对象内建对象-内建对象指由ES标准定义的对象，任何对ES标准的实现都可以使用这些对象，不用新建可直接调用对象比如：MathStringNumberBooleanRegExpMath.Pi;String(200);宿主对象-宿主对象指由JS运行环境为我们提供的对象，目前对于我们来说就是指浏览器为我们提供的对象比如BOM对象和DOM对象windowdocumentconsole。。。。。。自定义对象,

1.Documentimg{position:absolute;top:50%;left:50%;margin-left:-250px;margin-top:-225px;}/*目标：鼠标拖动图片思路：1.当没有按下鼠标的时候，鼠标移动图片不动2.当我们的图片上按下鼠标的时候，然后移动鼠标然后图片跟着动3.鼠标抬起的时候(松开左键，图片就停在对应的位置在移动鼠标图不动)步骤：1.给img加一个属性

BOMBOM概述bom即为浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象，核心对象是windows，windows是最大的，所以BOM包含DOM常见事件窗口加载事件等页面加载完再执行的事件，包含页面dom元素，即整个dom树加载完毕。所以不存在命名调用的顺序。DOMConteneLoaded是DOM元素加载完毕，不包含图片，flash等就可以执行，速度更快调整窗口大小事件窗口大小发生

概述面向对象是一种思维定势（套路），当遇到任何需求，都是用这一套思维解决。本篇我们进一步了解面向对象，主要了解面向对象的三面大旗，即封装+继承+多态，还有一些关于面向对象的概念三面大旗封装封装即是隐藏细节，可以是A对A隐藏细节，也可以是A对B隐藏细节。任何一个函数都是封装A-A==>封装函数，解决自己的思想负担，需要使用时只需要调用自己封装的函数即可A-B==>例如一些第三方库（jQuery的作者

前言阅读Vue源码仅仅只是为了面试吗？我想，大概很多人都会这么觉得吧！但我并不这么想…为什么呢？（ps:后续再慢慢讲述…）当然，当你选择去阅读Vue源码也真的是需要一定的勇气，为什么会这么说？如果自己花了时间但却没有一点收获，心情肯定是失落的。好在功夫不负有心人，这段时间通过不断的思考自己学到了什么这样的课题伴随着…还算是有收获。初始_initVue构造函数从_init这个api下开始工作，在in

JS进阶1.ES6基础知识点变量提升问：什么是变量提升？为什么存在变量提升函数及变量的声明都将被提升到函数的最顶部。也就是变量可以先使用再声明。变量提升的根本原因就是为了解决函数之间互相调用的情况。

面向对象的概念对象的基本概念ECMAScript有两种开发模式：①函数式②面向对象面向对象的基本概念：类：类是对象的模板实例：实例是根据类创建的对象对象的组成和特点：对象组成：属性：名词，静态的，描述对象特征的。方法：动词，动态的，描述对象行为的。对象的特点：封装继承多态面向对象的创建有很多种方式：实例创建varobj=newObject();obj.name='张三';obj.age='18';

Ajax是什么?如何创建一个Ajax？AJAX全称是AsychronousJavaScriptAndXml（异步的JavaScript和XML）它的作用是用来实现客户端与服务器端的异步通信效果，实现页面的局部刷新，早期的浏览器并不能原生支持ajax，可以使用隐藏帧（iframe）方式变相实现异步效果，后来的浏览器提供了对ajax的原生支持其主要通过XMLHttpRequest(标准浏览器)、Act

文章目录一、面向对象导读二、ES6中的类和对象2.1class类2.2创建类2.3constructor构造函数2.4创建第一个类和对象2.5类中添加方法2.6class的set和get属性2.7注意事项三、继承3.1语法3.2super(超级的)关键字3.3继承方法的同时扩展方法四、Tab栏案例获取：4.1点击Tab栏能实现切换Tab栏和内容4.2点击右上角×号能删除当前栏目和内容4.3点击加号

❝点赞再看，年薪百万本文已收录至https://github.com/likekk/-Blog欢迎大家star，共同进步。如果文章有出现错误的地方，欢迎大家指出。后期将在将GitHub上规划前端学习的路线和资源分享。❞前言距离写上一篇文章已经过去两个月了（上一篇文章是2020年07月17日写的），托更有点严重，一方面是这几个月项目在赶，另一方面是自己近两个月以来变懒了（为自己不想更新文章找借口），

web前端：基础：htmlcssjs进阶：jqueryext后台：基础：java进阶：struts2hibernatespringstrutsibatisDB：基础：mysqloracle

Angular数据更新不及时问题探讨前言在修复控制角标正确变化过程中，发觉前端代码组织层次出现了严重问题。传递和共享数据时自己使用的是rootScope,为此造成了全局变量空间的污染。根据《AngularJs深度剖析与最佳实践》，如果两个控制器的协作存在大量的数据共享和交互可以利用Factory等服务的“单例”特性为它们注入一个共享对象来传递数据。而自己在使用rootScope时，出现了变量不一致

AngularJS项目开发技巧之localStorage存储注:localStorage深度学习绪项目开发完毕，测试阶段发现后台管理端二维码生成有问题，问题在于localStorage的存储。如下图左所示，二维码生成完毕包含信息如下图左所示，实际二维码信息如下图右所示:经过测试发现二维码实际存储的是上一次的结果。好熟悉~Bingo,自己做导航栏高亮时就遇到过这个问题，当时就是使用的localSto

解决AngualrJS页面刷新导致异常显示问题绪俗话说，细节决定成败，编程亦是如此。编程过程中我们可能会不自觉的忽视一些细节问题，殊不知，这些细节正是导致页面显示出现问题的地方。今略举一例，与君共勉之。页面正常加载后，显示如下：按F5刷新之后，页面如下所示:很明显，页面显示出现了异常。回过头再看看Chrome的错误提示，具体代码如下:正是以上代码导致了错误的发生。追根溯源让我们回顾一下，错误到底是

JS中的函数防抖一、什么是函数防抖概念：函数防抖（debounce），就是指触发事件后，在n秒内函数只能执行一次，如果触发事件后在n秒内又触发了事件，则会重新计算函数延执行时间。举个栗子，坐电梯的时候，如果电梯检测到有人进来（触发事件），就会多等待10秒，此时如果又有人进来（10秒之内重复触发事件），那么电梯就会再多等待10秒。在上述例子中，电梯在检测到有人进入10秒钟之后，才会关闭电梯门开始运行

Vue.js进阶文章列表vue-cli2.0安装cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpminstall-gvue-cli

JavaScript进阶【1】JavaScript模块化module的概念JavaScript进阶【2】浏览器缓存对象sessionStorage和localStorageCSS进阶【1】常用样式控制Vue.js

Vue.js进阶文章列表div位置控制.backGround_star{width:100%;height:100%;opacity:1;background:url(../..

Vue.js进阶文章列表Vue.js进阶【4-0】用vue-cli命令命令行安装npminstallecharts--savemain.js//引入echartsimportechartsfrom'echarts'Vue.prototype

修真院Web工程师零基础全能课本节课内容AngularJs进阶-指令主讲人介绍沁修，葡萄藤技术总监项目经验丰富，擅长H5移动项目开发。专注技术选型、底层开发、最佳代码实践规范总结与推广。

在javascript中，this的指向是在执行上下文的创建阶段确定的，其实只要知道不同执行方式下，this的指向分别是是什么，就能很好的掌握this这个让人摸不透的东西。一、全局执行全局执行又分为浏览器和node下的执行环境1、浏览器console.log(this);//window2、nodeconsole.log(this);//global在浏览器器下全局执行的this指向window，

（一）原型1.原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先，通过构造函数实例化的对象可以继承该原型的属性和方法，原型也是对象2.实例对象可以访问自己的属性和方法，也可以访问原型对象的属性和方法，实例对象和原型对象都有的属性和方法，访问的是实例对象的3.利用原型的特点，将共有的属性和方法放到原型中，实例对象可以继承原型中的属性和方法，但不能修改/删除原型上的方法和属性

转载自：一篇文章理解JS继承——原型链/构造函数/组合/原型式/寄生式/寄生组合/Classextends同时加入了我个人的一些例子和浅见继承分类先来个整体印象。如图所示，JS中继承可以按照是否使用object函数（在下文中会提到），将继承分成两部分（Object.create是ES5新增的方法，用来规范化这个函数）。其中，原型链继承和原型式继承有一样的优缺点，构造函数继承与寄生式继承也相互对应。

this的指向很多情况下，经常会出现this指向概念模糊的情况！this指向和函数作用域是时间线上完全相反的两个东西，函数作用域是在你定义的时候就已经决定了归属，而this是在执行代码时，有调用的“对象”决定！this指向的大致情况this在对象内部的函数方法里调用；在普通函数的内部调用；在构造器中调用；在call、apply中调用；在对象内部函数的方法里调用此时，this指向该对象varobj=

  什么叫懒人?就是把事情一拖再拖，不到最后期限打死都不做。那什么是路由的懒加载呢？就是哪个组件来了就加载谁，绝对不会多加载。不信？请看下文image.png一、打包文件解析1.前言  试想一下，如果我们把鸡蛋放在同一个篮子，万一不小心把篮子摔了，所有鸡蛋就都碎了o(╥﹏╥)o所以我们一般都把鸡蛋分开篮子放。  同样，当我们把所有的文件都打包到bound.js文件夹下，该文件夹就会变得很大，加载缓

  是的，就在昨天Webpack已经成功的将css文件划分到自己的业务范围内，这还不够，所以今天的webpack决定收服图片类的文件。[这个图片很调皮，小编从昨天调试到现在，才成功的把它显示出来┭┮﹏┭┮]image.png1.图片打包方式  photo：因为我平常都是让url带我去找css大哥的，所以我打包的话，也是跟css大哥一起打包到“服务器”要我们干活的地方。【因为图片也是css样式中的一