PaddyWang_-CSDN博客

原创 JavaScript基础

JavaScript基础JavaScript 包含： ECMAScript、DOM和BOM。JavaScript 的基本类型有：string、number、boolean。JavaScript 的复合类型有：String、Number、Boolean、Date、Array、Math、RegExp，还有两个核心类型：Object和Function。JavaScript 还有两个空类型：n

2016-04-22 00:06:35 293

原创 JavaScript中函数的四种调用模式

JS中函数的四种调用模式JS中函数的四种调用模式函数调用模式方法调用模式构造器调用模式上下文调用模式在函数的调用模式中感觉最大的区别就是： this指向函数调用模式即通过函数名直接调用的一种方式this 指向 windowdemofunction fn( ){ console.log(this); // -> Window ...}fn( );方法调用

2016-04-20 23:54:46 385

原创响应式布局

响应式布局响应式布局即一个页面可以兼容多种终端设备说白了就是页面随着屏幕尺寸的改变来自适应移动Web开发与响应式布局比较：域名以 m. 开头移动Web开发只适配于移动设备一般采用百分比布局一般是在已有PC端页面的基础上扩充多采用通栏较响应式布局来说开发成本低屏幕尺寸尺寸设备 < 768px 超小屏幕 768px — 992px 小屏幕 992px — 12

2016-04-13 23:38:38 414

原创 JavaScript中的闭包

闭包从字面上来理解闭包就是封闭的包裹可以理解为受到保护的区域即：函数内部定义的变量，函数外部无法访问产生闭包的原因：js的词法作用域有时候往往在一个作用域中需要访问另一作用域中的变量即：跨链访问闭包的作用的就是进行跨链访问走一个demo：function fn(){ var num = Math.random();}现在需要在函数外部获取num的值，该怎么做呢？？？可以改一下函数：fu

2016-04-04 17:15:04 368

原创递归

递归所谓递归就是自己调用自己递归思想就是：将问题归结为已经解决的问题实现递归的过程：什么时候递归什么时候跳出知识点：arguments.callee 就是当前函数的引用上几个demo：求n!function fn(n){ if(n <= 0) return ; if(n === 1) return 1; return arguments.callee(n - 1)

2016-04-04 16:16:08 251

原创 js中的数据类型转换

数据类型转换字符串转数字var str1 = '123';var str2 = '123.456';var str3 = '123abc';var str4 = 'abc123';console.log(str1 + ' --- ' + typeof str1); // => 123 --- stringconsole.log('-----+-----');var a1 = str1 +

2016-04-01 22:19:41 337

原创 JavaScript中的原型

JavaScript中的原型目录：JavaScript中的原型原型属性prototype原型对象__proto__constructor获取对象的类型原型对象和原型属性的区别继承实现继承的方式构造函数直接继承和间接继承原型链对象的属性访问Objectprototype中的成员函数added原型属性prototype在js中每当我们创建一个函数的时候就会有一个prototyp

2016-03-30 11:09:36 336

原创理解JavaScript中值类型和引用类型

理解值类型和引用类型在JavaScript中进行数据操作的时候可以将其划分为值类型和引用类型值类型值类型即按值传递的数据类型包括：string、number、boolean、null、undefined 特点：值类型的名和值存储在同一内存空间中在值类型进行赋值的时候，其实是将其进行了复制（副本）并赋值当再改变原始值时不会改变其副本的值example： var str1 = 'haha'

2016-03-26 23:56:35 326

原创 rem简单实现移动端适配

rem：移动web开发默认字体大小是16px在<html>中设置字体大小与em的区别：em是在父级设置字体大小受影响移动端适配首先获取屏幕的宽度计算当前屏幕宽度和640的比例计算出font-size的值改变html的font-size的值 <!DOCTYPE html><html lang="en" style="font-size: 100px;"><head> <me

2016-03-26 23:53:02 2029

less简介CSS（层叠样式表）是一门历史悠久的标记性语言，同 HTML 一道，被广泛应用于万维网（World Wide Web）中。HTML 主要负责文档结构的定义，CSS 负责文档表现形式或样式的定义。作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为

2016-03-26 23:42:50 291

原创 JavaScript中数组的操作

JavaScript中数组的操作增push() 插入后数组长度 = 数组.push(元素);返回数组长度；插入一个元素到数组最后面（改变原数组）unshift() 插入后数组长度 = 数组.unshift(元素)；返回数组长度；插入一个元素到数组最前面（改变原数组） var arr = [ 1, 2, 3, 4]; var newArrLen1 = arr.push(3);

2016-03-26 23:34:36 220

原创 css常用选择器

css常用选择器css选择器基本选择器 .class 类选择器# id id选择器div 标签选择器* 通配符关系选择器div,p,ul,li 并集选择器ul li后代选择器：选择<ul>元素内的所有<li>元素<ul> <li> 这个li会被选中 <ol> <li>这个li不会被选中</li>

2016-03-21 17:22:45 394

原创字体图标

字体图标引用字体包 @font-face { font-family: 'font-name'; /*引入字体文件不同的浏览支持的字体文件的格式不一样*/ src: url(fonts/MiFie-Web-Font.eot) format('embedded-opentype'), url(fonts/MiFie

2016-03-21 00:06:23 540

原创移动Web开发经验

移动Web开发viewport用于承载页面的视口，可以进行网页的缩放viewport（视口）就相当于一张照片纸，浏览器窗口就相当于一个相框，网页就相当于照片上的图案。viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。在默认情况下，一般来讲，移动设备上的viewport都是要大于浏览器可视区域的，这是因为考虑到移动设备的分辨率相对于桌面电脑来说

2016-03-19 23:36:50 364

原创瀑布流函数

在jQuery对象后面添加瀑布流函数(function($){ $.fn.waterFall = function(gap){ // 函数调用对象 jQuery对象 var $this = $(this), // 调用对象子元素集合 jQuery对象 $items = $this.children(),

2016-03-15 15:30:50 336

原创 H5中新增API-历史管理&Web应用&应用缓存

1、历史管理 history对象 history.back(); // 后退 history.forward(); // 前进 history.go(n); // 前进/后退n步 history.length; // 历史条数 pushState(data,title,url); // 追加一条历史记录 onpopstate /

2016-03-15 15:29:47 692

原创 JS中String的高级操作

JS中String的高级操作String（高级API）字符串索引操作charAt()指定索引位置字符 = str.charAt(index);charCodeAt()指定索引位置字符ASCII = str.charCodeAt(index);indexOf()指定字符的索引 = indexOf(chr); // 从前开始查找第一个指定字符lastIndexOf()指定字符的索引 = las

2016-03-15 15:28:05 247

原创模板引擎Template

模板引擎Template模板引擎实现基本原理首先体验一下进行简单实现// 目标将字符串里的带有<%= %>标识符的替换成对应的数据 var str = '大家好！我是<%= name %>, 今年<%= age %>岁';// 要替的数据格式必须和标识符里面的对应起来var data = { "name":"haha", "age":22};// <%= name

2016-03-15 15:25:31 357

原创封装一个Ajax工具函数

封装一个Ajax工具函数原生JS简单实现Ajax1、先写出调用函数然后一步步分析封装 // jQuery里面的Ajax就是这样的调用方式 $.ajax({ type:'get', // 请求方式 url:'demo.php', // 后台处理程序地址接口

2016-03-15 13:26:56 363

PaddyWang的博客