Limonor的博客

网络应用层安全之SQL注入注入攻击，就是数据与代码没有分离产生的结果，计算机或服务器把用户输入的数据当做代码执行，其中有两个关键条件：①用户能够控制输入，②代码进行了拼接。SQL注入是发生在 Web 程序中数据库层的安全漏洞，是网站最常见最简单的漏洞。网站考虑地再详细也会被黑客们抓到漏洞和破绽，SQL注入利用程序对输入数据不会判断和处理进行恶意攻击，使用具有特定意义的SQL 语句执行非法操作。简言之，SQL 注入就是在用户输入的字符串中加入 SQL 语句，如果程序没有对输入进行处理，那么这些注入进

对于这个问题，需要考虑到各种情况的数组const arr1 = [1, 1, 1, 1, 1, 2, 2, 2, 3];const arr2 = [1, 1, 1, 'a', 'b', 'a', 2, 2];const arr3 = [{ a: 1 }, { a: 1 }, { b: 2 }, { b: 2 }, { c: 3 }];const arr4 = [1, , , , 2, , 3];const arr5 = [true, true, false, true, false];S..

问题：在不修改原数组的情况下反转数组大家都知道reverse()，但是这个方法是会改变原来的数组，怎样既可以访问到原来的数组，有可以让新数组实现元素反转。首先，复习一下在数组的方法中，哪些是修改原有的数组，哪些是生成新的数组。修改原数组：push pop shift unshift splice sort reverse copyWithin生成新数组：filter concat slice map reduce一、ES6的扩展运算符ES6新增的扩展运算符非常好用。[...arr] 就

Promise 对象一、引言Promise 是异步编程的方案异步操作有哪些：fs 文件操作数据库ajax定时器传统异步的解决方案 —— 回调函数和事件从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点。????（1）对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：Pending（进行中）Resolved（已完成）Re

this一、上几道题开开胃1 ????var obj = { name: 'a', say: function(){ console.log(this.name) }}var say = obj.say;obj.say(); say(); 答案aundefined在对象里面调用 和 被声明成独立的全局引用 是不一样的obj.say(); 就是在 obj 对象里面查找 say 函数，执行环境是 obj 对象，this 指向 ob

Boolean、Number、StringJavaScript有三种特殊的引用类型 Boolean、Number 和 String，它们有各自的属性和方法，也各自是数据结构的一种，在小题目中会出现的比较多。目录Boolean、Number、StringBoolean数据类型Boolean() 转型函数new Boolean 对象Number数据类型转换为数值????Number()????parseInt()????parseFloat()Number 数值判断????isNaN()????isFin

ArrayJavaScript中的数组是一种特殊的对象，用来表示偏移量的索引是该对象的属性。JavaScript中的数组严格意义上是对象，被当做对象，在内部被归结为数组。创建数组（1）字面量表示直接通过 [ ] 操作符声明一个数组变量var arr = [];var arr2 = [1,2,3,4];（2）构造函数方式通过new一个构造函数来创建var arr = new Array(1,2,3,4)（3）Array.of 创建数组从给定参数创建数组var arr =

iFat3 发布在 javascript 2018年2月25日 view：2073HTML5 前端开发 DOMHTML简言理解WEB页面的生命周期，文档加载事件及顺序对WEB开发有十分的重要意义。如果不理解，在元素未加载就提前操作元素，则得不到想要的结果。而如果页面完全加载完成后，再进行操作，则又会影响用户体验。一般来说，大多数的操作我们都应该放在DOMContentLoaded事件中执行。采用如下形式：document.addEventListener('DOMContentLoaded', .

生命周期beforeCreate是new Vue()之后触发的第一个钩子，实例刚刚被创建，还没有初始化好data，methods。在当前阶段data、methods、computed以及watch上的数据和方法都不能被访问。created在实例创建完成后发生，当前阶段实例的data和methods已经初始化，已经完成了数据观测，可以使用数据，更改数据。在这里更改数据不会触发updated函数。可以做一些初始数据的获取。在当前阶段无法与Dom进行交互，如果非要想，可以通过vm.$nextTi

居中????文本水平居中（图片、按钮、文字等行内元素）text-align : center;一个盒子添加了text-align : center，里面所有的行内元素 / 行内块元素都会水平居中????div块水平居中margin : auto;其实就是把子元素的 margin-left、margin-right 都设置为 auto但是对浮动元素和绝对定位的元素无效子元素的宽度需要确定????一行文字垂直居中line-height = 你这个块的 height;文字的行高等

选择器符号，指的是div+span {}h1,p {}.first a {}#show>ul {}div~p {}这些A~B选择器：选择A之后出现的所有BA、B必须有相同的父元素，B不必紧邻AA B选择器：选择A的所有后代元素A>B选择器：表示选择A元素的所有子B元素。空格和大于的区别就是，空格取所有后代，大于只取子这一代A,B选择器：逗号指相同的css样式A+B选择器：这个“+”是选择相邻兄弟，叫做“相邻兄弟选择器”...

关于这个知识点的网上的博客帖子已经很多很多了，无意与大牛们比，只是想着自己理解了表达提炼出来，作为整理，方便记录。目录全面的理解一遍总结版的回答全面的理解一遍1️⃣ JavaScript是面向对象的语言。面向对象的语言都是通过类来创建实例对象，但是ES6之之前没有class。2️⃣ JavaScript通过构造函数生成实例化对象。function Car(){ //code}var suv = new Car();3️⃣ 每个函数都有一个prototype属性，本质是对象。//

WebAPIweb APIs是W3C的标准 主要学习DOM BOM页面交互API（应用程序编程接口）是一些预先定义的函数，方便用，不需要理解web API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM DOM）DOMDOM（文档对象模型），是W3C组织推荐的处理可扩展标记语言（HTML/XML）的标准编程接口。已经定义了有一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式。DOM树一个页面就是一个文档 document页面中的所有标签都是元素 elem

JavaScript一、基础运行在客户端的脚本语言脚本语言：不需要编译，运行过程中由 js解释器（js引擎）逐行来解释执行也可以基于 Node.js 技术进行服务器端编程作用表单动态验证网页特效服务端开发 Node.js桌面程序 ElectronApp物联网游戏开发浏览器执行JS浏览器分为两部分：渲染引擎 、JS引擎渲染引擎：用来解释HTML和CSS，内核JS引擎：JS解释器，读取网页中的 JS 代码，处理后运行浏览器本身不会执行JS代码，而是通过内置JS引擎来执

专业的解释通俗的解释JavaScript的语法糖

箭头函数（Arrow Functions）函数的一种简写，箭头指向返回的输出。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。箭头函数表达式的语法比 [函数表达式] 更简洁，并且没有自己的this，arguments，super或new.target基础语法(param1, param2, …, paramN) => { statements } (param1, param2, …, paramN) => expression//相当于：(param1

CSSCSS书写顺序1. 布局定位属性display / position / float / clear / visibility / overflow2. 自身属性width / height / margin / padding / border / background3. 文本属性color / font / text-decoration / text-align / vertical-align / white-space / break-word

HTML1. 块元素、行内元素、行内块元素块元素常见 <h1~h6>、<p>、<div>、<ul>、<ol>、<li><div>是最典型的块元素特点：自己独占一行框尺寸可调宽度默认是容器（父级宽度）的100%是一个容器及盒子，里面放行内或块级元素PS： 文字类的元素（<p>、<h1~h6>）不能使用块级元素行内元素常见 <a>、<strong>、