aizou6838-CSDN博客

转载 web前端安全性

跨站脚本攻击(XSS攻击)XSS(Cross Site Scripting)，跨站脚本攻击。XSS是常见的Web攻击技术之一.所谓的跨站脚本攻击指得是:恶意攻击者往Web页面里注入恶意Script代码，用户浏览这些网页时，就会执行其中的恶意代码，可对用户进行盗取cookie信息、会话劫持等各种攻击.解决方案:输入过滤。永远不要相信用户的输入，对用户输入的数据做一定的过滤。...

2018-09-17 22:04:00 227

转载 offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式</title><script type="text/jav...

2018-09-12 11:23:00 170

转载 js 判断回文字符串

回文字符串：字符串从前往后读和从后往前读字符顺序是一致的。判断一个字符串是不是回文字符串 function isPalindrome(str) { var str1 = str.split('').reverse().join(''); return str1===str; }判断字符串中的所有回文字符串 ...

2018-09-05 17:31:00 440

转载 js 判断素数(质数)

判断一个数是不是素数 function isPrinme(n) { if(n == 0 || n==1){ return false; } if(n==2){ return true; } for(var i=2;i<Math....

2018-09-05 16:45:00 1203

转载内存泄露

一、什么是内存泄漏？JavaScript中的内存泄漏就是被分配的内存没有被使用，但是也不能被回收的一种现象。二、内存泄漏会导致的问题？这样导致内存一直被占用，最后影响程序性能甚至出现崩溃。三、JavaScript内存泄漏的几种情况。1、js对象循环引用导致内存泄漏：function fn1(){ obj_a = obj_b; obj_b.attr ...

2018-08-09 16:21:00 99

转载 try catch和if else

当错误发生时，当事情出问题时，JavaScript 引擎通常会停止，并生成一个错误消息。描述这种情况的技术术语是：JavaScript 将抛出一个错误。 try 语句允许我们定义在执行时进行错误测试的代码块。 catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。首先try提捕获异常的，即异常并不是我们能预先知道的，所以不能用if什么条件来判断的。异常是需要在程...

2018-08-09 16:12:00 472

转载 canvas的beginPath和closePath

https://www.cnblogs.com/xuehaoyue/p/6549682.htmlhttps://segmentfault.com/a/1190000010330319https://blog.csdn.net/heyue_99/article/details/52144023转载于:https://www.cnblogs.com/lmjZone/p/94380...

2018-08-07 17:00:00 112

转载 html5的canvas2

http://www.cnblogs.com/liugang-vip/p/5360283.htmlhttp://www.cnblogs.com/liugang-vip/p/5364292.htmlhttp://www.cnblogs.com/liugang-vip/p/5383164.htmlhttp://www.cnblogs.com/liugang-vip/p/53899...

2018-08-07 16:57:00 87

转载 html5的canvas

前言 <canvas></canvas>是html5出现的新标签，像所有的dom对象一样它有自己本身的属性、方法和事件，其中就有绘图的方法，js能够调用它来进行绘图。基本知识 context：getContext("2d") 对象是内建的 HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法，获取这个对象的方法是...

2018-08-07 11:51:00 170

转载 SVG和canvas的区别

1、Canvas 是用JavaScript 操作动态生成的， SVG 则是使用XML静态描述生成的;2、Canvas 基于位图，简单来说就是图片放大会影响到显示的效果，造成不好的影响，SVG 基于矢量图，图形放大不会影响到显示效果。3、发生修改事件的时候，canvas必须重绘，SVG不需要。Canvas依赖分辨率不支持事件处理器弱的文本渲染能力能够以...

2018-08-07 10:46:00 253

转载 http的三次握手与四次挥手

https://www.jianshu.com/p/5638310fbef0转载于:https://www.cnblogs.com/lmjZone/p/9435622.html

2018-08-07 10:42:00 96

转载 html5 SVG

什么是SVG？　　SVG 指可伸缩矢量图形 (Scalable Vector Graphics)　　SVG 用来定义用于网络的基于矢量的图形　　SVG 使用 XML 格式定义图形　　SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失　　SVG 是万维网联盟的标准　　SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体SVG有什么优势？• 文...

2018-08-07 10:40:00 90

转载 CSS三列自适应布局（两边宽度固定，中间自适应）

https://blog.csdn.net/cinderella_hou/article/details/52156333https://blog.csdn.net/wangchengiii/article/details/77926868转载于:https://www.cnblogs.com/lmjZone/p/9431599.html

2018-08-06 17:43:00 119

转载 css的position属性

1. 介绍1.1 说明Position属性：规定元素的定位类型。即元素脱离文档流的布局，在页面的任意位置显示。1.2 主要的值①absolute：绝对定位；脱离文档流的布局，遗留下来的空间由后面的元素填充。定位的起始位置为最近的父元素(postion不为static)，否则为Body文档本身。②relative：相对定位；不脱离文档流的布局，只改变自身的位置，在...

2018-08-06 15:56:00 75

转载 js中this的理解

关于thisthis并不是指向函数本身。this在任何情况下都不指向函数的词法作用域。this是在运行时进行绑定的，而并不是在编写时绑定，它的上下文取决于函数调用时的各种条件。this的绑定和函数声明的位置没有任何关系，只取决与函数的调用方法。this的绑定规则this到底绑定或者引用的是哪个对象环境决定于函数被调用的地方。而函数的调用有不同的方式，在不同...

2018-08-02 17:46:00 100

转载使用new时，会发生什么？

使用new来调用函数，或者说发生构造函数调用时，会自动执行下面的操作：创建（或说构造）一个全新的对象。这个新对象会被执行[[prototype]]连接。这个新对象会绑定到函数调用的this。如果函数没有返回其他对象，那么new表达式中的函数调用会自动返回这个新对象。当this碰到return时如下代码：function fn() { ...

2018-08-02 17:06:00 511

转载 CSS的响应式布局

响应式布局是什么它是相对于固定像素大小的网页而言的，顾名思义，响应式布局就是网页能够响应各种各样不同分辨率大小的设备，能够将网页很好的呈献给用户。如何实现响应式布局？1、CSS3@media查询使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用...

2018-08-01 17:59:00 143

转载理解js中的原型链

对象有”prototype”属性，函数对象有”prototype”属性，原型对象有”constructor”属性。关于原型在JavaScript中，原型也是一个对象，通过原型可以实现对象的属性继承，JavaScript的对象实例中都包含了”[[Prototype]]”内部属性，这个属性所对应的就是该对象的原型。“[[Prototype]]”作为对象的内部属性，是不能被直接访问...

2018-08-01 16:43:00 112

转载 js立即执行函数

js中两种最常见的立即执行函数(function(){...})()(function(){...}())函数声明和函数表达式不同之处在于：Javascript引擎在解析javascript代码时会‘函数声明提升’（Function declaration Hoisting）当前执行环境（作用域）上的函数声明，而函数表达式必须等到Javascirtp引擎执行到...

2018-08-01 11:59:00 75

转载 js的闭包

function a(){ var n = 0; this.inc = function () { n++; console.log(n); };}var c = new a();c.inc(); //控制台输出1c.inc(); //控制台输出2什么是闭包？这就是闭包！！有权访问...

2018-08-01 11:29:00 69

转载 js运算符的特殊应用

是否包含指定字符： ~取整： |取半： >>成长值评级： ||判断奇偶： &交换两个数字的值： ^=2的n次方： << 和 ** 1 << n-1是否是指定字符串开头： ! 和 ^字符串转数字： +转为 Boolean 值： !!转为数字类型：~~1、是否包含指定字符： ~~"str1...

2018-07-19 17:01:00 119

转载 js实现超范围的数相加

在js中能表示的最大安全整数是 9007199254740991，可以用APINumber.MAX_SAFE_INTEGER看一下超出范围就会发生精度丢失，像这样解决方法：相当于一个字符串相加的问题。不能把数字简单的相加，需要倒序取数字的每一位，进行相加，大于等于10，进1，小于10，进0，把结果保存在一个字符串中。注意点：1、要考虑长度不一样...

2018-07-19 16:23:00 244

转载对象的私有/公有/静态/特权属性/方法

私有/公有的属性/方法【私有属性】：在对象内部使用'var'关键字来声明，而且它只能被私有函数和特权方法访问。【公共属性】：通过this.variableName来定义而且在对象外部是可以读写的。不能被私有函数所调用，它能被特权方法调用（包括对象的构造方法）和私有方法调用,私有函数只能访问私有的方法和属性。【私有方法】：在对象的构造函数里声明（或者是通过var fun...

2018-07-19 11:52:00 478

转载 canvas画扇形、饼图

画扇形的方法方法一：起始角度是0，那么第一条线就是line(r,0)，通过旋转扇形的角度，第二条线就是line(r,0)//圆弧ctx.save();ctx.translate(100, 100);ctx.arc(0,0,100,0, 30*Math.PI/180);ctx.restore();//第一条线ctx.save();ctx.moveTo...

2018-04-12 15:47:00 690

转载 H5不支持的标签

<acronym>定义首字母缩写。<applet>定义applet<basefont>定义文档中所有文本的默认颜色、大小和字体。请用CSS代替<big>定义大号文本<center>定义居中的文本<dir>定义目...

2018-04-11 11:31:00 327

转载 HTML 5 <em> <strong> <dfn> <code> <samp> <kbd> <var> <cite> 标签

<em>呈现为被强调的文本。<strong>定义重要的文本。<dfn>定义一个定义项目。<code>定义计算机代码文本。<samp>定义样本文本。<kbd>定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的...

2018-04-11 11:02:00 91

转载 H5新增的标签和属性

声明Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。...

2018-04-11 10:13:00 234

转载 js中的柯里化

维基百科中的解释：　　在计算机科学中，柯里化（英语：Currying），又译为卡瑞化或加里化，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。顾名思义，柯里化其实本身是固定一个可以预期的参数，并返回一个特定的函数，处理批特定的需求。这增加了函数的适用性，但同时也降低了函数的适用范围。柯里化所要表达是...

2018-04-10 11:40:00 103

转载 JS中attribute和property的区别

property 和 attribute非常容易混淆，两个单词的中文翻译也都非常相近（property：属性，attribute：特性），但实际上，二者是不同的东西，属于不同的范畴。property是DOM中的属性，是JavaScript里的对象；attribute是HTML标签上的特性，它的值只能够是字符串；attribute和property介绍简单理解，At...

2018-04-09 15:31:00 229

转载 px(像素)、pt(点)、ppi、dpi、dp、sp之间的关系

px：pixel，像素，电子屏幕上组成一幅图画或照片的最基本单元pt：point，点，印刷行业常用单位，等于1/72英寸ppi：pixel per inch，每英寸像素数，该值越高，则屏幕越细腻dpi：dot per inch，每英寸多少点，该值越高，则图片越细腻dp：dip，Density-independent pixel, 是安卓开发用的长度单位，1dp表示在...

2018-04-09 11:26:00 3608

转载怎么在高清屏上画一条0.5px的边

怎么在高清屏上画一条0.5px的边呢？0.5px相当于高清屏物理像素的1px。这样的目的是在高清屏上看起来会更细一点，效果会更好一点，例如更细的分隔线。理论上px的最小单位是1，但是会有几个特例，高清屏的显示就是一个特例。高清屏确实可以画0.5px，对比效果如下：直接设置0.5px，在不同的浏览器会有不同的表现<!DOCType html><ht...

2018-04-09 10:37:00 139

转载链家2018实习生前端笔试题

一、找出1到n中缺少的数var str='1 5 7 8 9 10 11';var strArr=str.split(' ');for (var i = 0; i < strArr.length; i++) { strArr[i] = parseInt(strArr[i]); } //对数组进行升序排序strArr.sort(fu...

2018-04-08 22:33:00 122

转载引入CSS的方式、link和@import的区别

引入CSS的方式有四种：内联方式、嵌入方式、链接方式、导入方式。内联方式内联方式指的是直接在 HTML 标签中的style属性中添加 CSS。<div style="background: red"></div>这通常是个很糟糕的书写方式，它只能改变当前标签的样式，如果想要多个<div>拥有相同的样式，你不得不重复地为每...

2018-04-04 15:31:00 69

转载块级元素、行内元素、display属性

块级元素特点：总是以一个块的形式表现出来，占领一整行。若干同级块元素会从上之下依次排列（使用float属性除外）。可以设置高度、宽度、各个方向的margin以及各个方向的padding。当宽度（width）缺省时，它的宽度时其容器的100%，除非我们给它设定了固定的宽度。块级元素中可以容纳其他块级元素或行内元素。块级元素的display属性值默认为block。...

2018-04-04 14:59:00 786

转载 CSS隐藏页面元素的方法

Opacityopacity属性的意思是设置一个元素的透明度。它不是为改变元素的边界框而设计的。这意味着将 opacity 设为 0 只能从视觉上隐藏元素。而元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互。.hide { opacity: 0;} Visibility将visibility的值设为hidden可以隐藏元素。如同...

2018-04-04 11:35:00 68

转载伪类、伪元素、锚伪类

伪类CSS2中对伪类的定义是：CSS 伪类用于向某些选择器添加特殊的效果。截止css2，伪类有以下几种：CSS3中对伪类的定义如下：伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息（如：:link、:visited）以及不能被常规CSS选择器获取到的信息（:target用来匹配文档(页面)的URI中某个标志符的目标元素）。伪类由一个冒号:开头，冒...

2018-04-04 11:28:00 283

转载 js中数值各进制之间的转换

十进制转换为二进制toString()方法可把一个 Number 对象转换为一个字符串，并返回结果。语法如下：NumberObject.toString(radix);其中，radix为可选。规定表示最终转换成的数字的基数，使 2 ~ 36 之间的整数。若省略该参数，则使用基数 10。但是要注意，如果该参数是 10 以外的其他值，则 ECMAScript 标准允许...

2018-04-02 21:59:00 395

转载 js中的||和&&的用法

与其他语言不同，在JS中，a&&b或者a||b返回的是要么是a，要么是b；而其他语言中返回的是true or false对于js中的或与运算，需要隐式的转换为boolean类型再来运算；转换规则为：a&&b　　如果a为true，则执行b并返回b的值；　　如果a为false，则返回false不执行b；a||b　　如果a为true，则返...

2018-04-02 17:42:00 140

转载 js中各种类型转换为Boolean类型

数据类型转换为true的值转换为false的值BooleantruefalseString任何非空字符串空字符串Number任何非零数字值（包括无穷大）0和nullObject任何对象nullUndefinedUndefined转载于...

2018-04-02 17:32:00 98

转载 js对数字的处理：取整、四舍五入、数字与字符串的转换

取整、四舍五入向下取整Math.floor()向上取整Math.ceil()四舍五入Math.round())保留有效数位n.toFixed()产生大于等于0小于1的随机数Math.random()生成Min和Max之间的随机数：var Range = Max - Min; var num = Min + Math.random()...

2018-04-02 14:48:00 506

空空如也

空空如也