
学习前端之javascript笔记
Sukla
It's my life !
展开
-
学javascript第一天
1.javascript 可以分为文档对象模型DOM,浏览器对象模型BOW,还有ECMA对象原创 2017-07-14 15:51:53 · 290 阅读 · 0 评论 -
javascript 学习 第11天 单体内置对象 Math
1,属性主要是各种数学中的常量和常用值Math.PI 圆周率Math.PI3.141592653589793Math.E 自然对数Math.E2.718281828459045Math.SQRT2 根号2Math.SQRT21.4142135623730951Math.SQRT1_2 根号二分之一Math.SQRT1_20.70原创 2018-01-26 21:00:38 · 163 阅读 · 0 评论 -
javascript 学习 第12天 数组 初始化 检查
1,数组是由多个成员组成的有序的集合数组的成员类型不一定要一致数组的成员是有序的数组的成员是有个数的索引从0开始2,数组初始化构造函数方法var arr=new Arrayundefinedarr[]var arr=new Array()undefinedarr[]传入一个参数表示初始化的数组的个数 成员都初始化为 undefinedvar arr原创 2018-01-27 20:22:59 · 216 阅读 · 0 评论 -
javascript学习 第2天 语法 标识符 严格模式 注释与语句 关键字与保留字
1,javascript 包括三个部分,ECMScript、BOM、DOM2,在node.js 中主要用到的是javascript中的 ECMScript 部分3,标识符是什么?变量名、函数名、对象的成员名、函数的参数4,标识符的命名有什么要求?大小写敏感使用下划线、字母、unicode中的语言字符、美元符号开头,可以以包含数字,但是不能以数字开头不能是保留字或者关键字原创 2018-01-15 21:01:34 · 372 阅读 · 0 评论 -
javascript 学习 第14天 模拟栈和队列
1,栈操作栈是一种特殊的数据结构栈有许多成员所有成员的进栈和出栈都是从栈的一头进行每次出栈的成员都是最近进栈的那个成员先进后出当栈没有成员的时候,第一个进栈的成员默认放到top位置当有新的成员进栈的时候,就会把它顶到下一个位置当出栈操作的时候,将top位置的成员弹出push() 入栈 可以有多个参数 参数就是要进栈的成员有一个返回值返回加入新成员后 数组原创 2018-02-04 22:23:22 · 193 阅读 · 0 评论 -
javascript 学习 第6天 函数
1,函数是一些特定功能的代码组合ECMScript 中的函数 本质上是一个对象 函数的名字是一个指向对象的指针 这决定了函数有两种不同的定义方法2,声明方法定义函数function fn(){}3,函数表达式方法定义函数可以定义为一个 Function 引用类型变量 var fn=new Function();其中最后一个参数是函数体 前面的参数是函数的原创 2018-01-19 22:13:08 · 265 阅读 · 0 评论 -
javascript 学习 第7天 变量
1,变量的值变量存储什么值 ,存储什么类型的值,都是可以变化的基本类型 字符串 数字 布尔值 undefined null引用类型 对象不能访问内存中的位置,只能以引用的方式访问2,属性和方法变量存储特定类型的数据之后,就会拥有对应类型的属性和方法变量存储 字符串数据之后 就会具有 length 属性 replace 方法等3,定义var name定义会被编原创 2018-01-20 22:39:52 · 185 阅读 · 0 评论 -
javascript 学习 第13天 数组 转化 排序
1,数组拥有的成员的数量 可以通过 数组的 length 属性 获取对象没有 length 属性对象的静态方法 Object.keys() 能返回对象的成员名的 索引数组 索引数组的 length 属性 就是 对象的成员的数量2,字符串转数组split()var str="sukla";undefinedstr.split('');(5) ["s", "u", "k",原创 2018-01-29 22:15:32 · 188 阅读 · 1 评论 -
javascript 学习 第15天 常用数组方法
1,concat()连接数组 直接返回新数组 原数组无变化var arr1=[1,2,3]undefinedarr1.concat(4,5,6)(6) [1, 2, 3, 4, 5, 6]arr1(3) [1, 2, 3]2,slice()查看数组的某一部分内容 两个参数表示开始和结束索引 含头不含尾 返回数组的一部分成员 不会修改原数组var arr=[1,2,3原创 2018-02-06 22:42:45 · 186 阅读 · 0 评论 -
javascript 学习 右键点击事件 不要浏览器的右键工具栏
1,效果2,代码#click-container{width:400px;height:400px;background-color:#000000;}var clickbox=document.getElementById('click-container');clickbox.oncontextmenu=function(e){var e=eve原创 2018-03-28 15:44:03 · 762 阅读 · 0 评论 -
构造函数、原型、实例和原型链的关系
1、构造函数的prototype指向自己的原型C:\Users\Sukla>node> function Sukla(){}undefined> Sukla.prototypeSukla {}>2、构造函数new出来的实例对象的__proto__指向这个构造函数的prototype所指向的原型C:\Users\Sukla>node> function...原创 2018-06-30 16:25:58 · 475 阅读 · 0 评论 -
div的width:auto和width:100%的区别
1、div默认的盒子模型是display:content-box2、当设置width:100%的时候,就是指content内容区域的宽度是100%,只要设置了margin、border、padding的话,div最后显示出来会超出父容器宽度3、当设置width:auto的时候,会根据盒子模型的外边距margin、边框border、内边距padding的值来调整内容content的宽度,使得div在...原创 2018-06-30 16:39:09 · 457 阅读 · 0 评论 -
变量声明提前,函数声明提前
1、var声明的变量提到当前script块的头部,赋值留在原位置,如果在赋值之前访问变量,返回undefinedconsole.log('第一次调用:'+sukla)var sukla='sukla'console.log('第二次调用:'+sukla)VM238:1 第一次调用:undefinedVM238:3 第二次调用:suklaundefined2、function fn(){}...原创 2018-07-01 17:43:43 · 1280 阅读 · 0 评论 -
var定义的变量不能用delete删除
1、delete只能删除不是通过var定义的变量var deletefalse='删除不了'undefineddeletetrue='能删除'"能删除"delete deletefalsefalsedelete deletetruetruedeletefalse"删除不了"deletetrueVM540:1 Uncaught ReferenceError: deletetru...原创 2018-07-01 17:48:19 · 1127 阅读 · 0 评论 -
函数接收的参数和传入的参数不是同一个变量
1、var a=1;b=2;function fn(a,b){a=3;b=4;}; 函数中的a、b和前面的a、b不是同一个变量,只是将前面的a、b的值复制之后,传递给函数使用2、函数中的a、b也不是参数中的传递的a、b,而是将arguments[0]的值复制后赋值给内部定义的a,将arguments[1]的值复制后赋值给内部的变量b...原创 2018-07-01 18:00:02 · 407 阅读 · 0 评论 -
javascript 学习 第5天 语句
1,语句条件语句循环语句分支语句breakcontinuelabel语句with语句2,条件语句if(条件){代码}圆括号里面是条件 是布尔类型的 其它类型用 Boolean() 转换当条件满足的时候 执行大括号里面的语句if(条件){代码1}else{代码2}必然执行其中一个代码if(条件1){代码1}else if(条件2){代码2}第2个语句块要求较严格 一半不推荐这种 可以用 if(条件1原创 2018-01-18 22:16:59 · 217 阅读 · 0 评论 -
javascript 学习 第10天 单体内置对象 Global
1,内置对象不依赖执行宿主环境的对象 在程序中可以直接使用不需要引用或者维护 Object String Array 都是内置对象2,单体内置对象主要有 Global 对象 和 Math 对象3,Global 对象不需要用点 操作符 来连接对象名和成员名 直接访问成员即可属性 Infinity NaN undefined null方法 eval()原创 2018-01-25 21:24:01 · 192 阅读 · 0 评论 -
javascript 学习 第4天 操作符
1,操作符,是操作数据值的符号一元操作符位操作符布尔操作符四则运算操作符关系操作符条件操作符赋值操作符逗号操作符2,一元操作符只能操作一个值的操作符递增:++递减:--前置:立即计算后置:本行代码执行完成之后才进行计算操作递增和递减操作会对不同类型的值有影响,先通过Number() 函数转换后再进行计算操作一元加:+ 不会对变量有影响原创 2018-01-17 21:47:49 · 177 阅读 · 0 评论 -
vue学习第1天,基础知识
1,vue是基于DOM的,每一个vue实例都可以解析成一个dom对象;2,vue是api简洁的;3,{{}}原创 2017-10-16 08:12:38 · 258 阅读 · 0 评论 -
vue学习第2天,基础知识,v-bind v-on v-if v-for v-model v-html computed watch methods
1,还没有开始学习node npm webpack vue-cli等工具2,使用传统的写页面的方法引入的vue3,创建vue对象 var app=new({el:'#id',data:{name:'sukla',age:2017,some:'',value:'',istrue:true,isActive:truetodos:[{text:"suk原创 2017-10-17 08:45:28 · 985 阅读 · 0 评论 -
vue学习第24天,启动本地MongoDB 启动node搭建的服务器 设置跨域 调用接口
1,已经在服务中添加了MongoDB 点击启动ctrl+r cmd 在控制台查看 已经启动了2,设置跨域 使用axios 的时候并不能跨域 要使用 target 插件 找到 vue 项目 config/index.js 文件 找到dev 修改 proxyTable设置dev:{...proxyTable:{'接口名字':{//当这个接口在前台被调用的时候原创 2017-12-01 22:05:52 · 695 阅读 · 1 评论 -
EXT 使用百度地图
1,效果如图2,index.html 中引入3,view/** * Created by Sukla on 2017/12/19. */Ext.define('app.view.common.baiduMap.BaiduMapView', { extend: 'Ext.panel.Panel', alias: 'widget.baidu-map',原创 2017-12-20 20:59:08 · 1427 阅读 · 2 评论 -
es6学习第1天,箭头函数 块级作用域
1,v=>v+1; 传入 v 返回 v+12,(v,i)=>v+i 传入 v i 返回 v+i3,class 定义类 类 有属性与方法4,对象字面量 元素很灵活 5,模板字符串 hello ${a};6,解构 [a,,b]=[1,2,3] a===17,default function(x,y=12){} y 默认 128,let 块级作用域变量 方法体内有效原创 2017-11-08 19:29:38 · 372 阅读 · 0 评论 -
es6学习第2天,迭代器
1,迭代器 interface Iterator{} for (var xxx of yyy)2,Generators interface Generator extends Interator {}3,Unicode "".length4,模块 export function sum(x,y){} import from 5,模块加载器 System.import6,代理原创 2017-11-09 10:47:25 · 264 阅读 · 2 评论 -
es6学习第3天,...的几种用法 vue-lazyload图片懒加载 Promise校验
1,箭头函数 只有一条语句的时候 不用加花括号 function(a){return a+b} 相当于 a=>a+b有多个参数的时候 要加上圆括号(a,b)=>a+b有多条语句的时候 要加上花括号(a,b)=>{a=c;return a+b}2,... 的用法 3,...和参数放到一起的时候 表示将未知个数的参数 放到数组 m 中f(...m){原创 2017-11-24 23:32:11 · 1043 阅读 · 1 评论 -
输完密码后回车登录
1,给密码输入框添加键盘事件 onkeydown 在匹配到 enter 键的时候 执行登录方法原创 2017-12-15 22:07:49 · 1129 阅读 · 0 评论 -
单页应用中刷新时保持登录
1,登录之后将用户信息存到 cookies 中 在页面每次加载时候 向后端校验 cookies 中的用户信息是否有效 如果失效 就将登录状态变为登出原创 2017-12-15 22:02:42 · 1744 阅读 · 0 评论 -
解构 Set 数组去重
1,Set集合的元素都是唯一的,将数组传进去会返回一个Set集合,解构到一个空数组就能实现数组去重var arr=[1,2,2,3]//(4) [1, 2, 2, 3]var set=new Set(arr)//Set(3) {1, 2, 3}arr=[...set]//(3) [1, 2, 3]原创 2017-12-25 13:42:38 · 1012 阅读 · 2 评论 -
npm 插件 制作 发布 更新
1,插件功能 是一个消息弹窗 效果如图 2,创建package自己新建一个目录 view-toast-m-m在 view-toast-m-m 目录下执行 npm init会在目录下生成 package.json 文件3,编写插件新建目录 view-toast-m-m /src/lib view-toast-m-m /src/lib 目录下创建 vue-toa原创 2017-12-28 15:02:49 · 1978 阅读 · 1 评论 -
javascript 学习 第8天 引用类型
1,对象的抽象叫做类类会定义一些属性和方法ECMScriipt 中没有严格的类只有对,对象 进行定义的 数据解构 称之为引用类型引用类型 也会包含属性和方法引用类型的实例就是对象 类的实例也是对象但是引用类型并不和类一样引用类型 没有接口引用类型 没有多重继承引用类型 没有多态2,引用类型主要有Object 类型基本包装类型单体内置对象中的 Gl原创 2018-01-23 09:24:59 · 205 阅读 · 2 评论 -
javascript 学习 第3天 数据类型
1、变量javascript 中的变量是弱类型的 是可以转换的 变量的性质就是一个用来保存值的占位符变量的定义:可以通过var 来定义,如果省略var 的话,会定义一个全局变量定义一个变量,可以不初始化,也可以初始化,可以用null初始化为一个空对象一个var 可以定义多个变量,中间用逗号隔开2,数据类型的分类5种简单数据类型:Undefined/Null/String原创 2018-01-16 22:24:31 · 267 阅读 · 0 评论 -
javascript 学习 第9天 基本包装类型
1,Boolean,String,Number在创建字符串 布尔值 数字类型的变量的时候 引擎会创建一个对应的基本包装类型通过基本包装类型来提供本类型的 属性和 方法基本包装类型是一个引用类型基本包装类型的生命周期只有一行代码在创建变量时 给包装类型添加的属性和方法都是无效的在上一行添加的属性和方法 在下一行已经不存在了在实际工作中一半不要创建基本包装类型2,所有的原创 2018-01-24 23:30:16 · 187 阅读 · 0 评论 -
复习下继承
1.复习下继承function A(name,age){ this.name=name; this.age=age;}undefinedfunction B(name,age){ A.call(this,name,age); }undefinedB.prototype.sayName=function(){console.log(this.name)}ƒ (){cons...原创 2019-02-28 20:07:06 · 176 阅读 · 0 评论