![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
PaddyWang_
用界面驱动你的欲望
展开
-
JavaScript中的原型
JavaScript中的原型目录:JavaScript中的原型原型属性prototype原型对象__proto__constructor获取对象的类型原型对象和原型属性的区别继承实现继承的方式构造函数直接继承和间接继承原型链对象的属性访问Objectprototype中的成员函数added原型属性prototype在js中每当我们创建一个函数的时候就会有一个prototyp原创 2016-03-30 11:09:36 · 328 阅读 · 0 评论 -
JavaScript中函数的四种调用模式
JS中函数的四种调用模式JS中函数的四种调用模式函数调用模式方法调用模式构造器调用模式上下文调用模式 在函数的调用模式中感觉最大的区别就是: this指向函数调用模式 即通过函数名直接调用的一种方式this 指向 windowdemofunction fn( ){ console.log(this); // -> Window ...}fn( );方法调用原创 2016-04-20 23:54:46 · 377 阅读 · 0 评论 -
响应式布局
响应式布局响应式布局即一个页面可以兼容多种终端设备说白了就是页面随着屏幕尺寸的改变来自适应移动Web开发与响应式布局比较:域名以 m. 开头移动Web开发只适配于移动设备一般采用百分比布局一般是在已有PC端页面的基础上扩充多采用通栏较响应式布局来说开发成本低屏幕尺寸 尺寸 设备 < 768px 超小屏幕 768px — 992px 小屏幕 992px — 12原创 2016-04-13 23:38:38 · 411 阅读 · 0 评论 -
理解JavaScript中值类型和引用类型
理解值类型和引用类型在JavaScript中进行数据操作的时候可以将其划分为值类型和引用类型值类型值类型即按值传递的数据类型 包括:string、number、boolean、null、undefined 特点:值类型的名和值存储在同一内存空间中 在值类型进行赋值的时候,其实是将其进行了复制(副本)并赋值 当再改变原始值时不会改变其副本的值example: var str1 = 'haha'原创 2016-03-26 23:56:35 · 319 阅读 · 0 评论 -
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 · 2019 阅读 · 0 评论 -
JavaScript中数组的操作
JavaScript中数组的操作增push() 插入后数组长度 = 数组.push(元素);返回数组长度;插入一个元素到数组最后面(改变原数组)unshift() 插入后数组长度 = 数组.unshift(元素);返回数组长度;插入一个元素到数组最前面(改变原数组) var arr = [ 1, 2, 3, 4]; var newArrLen1 = arr.push(3);原创 2016-03-26 23:34:36 · 217 阅读 · 0 评论 -
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 · 244 阅读 · 0 评论 -
瀑布流函数
在jQuery对象后面添加瀑布流函数(function($){ $.fn.waterFall = function(gap){ // 函数调用对象 jQuery对象 var $this = $(this), // 调用对象子元素集合 jQuery对象 $items = $this.children(),原创 2016-03-15 15:30:50 · 329 阅读 · 0 评论 -
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 · 683 阅读 · 0 评论 -
模板引擎Template
模板引擎Template模板引擎实现基本原理首先体验一下 进行简单实现// 目标 将字符串里的带有<%= %>标识符的替换成对应的数据 var str = '大家好!我是<%= name %>, 今年<%= age %>岁';// 要替的数据格式 必须和标识符里面的对应起来var data = { "name":"haha", "age":22};// <%= name原创 2016-03-15 15:25:31 · 353 阅读 · 0 评论 -
封装一个Ajax工具函数
封装一个Ajax工具函数原生JS简单实现Ajax1、先写出调用函数 然后一步步分析封装 // jQuery里面的Ajax就是这样的调用方式 $.ajax({ type:'get', // 请求方式 url:'demo.php', // 后台处理程序地址接口原创 2016-03-15 13:26:56 · 360 阅读 · 0 评论 -
JavaScript中的闭包
闭包从字面上来理解闭包就是封闭的包裹可以理解为受到保护的区域即: 函数内部定义的变量,函数外部无法访问产生闭包的原因:js的词法作用域有时候往往在一个作用域中需要访问另一作用域中的变量即:跨链访问闭包的作用的就是进行跨链访问走一个demo:function fn(){ var num = Math.random();}现在需要在函数外部获取num的值,该怎么做呢???可以改一下函数:fu原创 2016-04-04 17:15:04 · 366 阅读 · 0 评论 -
递归
递归所谓递归就是自己调用自己递归思想就是:将问题归结为已经解决的问题实现递归的过程:什么时候递归什么时候跳出知识点: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 · 245 阅读 · 0 评论 -
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 · 329 阅读 · 0 评论 -
移动Web开发经验
移动Web开发viewport用于承载页面的视口,可以进行网页的缩放viewport(视口)就相当于一张照片纸,浏览器窗口就相当于一个相框,网页就相当于照片上的图案。viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小。在默认情况下,一般来讲,移动设备上的viewport都是要大于浏览器可视区域的,这是因为考虑到移动设备的分辨率相对于桌面电脑来说原创 2016-03-19 23:36:50 · 357 阅读 · 0 评论 -
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 · 286 阅读 · 0 评论