shjxa-CSDN博客

原创 url问题

本文主要总结关于JavaScript的url相关问题。url编码编码方式主要有两种：encodeURI()，对应的解码方法为decodeURI()encodeURIComponent()，对应的解码方法为decodeURIComponent()两者的区别：encodeURI()方法主要用于对整个URL进行编码。除了常见符号外，它对网址中的特殊符号，如“;/?:@&=+$,#”等，不进行编码

2017-08-29 14:27:41 441

原创 DOM常见操作

查找DOM节点getElementById()getElementsByTagName()getElementsByName()getElementsByClassName()querySelector()querySelectorAll()前四种需要对应的参数，后两种可以使用任意CSS选择器作为参数。前四种和后两种的主要区别：返回的对象不同举例说明：假设HTML代码如下：<u

2017-08-28 18:01:02 393

原创 js字符串方法总结

字符串的长度使用length属性可以查看字符串的长度转化为字符串toString()使用对象，数值，布尔值和字符串值都有该方法。但是null，undefined方法没有let test1 = [1,2,4];console.log(test1.toString()); // 1,2,4let test2 = 3.3;console.log(test2.toString()); // 3.3let

2017-08-28 12:14:30 384

原创 js数组去重

本文主要总结只考虑数组中元素为数字或字符串，返回一个去重后的数组的去重方法。基本方法主要思想：创建一个新数组，首先遍历原数组，若原数组某个元素不在新数组中，则添加到新数组；若存在，则忽略。function uniqeArray(arr){ let res = [arr[0]]; for(let i = 0; i< arr.length; i++){ let repea

2017-08-28 10:52:45 248

原创 js数组基本方法总结

先定义一个数组：var a = ["a","b","c"];数组检测instanceofconsole.log(a instanceof Array); // true只有一个全局作用域下，使用这种方法。若网页中包含多个框架，容易出错。Array.isArray()console.log(Array.isArray(a)); // true不管有几个全局环境，都可以，但是兼容性不高。Obj

2017-08-24 15:44:19 274

原创 js作用域总结

全局作用域函数作用域catch，with延长作用域链ES6中let和const的块级作用域

2017-08-24 11:27:56 190

原创 arguments,callee和caller

arguments每个函数都会有Arguments对象实例arguments，它包含传入函数的实参。arguments类型是对象，但是也是个类数组。它可以使用数组的length来看参数的数量，但是不能使用数组的方法，如pop等。将它转换为数组: Array.prototype.slice.call(arguments)。常见的类数组主要是arguments和获取的DOM元素（datalis

2017-08-24 10:51:32 288

原创 js深拷贝浅拷贝

对数据进行备份是一个常见的问题。那么什么是深拷贝浅拷贝呢？我们都知道js的数据类型有值类型和引用类型。值类型：通过赋值即可实现数据备份引用类型：由于变量中保存的只是指向数据值的指针，因而若简单复制变量，那么若改变变量，原对象也会跟着改变，这就是浅拷贝。所以深拷贝指的自然就是另外开辟一块内存保存对象的值，这样即使改变了拷贝后的数据，原数据也不会改变。浅拷贝普通赋值function clone

2017-08-23 16:46:21 485

原创 js继承方法的总结

js中的继承主要是依靠原型链来实现的。下面我们来分析一下继承的方式还有其优缺点。原型链继承首先介绍一下原型链的基本概念。先来理解一下原型、构造函数和实例的关系。每个构造函数都有一个原型对象（通过prototype属性）原型对象都包含一个指向构造函数的指针（通过constructor属性）实例都包含一个指向原型对象的内部指针（通过隐式proto属性）那么，若原型对象等于另一个原型的实例，则

2017-08-22 17:56:16 601

原创 js中new一个对象会发生什么

js中可以使用new构造函数的方法创建一个新对象，使用这种方式调用构造函数实际上会经历以下步骤： 1、创建一个新对象 2、将构造函数的作用于赋给新对象（this） 3、执行构造函数中的代码（为新对象添加属性） 4、返回该对象。因此对于一个构造函数即使它的内部语句最后并没有return，也会默认有return this；语句。

2017-08-22 15:54:02 4152

原创 javascript中this使用场景的总结

首先需要明确的是函数中写的this只有在调用的时候，我们才能确定它的值是怎样的。因为函数调用时会生成一个新的执行上下文环境。全局 & 调用普通函数在全局作用域下，调用普通函数，其this指向window。var n = 'hello world !'; 　　function example(){ 　　　　 this.n = 0; 　　 } 　console.log(n); // 0 !

2017-08-22 13:35:01 346 1

转载跨域问题

自己收藏的跨域问题详解

2017-08-20 23:00:26 174

原创事件处理程序的几种方式总结

本文主要总结一下关于事件处理的几种方式。HTML事件处理程序这种方式即写在HTML代码中的，如<input type="button" value="click" onclick="alert('Clicked')">点击该按钮就会弹出相应的对话框。这种方式是将onclick作为元素属性，将执行的代码作为属性值来表达。但是这样的写法需要注意，为了避免解析不正确，需要使用经过转移的HTML语法字符

2017-08-20 14:28:15 2745

原创 HTTP状态码

本文主要讲解HTTP常见的状态码。 HTTP状态码负责表示客户端HTTP请求的返回结果、标记服务器端的处理是否正常、通知出现的错误等工作。状态码的类别状态码主要有五类：1XX接受的请求正在处理2XX请求正常处理完毕3XX需要进行附加操作以完成请求4XX客户端错误，服务器无法处理请求5XX服务器处理请求错误常见的状态码200：表示客户端发来的请求在服务端被正常处理 204：服务端接收的请求已成功

2017-08-18 22:00:56 261

原创 Ajax原生实现及相关知识讲解

最近在系统的学习JavaScript基础知识，本文讲解一下关于ajax的实现。首先上一个原生实现的代码：// 创建兼容主要浏览器的XHR对象的方法function createXHR(){ if(typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); }else if(typeof Acti

2017-08-18 19:17:01 219

原创 css水平垂直居中

再次总结一下css水平垂直居中问题在css中，进行水平居中非常简单：若是行内元素，就对其父元素设置text-align： center；若是块级元素，自身设置margin：auto；即可。垂直居中比较复杂。下面详细叙述几种常见的比较好的用法，对于过去的比较老的用法不再总结。绝对定位的方法其基本原理是把元素的正中心放到视口的正中心。看下面的例子：main { position: abs

2017-08-18 16:24:58 246

原创学习Symfony框架笔记------创建项目

我的电脑版本是windows7系统，因此只研究了Windows的安装。使用一下午的时间安装成功。 1、准备工作首先需要安装PHP，而且要保证PHP在path路径里面。为了省事，直接安装了xampp，自动将这些工作做好。至于xampp的安装过程不再赘述。 2、使用官方的安装步骤安装symfony全栈框架首先打开cmd

2017-03-10 10:28:01 467

原创 HTML表单

HTML表单用于搜集不同类型的用户输入。下面介绍HTML及HTML5中的表单元素的使用方法。 1、元素用于定义HTML表单，其他表单元素包含在form元素内。使用方法： form elements 2、表单元素表单元素指的是不同类型的input元素、复选框、单选按钮、提交按钮等。

2017-02-22 11:47:10 298

原创前端面试题整理-------HTML/CSS部分----小知识点

1、常用哪几种浏览器？有哪些内核？浏览器：IE，Chrome，FireFox，Safari，Opera。内核：Trident，Webkit(Chrome,Safari)，Gecko,Presto2、Doctype作用？标准模式与混杂模式各有什么区别？告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。

2017-02-21 21:11:56 276

原创 display和position的值与作用

描述display和position的值及其作用，和一些相关知识点

2017-02-21 20:13:35 3857

原创清除浮动

清除浮动的几种常见方法

2017-02-21 19:27:58 341

原创元素垂直水平居中

整理了常用的元素垂直水平居中的方法

2017-02-21 16:52:41 369

原创盒模型

整理关于盒模型的知识点

2017-02-21 13:43:25 298

转载 javascript获取当前时间年月日时分秒

转载地址：http://www.cnblogs.com/wdw31210/archive/2012/06/27/2565865.html$("#aa").click(function () {var date = new Date();this.year = date.getFullYear();this.month = date.getMonth() + 1;this.date =

2016-10-23 14:27:02 2439

原创零基础HTML与CSS编码（二）

任务目的针对设计稿样式进行合理的HTML架构，包括以下但不限于：掌握常用HTML标签的含义、用法能够基于设计稿来合理规划HTML文档结构理解语义化，合理地使用HTML标签来构建页面掌握基本的CSS编码，包括以下但不限于：了解CSS的定义、概念、发展简史掌握CSS选择器的含义和用法实践并掌握CSS的颜色、字体、背景、边框、盒模型、简单布局等样式的定义方式任

2016-10-18 16:33:03 550

原创 CSS定位与居中问题实践

任务目标实践HTML/CSS布局方式深入了解position等CSS属性HTML代码为： task_04 CSS代码为：*{ margin: 0px; padding: 0px;}.div1{ width: 400

2016-10-18 16:15:00 267

原创 CSS三栏式布局

任务目标掌握HTML/CSS布局的概念掌握盒模型的概念掌握position与float的概念以及在布局时的用法HTML代码为： task_03 团队名称

2016-10-18 16:10:06 435

原创零基础HTML及CSS编码练习（一）

本文为对于百度前端技术学院春季班的任务练习。任务目的针对设计稿样式进行合理的HTML架构，包括以下但不限于：掌握常用HTML标签的含义、用法能够基于设计稿来合理规划HTML文档结构理解语义化，合理地使用HTML标签来构建页面掌握基本的CSS编码，包括以下但不限于：了解CSS的定义、概念、发展简史掌握CSS选择器的含义和用法实践并掌握CSS的颜色、字体、背景、边框

2016-10-18 16:00:23 838

转载 PGM文件格式

文章转载自http://blog.csdn.net/searchlife/article/details/3590713PGM文件格式PGM----Portable Graymap Format.pgm格式是灰度文件格式的最低标准.PGM文件的格式定义如下:一个PGM文件由一个或多个PGM图象组成. 在多副图象之间,之前或之后没有任何数据存在. 每一个PGM 图像由以下部分组成:

2015-12-18 17:18:47 552

shjxa的博客