JS
文章平均质量分 89
魂断楼兰
这个作者很懒,什么都没留下…
展开
-
JS_祝愿墙
祝愿墙<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> body { margin: 0 auto; padding: 0px; font-size: 12px;原创 2016-11-30 01:58:42 · 979 阅读 · 0 评论 -
全选和反选
全选和反选<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { w原创 2016-11-29 02:05:04 · 289 阅读 · 0 评论 -
JS基础知识一
Javascript基础知识一1、JS基础介绍1.1 概念 Js是一门运行在客户端的编程语言。1.2 组成☞Ecmascript js语法标准☞Dom 通过js操作网页元素☞Bom 通过api操作浏览器1.3 特点☞简单易用☞解释执行(js解释型的语言) Js代码不通过编译,直接通过js引擎执行代码。☞基于对象1.4 JS书写位置☞内嵌式写法 <原创 2016-11-29 01:41:23 · 295 阅读 · 0 评论 -
JS_全选反选
全选和反选<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .wrap { w原创 2016-12-01 03:07:25 · 248 阅读 · 0 评论 -
JS_tab栏切换
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .box { width:原创 2016-12-01 03:08:47 · 330 阅读 · 0 评论 -
jQ介绍和选择器使用
jQ介绍和选择器使用1. jQuery介绍1.1 jQuery描述(理解)jQuery是js的一个库,封装了我们开发过程中常用的一些功能,方便我们来调用,提高了我们的开发效率。Js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直接引用到页面里面来就可以了。1.2 主要学习jQuery什么目前这个阶段,主要学习如何来使用jQuery操作DOM,其实就是学习jQuery封装好的那些功能原创 2016-12-17 02:13:48 · 465 阅读 · 0 评论 -
数组和对象的遍历
数组和对象的遍历1. 数组的遍历var arr = [1,2,3];arr.a = 4;Array.prototype.name = 'name';普通的for循环,for(var i = 0; i<arr.length; i++;){ console.log(arr[i])}//1,2,3for in循环,会把原型上的属性和属性值都遍历下来,遍历的...原创 2018-09-04 19:01:35 · 306 阅读 · 0 评论 -
主要变量声明方式var、let、const
主要变量声明方式var、let、const阮一峰ES6变量声明的方法ES5只有两种声明变量的方法:var和functionES6添加了常用的let和const,还有import和classvar let const区别let添加了块级作用域;var没有块级作用域let约束了变量提升;var可以变量提升let有暂时性死区:ES6规定如果块内存在let命令,那么...原创 2018-09-02 17:21:15 · 287 阅读 · 1 评论 -
Array的一些方法
from将两类对象转为真正的数组let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3};// ES5的写法var arr1 = [].slice.call(arrayLike); // ['a', 'b', 'c']// ES6的写法let arr2 = Array.from(array...原创 2018-09-02 18:39:46 · 166 阅读 · 0 评论 -
谈谈Angular、Vue和React的一些看法
谈谈Angular、Vue和React的一些看法首先谈一下框架模式MVC、MVP、MVVMMVC:Model(模型) + View(视图) + controller(控制器),主要是基于分层的目的,让彼此的职责分开MVP:是从MVC模式演变而来,都是通过Controller或Presenter负责逻辑的处理,要求Model改变状态 + Model将新数据发送到view展示,用户得到...原创 2018-09-03 16:37:37 · 464 阅读 · 0 评论 -
Object.definePropety() 方法详解
Object.definePropety() 方法详解参考资料Object.definePropety() 方法直接在一个对象上定义一个新属性,或者修改一个已经存在的属性,并返回这个对象语法 Object.defintPropety(obj, prop, descriptor)参数obj需要定义属性的对象prop需被定义或修改的属性名descript需被定义或修改的属性的描述符...原创 2018-09-29 11:17:18 · 8327 阅读 · 1 评论 -
函数节流(throttle)和函数去抖
函数节流(throttle)和函数去抖(debounce)前言以下场景由于事件频繁被触发,因而频繁执行DOM操作,资源加载等重行为,导致UI停顿甚至浏览器崩溃window对象的resize、scoll事件拖拽时的mousemove事件射击游戏中的mousedown、keydown事件文字输入、自动完成的keyup事件注意: 函数的节流和函数的去抖都是通过减少实际逻辑处理过程的执行...原创 2018-09-29 11:18:39 · 440 阅读 · 0 评论 -
JS基础加强二_数组简介
数组1. 数组的概念1.1 为什么 学习数组 之前学习的数据类型,只能存储一个值。(字符串为一个值) 我们想存储多个值的时候可以使用数组。(字符串不方便) 比如:存储班级中所有学生的姓名。([“张三”,“李四”,“王五”])1.2 数组是什么 数组是一种数据类型。(把很多数据装入一个盒子中,用的时候在取出来) 字面量为[1,2,3]。可以理解为:西瓜皮[],西瓜肉123,原创 2016-11-29 01:45:31 · 226 阅读 · 0 评论 -
JS_隔行变色高亮显示
隔行变色高亮显示<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; text-align: center;原创 2016-11-30 01:57:46 · 465 阅读 · 0 评论 -
JS基础_BOM属性
BOM简介1. window对象1.1 window是JavaScript的顶级对象1.2 所有定义在全局作用域中的变量和函数都是window对象中的属性和方法1.3 window对象下的属性和方法调用的时候可以省略window2. BOM的内置方法和内置对象2.1 新窗口=window.open(地址,是否开新窗口,新窗口的参数)window.open(url,target,param)url原创 2016-11-29 01:47:57 · 298 阅读 · 0 评论 -
JS_水果排序选择
水果选择排序版本<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> select { width: 150px; height: 200px; background-c原创 2016-11-30 01:59:19 · 841 阅读 · 1 评论 -
JS_模拟百度搜索框
模拟百度索搜框<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; } .box {原创 2016-11-30 01:59:52 · 475 阅读 · 0 评论 -
JS_定时器轮播图
定时器无限轮播图<!doctype html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>定时器无限轮播图</title> <style type="text/css"> *{ padding:0; m原创 2016-11-30 02:00:34 · 7510 阅读 · 0 评论 -
JS_动画
1. 动画和封装1.1 动画的分类闪现 div.style.left =”500px”匀速缓动1.2 动画原理盒子未来的位置 = 盒子现在的位置 + 步长; style.left赋值,用offsetLeft获取值。 style.left获取值不方便,获取行内式,如果没有值“”;容易出现NaN; offsetLeft获取值特别方便,而且是现成number方便计算。因为他是只读原创 2016-11-30 02:01:00 · 210 阅读 · 0 评论 -
JS基础知识二
JS基础知识二1. JS对象1.1 Date( ) 对象 Date 对象用于处理日期和时间var mydate=new Date(); //通过new方法创建对象alert(Date()); // 返回一个完整的日期时间alert(mydate.getDay()); //返回当前是周几alert(mydate.getMonth()+1); //返回当原创 2016-11-29 01:42:39 · 225 阅读 · 0 评论 -
JS基础知识三
Javascript基础知识三1、自增自减1.1 i++ ++i在不参与运算的情况下,i++和++i都是在变量的基础加1var n1=123;n1++; //==>n1=n1+1; 在变量原来的基础上加1++n1; //==>n1=n1+1; 在变量原来的基础上加1在参与运算的情况下var n2=n1++; //先将n1赋值给n2,之后n1再自增var n2=++n1; //n原创 2016-11-29 01:43:21 · 206 阅读 · 0 评论 -
JS基础加强一_变量
JavaScript基础知识1. JS概述1.1 JS作用验证表单(以前的网速太慢)页面特效(PC端的网页效果)移动端(移动web和app)异步和服务器交互(ajax)服务器开发(nodejs)1.2 弱类脚本语言(解释型语言,解析执行与编译执行)解析执行和编译执行 编译执行:把代码编译成CPU认识的语言(文件),然后整体的执行解析执行:一行一行解析,解析一行执行一行弱类型脚本语原创 2016-11-29 01:45:03 · 236 阅读 · 0 评论 -
JS基础加强三_函数
函数基础1. 函数概念1.1 什么是函数函数就是可以重复执行的代码块为什么要用函数 因为一部分代码使用次数可能胡很多次,所以封装起来,需要的时候调用就可以了1.2 函数定义三种方法 关键字function, function 函数名( ) { 程序 }//第一种function fn1(){console.log("我是第一种定义方法!");}//第二种(匿名函数)var原创 2016-11-29 01:46:04 · 250 阅读 · 0 评论 -
JS基础加强四_面向对象
面向对象(Object)1. 对象的定义阐述1.1 创建空白对象var obj = new Object();1.2 构造函数可以创建对象实例的函数区别于普通函数,首字母大写1.3 构造函数This This 只出现在函数中谁调用函数,this就指的是谁new People( ); people中的this代指被创建的对象实例new 开辟内存空间,存储新创建的对象(new Obje原创 2016-11-29 01:46:32 · 193 阅读 · 0 评论 -
JS基础加强五_数组操作
内置对象(数组)1. 数组高级API和Array的内置方法1.1 学习API的方法侧重点 调用者: 谁调用的 参数:有无,几个 返回值:有无 什么类型 功能:干什么的 自学方法 离线 离线文档在线 W3C 前端标准(W3CSchool)MDN (开发者网站) https://developer.mozilla.org/zh-CN/1.2 判原创 2016-11-29 01:47:06 · 309 阅读 · 0 评论 -
JS基础_DOM属性和操作
DOM操作1. 事件1.1 概述JS是以事件驱动为核心的一门语言1.2 事件三要素 事件源、事件、事件驱动程序a、获取事件源 获取事件源一共5种 document.getElementById(“box”); document.getElementsByTagName(“div”); document.getElementsByClassName(“leiming”); 要求掌握上面三原创 2016-11-29 01:47:35 · 2056 阅读 · 0 评论 -
github 快速访问的设置方法
github 快速访问的设置方法首先打开http://tool.chinaz.com/dns 查询域名解析在请输入域名中输入github.com 点击检测选择TTL值最低的IP和域名复制 比如:192.30.253.113 github.com打开自己的hosts文件在最后添加上此ip和域名win8或win10无法修改hosts的可以copy出来修改完毕在粘贴进去替换掉以前的,...原创 2018-09-29 11:33:35 · 5042 阅读 · 2 评论