10 2017 档案

摘要:注意:里边的两张图片(一大一小)可以自己添加,JQ采用jquery-1.11.3.js版,也可自行调换。 HTML代码: CSS代码: reset.min.css文件: JS代码: 阅读全文
posted @ 2017-10-24 17:36 Scar007 阅读(568) 评论(0) 推荐(0) 编辑
摘要:时间格式转换 阅读全文
posted @ 2017-10-24 17:22 Scar007 阅读(242) 评论(0) 推荐(0) 编辑
摘要:附:utils.js代码文件 阅读全文
posted @ 2017-10-24 17:13 Scar007 阅读(449) 评论(0) 推荐(0) 编辑
摘要:附:utils.js代码文件 阅读全文
posted @ 2017-10-24 16:57 Scar007 阅读(224) 评论(0) 推荐(0) 编辑
摘要:跑马灯效果 周星驰曾经有一份真诚的爱情放在我面前,我没有珍惜,等我失去的时候我才后悔莫及,人世间最痛苦的事莫过于此。 如果上天能够给我一个再来一次的机会,我会对那个女孩子说三个字:我爱你。 如果非要在这份爱上加上一个期限,我希望是…… 一万年 周星驰曾经有一份真诚的爱情放在我面前,我没有珍... 阅读全文
posted @ 2017-10-24 16:41 Scar007 阅读(8609) 评论(0) 推荐(0) 编辑
摘要:window全局作用域->页面关掉才销毁 函数执行会形成私有的作用域 1)作用域的销毁 一般情况下,函数执行形成一个私有的作用域,当执行完成后就销毁了->节省内存空间 2)作用域的不立即销毁 3)作用域的不销毁:形成一个私有作用域,里面的内容被外面占用了 当我们知道f用完的时候,为了优化性能,我们让 阅读全文
posted @ 2017-10-24 12:50 Scar007 阅读(243) 评论(0) 推荐(0) 编辑
摘要:面向对象编程思想需要我们掌握关于类的继承、封装、多态 1、封装:把实现一个功能的代码放在一个函数中封装起来,以后再想实现这个功能的时候,我们不需要重新的编写代码了,只需要执行对应的函数即可,我们把这种机制就称之为"函数的封装" -->低耦合高内聚:减少页面中的冗余代码,提高代码的重复使用率 2、多态 阅读全文
posted @ 2017-10-24 12:38 Scar007 阅读(200) 评论(0) 推荐(0) 编辑
摘要:JS中检测数据类型只有四种方式 1、typeof 用来检测数据类型的运算符 [typeof value] 2、instanceof / constructor 1)instanceof:检测当前实例是否属于某一个类,属于的话返回true,不属于返回false 1)instanceof:检测当前实例是 阅读全文
posted @ 2017-10-24 12:06 Scar007 阅读(4262) 评论(0) 推荐(0) 编辑
摘要:1、try catch ->在try中执行我们的代码,如果在执行的过程中发生了异常信息,我们在catch中写代替的执行方案前提:不兼容的情况下,执行对应的代码,需要发生异常错误才可以检测到弊端:不管是否兼容,都要先执行不兼容的代码,相对来说浪费一些性能 2、利用是否为这个对象的一个属性,来检测是否兼 阅读全文
posted @ 2017-10-24 12:05 Scar007 阅读(393) 评论(0) 推荐(0) 编辑
摘要:下边分为两个版本,一种是点击切换选项(index.js),一种是滑过切换选项(index1.js) HTML文件: jq使用jquery-1.11.3.js版本 index.css reset.min.css代码: index.js代码: // $('#tab1').changeTab(0, 'mo 阅读全文
posted @ 2017-10-23 18:57 Scar007 阅读(635) 评论(0) 推荐(0) 编辑
摘要:1、jQuery的实现原理 1)jQuery采用的是构造函数模式进行开发的,jQuery是一个类 2)上面说的常用的方法(CSS、属性、筛选、事件、动画、文档处理)都是定义在jQuery.prototype上的 ->只有jQuery的实例才能使用这些方法 2、选择器/筛选 1)我们的选择器其实就是创 阅读全文
posted @ 2017-10-23 17:46 Scar007 阅读(15889) 评论(2) 推荐(3) 编辑
摘要:异步编程是我们JS中非常重要也是逼格非常高的编程方式 JS中的任务队列->不管是定时器还是我们的点击事件,我们都是事先把需要做的事情存储到任务队列中排队等待,当需要去执行的时候,我们在执行; JS是单线程的->当我在主线程上执行一个任务的时候,只有当当前的任务执行完成了,才会在到任务队列中找下一个任 阅读全文
posted @ 2017-10-23 17:30 Scar007 阅读(571) 评论(0) 推荐(0) 编辑
摘要:一. 伪装URL-SEO 伪URL重写 把一个动态页面的地址重写为静态页面的地址,为了方便网站的SEO优化 真实地址:http://item.jd.com/detail.php?id=12261336038 后缀名:php,aspx,asp,jsp....这些后缀名的地址都是动态地址,百度的搜索引擎 阅读全文
posted @ 2017-10-23 16:58 Scar007 阅读(337) 评论(0) 推荐(0) 编辑
摘要:一. AJAX 原生JS var xhr=new XMLHttpRequest(); xhr.open("GET","[请求地址]",false); xhr.onreadystatechange=function(){ if(xhr,readystate 4 && xhr.status==200){ 阅读全文
posted @ 2017-10-23 16:57 Scar007 阅读(1030) 评论(0) 推荐(0) 编辑
摘要:时间戳整理 function changeTime(time){ var str=time; var str1 =str.substr(5,2); var str2 =str.substr(8,2); return str=str1+'-'+str2; } http://api.iclient.if 阅读全文
posted @ 2017-10-23 16:56 Scar007 阅读(201) 评论(0) 推荐(0) 编辑
摘要:一. Swiper swiper是一个应用于移动端的动画插件,原理类似于轮播图 官网 http://www.swiper.com.cn/# html结构 <div class="swiper-container"> <div class="swiper-wrapper"> <div class="s 阅读全文
posted @ 2017-10-23 16:55 Scar007 阅读(673) 评论(0) 推荐(0) 编辑
摘要:less是一门css预处理语言,文件后缀名为.less,能减少css文件编写的代码量 官网 http://lesscss.cn/#using-less 安装 使用npm install -g less 全局安装less 在node.js and NPM中激活 在file watchers中打开les 阅读全文
posted @ 2017-10-23 16:53 Scar007 阅读(238) 评论(0) 推荐(0) 编辑
摘要:一. AJAX配置 打开一个URL请求地址(发送请求前的一些配置) [请求方式]:GET系列:GET/DELETE/HEAD,POST系列:POST/PUT [请求地址]:我们通过这个地址向服务器发送数据请求,请求的地址一般都是后台提供的(API接口文档) [设置同步异步]:默认是TRUE异步,设置 阅读全文
posted @ 2017-10-23 16:44 Scar007 阅读(216) 评论(0) 推荐(0) 编辑
摘要:一. 请求 一个网页全部展示,需要向服务器发送很多的请求 首先第一次请求的是HTML页面,服务器把HTML源代码返回给客户端,客户端浏览器进行渲染 在页面渲染过程中,如果遇到link,script,img,iframe,audio,video等这些标签,则还需要重新在向服务器发送新的请求 在谷歌浏览 阅读全文
posted @ 2017-10-23 16:41 Scar007 阅读(312) 评论(0) 推荐(0) 编辑
摘要:1.js中几种数据类型? 简单数据类型(基本数据类型):String Number Boolean Null Undefined 复杂数据类型:Object 2.var a=b=c=d=5是什么意思,如果接下来再写一句d=9,a,b,c值会有变化吗? 初始化给a b c d 赋值为5.改变d后abc 阅读全文
posted @ 2017-10-23 15:49 Scar007 阅读(331) 评论(0) 推荐(1) 编辑
摘要: 阅读全文
posted @ 2017-10-23 15:36 Scar007 阅读(115) 评论(0) 推荐(0) 编辑
摘要:null和undefined都代表没有,但是null是属性存在但是值不存在,undefined是连这个属性都不存在 例如: null:空对象指针->没有具体的值 ->一般都是我们手动设置初始的值为null,后期的话会给其赋值 undefined:未定义->连东西都没有 ->一般都是浏览器默认的值 n 阅读全文
posted @ 2017-10-23 15:31 Scar007 阅读(362) 评论(0) 推荐(0) 编辑
摘要:ECMAScript:(3/5/6/7) 它是JS语言的标准,规定了JS的编程语法和基础核心知识。 DOM:document object model 文档对象模型,提供给JS很多的操作页面中元素的属性和方法 BOM:browser object model 浏览器对象模型,提供了很多操作浏览器的属 阅读全文
posted @ 2017-10-23 13:06 Scar007 阅读(137) 评论(0) 推荐(0) 编辑
摘要:引用数据类型赋值遵循三步操作:(一定是按照以下步骤进行的) 阅读全文
posted @ 2017-10-11 17:43 Scar007 阅读(583) 评论(0) 推荐(0) 编辑
摘要:逻辑或:首先看左边是真还是假(除了那5个都是真),如果为真,返回左边值,如果为假,返回右边的值 逻辑与:和逻辑或相同,先看左边的值是真是假,如果左边为真返回右边的值,左边为假返回左边的值 在两者同时出现的时候逻辑与的优先级高于逻辑或 第一个应用:判断的时候用 第二个应用:赋值的时候使用 阅读全文
posted @ 2017-10-11 17:41 Scar007 阅读(570) 评论(0) 推荐(0) 编辑
摘要:在新版浏览器中,条件中的函数在预解释的时候只能先声明不能定义,当然如果函数不在判断中,预解释的时候是会被声明+定义 函数形参:形参本身就是变量,而且是当前作用域的私有变量 函数实参:函数执行传递进来的值,实参本身就是出具值 函数执行的五个步骤: 函数的私有变量: 阅读全文
posted @ 2017-10-11 17:39 Scar007 阅读(167) 评论(0) 推荐(0) 编辑
摘要:一维数组:[12,23,'珠峰',true...] 二维数组:[12,{name:"珠峰"},[23,34]] 多维数组:[12,{friend:[34,45]}] 数组排序: ary.sort() ary.sort(function(a,b){return b-a;}); 删除数组最后一项: ar 阅读全文
posted @ 2017-10-11 17:35 Scar007 阅读(233) 评论(0) 推荐(0) 编辑
摘要:一 前端开发概述 html页面:html css javascript 拿到UI设计图纸:切图-->html+css静态布局-->用JS写一写动态效果-->ajax和后台进行交互,把数据动态绑定到页面上-->用node.js服务平台做源代码管理-->用node.js做后台 二 js引入到页面的方式和 阅读全文
posted @ 2017-10-11 17:30 Scar007 阅读(347) 评论(0) 推荐(0) 编辑
摘要:数据类型转换的规则 1 如果只有一个值,判断这个值是真还是假,遵循只有0,NaN,'',null,undefined这五个是假的,其余的都是真 2 如果是两个值比较是否相等,遵循以下规则: ![]->false []==[]->false //val==val 两个值可能不是同一个数据类型的,如果是 阅读全文
posted @ 2017-10-11 17:19 Scar007 阅读(469) 评论(0) 推荐(0) 编辑
摘要:CALL/APPLY、一些编程基础以及一些基础知识、正则 call、apply、bind 求数组的最大值和最小值: 数组排序(SORT的原理->localeCompare实现汉字比较),取头取尾 假设法 利用APPLY传参传递的是一个数组的机制,借用Math.max/Math.min获取最大值最小值 阅读全文
posted @ 2017-10-11 17:01 Scar007 阅读(270) 评论(0) 推荐(0) 编辑
摘要:你是如何理解编程语言中的面向对象的? 我们研究JS和使用JS编程本身就是基于面向对象的思想来开发的,JS中的一切内容都可以统称为要研究的“对象”,我们按照功能特点把所有内容划分成“几个大类,还可以基于大类划分小类”,我们开发研究的时候拿出类中的一个具体事物“类的实例”来操作,当前实例具备的一些特点, 阅读全文
posted @ 2017-10-11 16:55 Scar007 阅读(248) 评论(0) 推荐(0) 编辑
摘要:1.对象:JS中万物皆对象,它是一个泛指 类:对象的具体的细分 (物以类聚,人与群分。具有相同属性和方法的实例的一个集合总称) 实例:某一个类别中具体的一个事物 对象是一个抽象的概念,类似于我们的自然界;我们自然界中分为了 人类、动物类、植物类...,而我们每一个人都是人类中的一个实例 2.单例模式 阅读全文
posted @ 2017-10-11 16:22 Scar007 阅读(325) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>表格排序</title> <style type="text/css"> ul,li{ margin: 0; padding: 0; list-style: non 阅读全文
posted @ 2017-10-09 15:21 Scar007 阅读(338) 评论(0) 推荐(0) 编辑
摘要:call方法:让调用对象执行,然后第一参数是谁。调用对象的this就改变,指向谁,后边跟参数,依次对应传入 apply方法:让调用对象执行,然后第一参数是谁。调用对象的this就改变指向是谁,后边跟参数,以数组的形式传入 call继承 --- 改变调用对象this的指向 call 继承 把父类(A)设置私有的属性,克隆一份作为子类(B)私有的 阅读全文
posted @ 2017-10-09 15:07 Scar007 阅读(121) 评论(0) 推荐(0) 编辑
摘要:1. 变量声明 1).let 1)使用let定义的变量不会进行"变量提升" console.log(a);//Uncaught ReferenceError: a is not defined let a = 1; 2)同一个作用域中,不能使用let重复声明同名的变量 let b = 2; let 阅读全文
posted @ 2017-10-09 13:36 Scar007 阅读(807) 评论(0) 推荐(0) 编辑
摘要:一. ES6 ES6中定义变量使用 let/const let 使用let定义的变量不能进行"变量提升" 同一个作用域中,let不能重复定义相同的变量名 使用var在全局作用域中定义的变量相当于给window增加了一个私有的属性,但是使用let定义的变量和window没有任何的关系 const 除了 阅读全文
posted @ 2017-10-09 13:12 Scar007 阅读(722) 评论(3) 推荐(0) 编辑
摘要:预解释阶段发生在创建了堆内存,让代码执行之前,对当前作用域中带var和function的进行预解释 在浏览器解析执行代码的时候,会提前把带var和function的代码声明或定义,提前放在作用域的最前面执行,也就是浏览器把对这些变量的声明提升到作用域的最前面 函数数据类型会在预解释阶段同时声明和定义 阅读全文
posted @ 2017-10-09 13:10 Scar007 阅读(117) 评论(0) 推荐(0) 编辑
摘要:堆内存 只是存放代码 栈内存 在代码执行的时候,开辟的工作环境 全局作用域 window 浏览器加载html文件的时候,会自动开辟一个给js执行的最外层工作空间(栈内存window),这个栈内存就是全局作用域 全局作用域不能访问和调用私有作用域里边声明的方法和变量 私有作用域 私有作用域可以访问全局 阅读全文
posted @ 2017-10-09 13:08 Scar007 阅读(197) 评论(0) 推荐(0) 编辑
摘要:严格意义上的闭包,严格闭包通过栈内存不销毁,保护内部变量,而且下一级作用域可以访问内部变量 更严格意义上的闭包,函数可以在父函数外面调用父函数作用域的值 在函数执行的时候,函数体中有返回值,函数执行的作用域不销毁 调用了上一级栈内存的变量,并返回给函数外,造成了上一级作用域不销毁(栈内存) 缺点 会 阅读全文
posted @ 2017-10-09 13:06 Scar007 阅读(244) 评论(0) 推荐(0) 编辑
摘要:插件: swiper iscroll ejs(主要应用于node.js) zepto(同jq用法一样,更适合于移动端) less H5: 新增标签 header footer section time main nav ... 对于input新增表单元素属性,以及新增类型的优势 email tel 阅读全文
posted @ 2017-10-09 13:03 Scar007 阅读(183) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body></html><script type="text/javascript"> var obj = 阅读全文
posted @ 2017-10-09 13:00 Scar007 阅读(381) 评论(0) 推荐(0) 编辑
摘要:逻辑符的运算优先级表(根据优先级从大到小排列) 阅读全文
posted @ 2017-10-09 12:41 Scar007 阅读(3566) 评论(0) 推荐(0) 编辑
摘要:记录当前位置信息 记录鼠标的移动距离,来计算设置当前元素的位置偏移 删除鼠标up时候的事件处理程序 鼠标丢失 IE和火狐下,可以使用setCapture()和releaseCapture() chrome下使用document监听事件 IE和火狐下,可以使用setCapture()和releaseC 阅读全文
posted @ 2017-10-09 12:36 Scar007 阅读(307) 评论(0) 推荐(0) 编辑
摘要:我们每一个页卡中的详细内容不一定是写死的,大部分都是从服务器端动获取绑定的 第一种:发送一次请求,服务器端会把所有页卡的内容返回给客户端,客户端根据内容分类,把不同的内容放在不同的页卡中(一次性把页卡内容都绑定了) 第二种:加载页面的时候,只把第一个页卡中的内容获取到,当我们操作页卡的时候,在重新向 阅读全文
posted @ 2017-10-09 12:35 Scar007 阅读(225) 评论(0) 推荐(0) 编辑
摘要:一. 你是如何理解发布订阅模式的 JS中的设计模式: 单例模式:处理业务逻辑 构造原型模式:封装类库,组件,框架,插件等 类库:jQuery 只是提供了一些常用的方法,可以应用到任何的项目中,不具备业务性 组件:bootstrap 提供了很多通用的组件(HTML/CSS/JS都是别人规定好的),我们 阅读全文
posted @ 2017-10-09 12:33 Scar007 阅读(3334) 评论(0) 推荐(1) 编辑
摘要:什么是面向对象: 对象由两部分构成:属性 和 方法; 面向对象的特点: 1.封装:对于相同功能的代码,放在一个函数中,以后再用到此功能,只需要调用即可,无需再重写;避免大量冗余代码; 专业话说:低耦合,高内聚; 2.继承:子类继承父类原有的属性和方法; 类:'Object','Function',' 阅读全文
posted @ 2017-10-09 12:29 Scar007 阅读(190) 评论(0) 推荐(0) 编辑
摘要:Math方法 Math.abs(-12) // 12 取绝对值 Math.ceil(12.3) //13 向上取整 Math.floor(12.3) //12 向下取整 Math.round() 四舍五入 Math.max(12,3,43,23,45,32,54) 求最大值 Math.min(12, 阅读全文
posted @ 2017-10-09 12:26 Scar007 阅读(146) 评论(0) 推荐(0) 编辑
摘要:1.获取DOM元素 document.getElementById() 通过id获取DOM元素 document.getElementsByClassName() 通过类名获取DOM元素 document.getElementsByName(); document.getElementsByTagN 阅读全文
posted @ 2017-10-09 12:09 Scar007 阅读(171) 评论(0) 推荐(0) 编辑
摘要:JQ的原理 jquery-1.xxx :专门为PC端诞生的类库,兼容所有的浏览器 jquery-2.xxx:当初是为了移动端而准备的,所以IE低版本浏览器一般不兼容,但是这个版本针对移动端的事件等操作也不是特别的完善,被Zepto这个类库取代了 jquery-3.xxx:自己回去扩展一下,看看新增加 阅读全文
posted @ 2017-10-09 11:48 Scar007 阅读(1729) 评论(0) 推荐(0) 编辑
摘要:jQuery核心原理 定义原型扩展和工具包扩展的方法 JQ的API中文速查: http://jquery.cuishifeng.cn/ JQ的原理:http://www.cnblogs.com/Scar007/p/7640438.html 阅读全文
posted @ 2017-10-09 11:40 Scar007 阅读(294) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示