- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue-axios，组件，组件化开发，SPA
一、Axios什么是：基于promise的专门发送ajax请求的函数库。为什么：在vue中发送ajax请求自己写ajax四步/五步：代码重复严重。jQuery中.ajax():大材小用，得不偿失。jQuery不是专门执行ajax请求的。而是执行所有DOM操作。包含大量的DOM操作的函数。而在vue中其实只需要.ajax():大材小用，得不偿失。jQuery不是专门执行ajax请求的。而是执行所有DOM操作。包含大量的DOM操作的函数。而在vue中其实只需要.ajax():大材小用，得不偿失。jQ
2020-05-20 13:26:53
396
原创 vue：绑定样式，计算属性，自定义指令，过滤器
一、绑定样式1.1 绑定style内联样式：2种：1、将整个style属性值当做一个大的字符串去绑定。问题：如果使用style绑定样式，说明经常会单独修改一个样css属性值。而如果style是一个字符串，非常不便于程序仅修改其中一个css属性。解决：style支持对象形式绑定2、以***对象形式绑定*** style，2步：① 在data中定义一个内嵌对象结构，保存style中每个css属性。比如：希望div#pop的位置上下左右变化，可定义对象：data:{ left:"100px",
2020-05-19 15:23:40
725
原创 vue-双向绑定
一、双向绑定问题：用:只能进行单向绑定(Model(data) -> View(html))如果用:绑定表单元素的值，则用户修改表单元素的内容，无法自动修改data中的模型变量。意味着vue中永远拿不到用户在界面中修改的新值。解决：今后凡是绑定(可输入，可选择的)表单元素，必须用双向绑定，才能在界面修改时，自动更新data中的数据。双向绑定：既能(Model(data) -> View(html))，data中变化，页面自动跟随变化。又能View(html) -> Model(d
2020-05-18 13:54:09
204
原创 vue基础
例1：n++<div id="app"> <!-- 1. 定义页面HTML的内容 --> <button @click="add">click me({{n}})</button> <!--或者--> <input type="button" @click="add" :value="`click me(${n})`"></div><script> // 2. 创
2020-05-14 14:59:26
196
原创 ES6-简化面向对象OOP
一、 对对象直接量的简写：2处：1. 如果对象的成员值来自于外部的变量，且属性名和变量名相同时，可只写一个：比如：var signin = function(){登录...}var signup = function(){注册...}var signout = function(){注销...}var obj = {signin:signin,signup:signup,signout:signout}//简写成：var obj = {signin,signup,signout};//将三
2020-05-14 14:57:20
237
原创 解构
什么是：仅提取出一个大对象中的部分成员单独使用。何时：如果只使用一个大对象中的一小部分成员时。如何：3种情况1. 数组解构：下标对下标：什么是：提取出索引数组中指定位置的元素，保存在单独的变量中独立使用数组解构var data = [2019, 5, 5];var y = data[0];var m = data[1];var d = data[2];//简写var [y, m, d] = data;console.log(y, m, d); //2019 5 52. 对
2020-05-14 10:52:55
344
原创 箭头函数：对所有函数定义的简写
function 函数名(形参列表){ 函数体; return 返回值}var 函数名 = function(形参列表){ 函数体; return 返回值}1. 简化：3句话：1. 去function,在()和{}之间加=>{} (形参列表) => { 函数体; return 返回值}2. 如果形参列表中只有一个形参，可省略() 形参1 => { 函数体; return 返回值}3. 如果函数体只有一句话，可省略{} 形参1 => 一句话 如果仅剩的
2020-05-13 18:55:01
591
原创 ES5-数组API：arr.indexOf、arr.every(条件)、arr.some(条件)、arr.forEach()遍历、arr.map()、filter过滤、reduce汇总
数组中也用***indexOf方法，查找一个指定元素的位置***用法：同字符串.indexOf完全一样：var i = arr.indexOf(要找的元素，[开始的位置starti]) 3 , 5 //从5的位置开始找3在arr数组中，从starti位置开始，查找下一个指定元素的位置i,如果找到匹配的，返回元素的下标位置，如果没有找到，返回-1。// 1. 查找字符串对应的下标var str = "1234321";console.log( s
2020-05-12 17:19:45
751
原创 ES5-call apply bind
替换函数中不想要的this!何时：只要函数执行时，其中的this不是想要的，都要用这三个去换如何：1. call/apply(调用/用)何时：在本次调用函数时，临时替换一次this!如何：任意函数.call(任意对象，实参值列表…)比如：calc.call(lilei,10000,2000,3000);调用全局函数calc时，临时将其中的this替换为lileithis.ename，就变为lilei.ename。function calc(base, bonus1, bonus2)
2020-05-10 11:06:25
192
原创 OOP面向对象
什么是：程序中都是用对象结构来描述现实中的事物为什么：便于大量数据的维护何时：所有程序都是面向对象的思想管理数据和功能如何使用面向对象编程：面向对象三大特点：封装，继承，多态一、封装：什么是：创建一个对象结构，保存一个事物的属性和功能为什么：便于大量数据的维护何时：今年所有数据都是先封装在对象中，再按需使用如何：3种：用{}创建一个对象：var 对象名={ 属性：属性值,...
2020-05-03 21:34:06
194
1
原创 Math对象(PI , abs , floor , ceil , round , max , min , pow(x,y) , random )
Math对象不需要new创建，可以直接使用。1. PI 获取圆周率2. abs() 获取绝对值3. floor() 向下取整4. ceil() 向上取整5. round() 四舍五入取整6. max() 获取一组数字的最大值7. min() 获取一组数字的最小值8. pow(x,y) 获取x的y次幂9. random() 获取随机数 >=0 <1内置对象，结...
2020-05-02 12:05:09
321
原创 匹配模式
作用：用于查找、替换字符串结合正则表达式，能更强大。tom tum toom tem 正则表达式1、replace(value1、value2)查找并替换，value1是要查找的字符串，value2是要替换的字符串。value可以使用正则表达式的写法。 /china/igi -> ignore 忽略大小写g -> gloal 全局查找2、match(va...
2020-05-02 07:35:08
396
原创 字符串(charAt字符串[下标]、charCodeAt[Unicode]、indexOf字符下标、slice(start,end)、substr(start,count)、split字符串分隔数组)
包装对象：目的是让原始类型数据可以向引用类型数据，具有一组属性和方法。JS中提供了三种包装对象：String、Number、Boolean将任意转为字符串new String(数据) 强制转为字符串，返回对象String(数据) 强制转为字符串，返回字符串注意事项：包装对象和普通的字符串用法没有区别。//将字符串包装成对象var str = "a";console.lo...
2020-04-29 21:32:12
513
原创 数组(创建数组[数组字面量/ 访问数组元素 / 使用内置构造函数]、长度、分类(关联/索引)、遍历、api、二维数组)
数组是由多个元素组成的集合，每个元素就是一个数据一、创建数组1、数组字面量 [元素1,元素2,元素3…]//创建数组，保存所有的姓名var person = ["King", "lucy", "Kate"];console.log(person);//对应下标的值是：数组元素的个数-1//创建数组，保存若干个大学名称var school = ["南京大学", "南京师范大学",...
2020-04-26 20:34:48
399
原创 对象-引用类型(自定义 / 对象字面量 / 访问对象的属性 / 内置构造函数创建对象 / 检测是否含有属性 / 遍历属性 / 对象中的方法)
对象就是一组属性和方法（功能）的集合。{} 是对象 var emp = { ename: "tom", sex: "男", "salary": 8000, "birth-time": "1995-12-15",}console.log(emp);一、js中的对象内置对象：JS提供的宿主对象：根据JS不同的执行环境来划分如：浏览器：DOM、BOM...
2020-04-26 17:05:29
518
原创 递归
在函数的内部调用自身递归的使用：要有跳出的条件，结合着return来跳出。var i = 0;function fn() { //每次调用函数，i的次数加1 i++; alert("long age"); //当i为3的时候，跳出递归； if (i == 3) { return; } //在调用内部调用自身 fn...
2020-04-25 08:03:40
314
原创 作用域(变量、函数)[重点：面试必看]
一、变量作用域作用域：变量或者函数可访问范围全局作用域：在全局作用域下声明的变量，可以在任意合法位置访问到。函数作用域：在函数中使用var 声明的变量，只能在函数内部访问到。//a是全局作用域下的变量，可以在任意合法位置访问var a = 1;function fn() { // 函数作用域 var b = 2; // 函数内部，访问a console...
2020-04-24 22:39:49
273
原创 函数(普通 / 带参数 / 返回值 / 匿名(函数声明式 , 匿名函数自调 , 回调函数) / 全局函数
如：parseInt()/parseFloat()…函数是一个独立的功能体，分为系统函数：js提供的；自定义函数：自己创建的；函数：function，是一个功能体，可以接收若干个数据，返回特定的结果。用于封闭反复执行的代码。——类似于饺子机功能。封闭的结果就叫函数。一、创建普通函数function 函数名(){ 函数体——封装的反复执行的代码}调用：函数名称()//例：con...
2020-04-24 13:07:02
623
原创 逻辑结构：循环执行(while循环 / break关键字 / do-while / for循环 / breadk和continue )
一、循环执行循环：就是一遍又一遍执行相同或者相似的代码；循环的两个要素：循环的条件：控制循环的次数；循环体：重复执行的相同或者相似的代码；1、while循环while(循环条件){ //循环条件：布尔型的值 循环体}//循环打印10次hello//0~9//初始值0var i = 0;while(i<10){ console.log("hello"); //10...
2020-04-23 14:14:51
1013
原创 js逻辑运算示例
// 例1：使用switch-case来根据成绩判断标准var score = 99;score = parseInt(score / 10);switch (score) { case 10: case 9: console.log("优秀"); break; case 8: console.log("良好"); ...
2020-04-23 13:52:10
326
原创 逻辑结构：选择执行( if / if…else语句 / if...else嵌套 / switch-case语句 )
程序分为顺序执行、选择执行、循环执行程序 = 数据 + 算法一、选择执行1、if语句if(条件表达式){ 语句1;}语句2;如果if后的大括号中只有一行语句，可以省略大括号。//例：满30减15元var total = 36;if(total > 30){ total-=15;}console.log(total); //21//例：声明变量保存年龄，如果满...
2020-04-22 12:57:34
2258
原创 运算符
由运算符连接的操作数据，组成的形式称为表达式。一、算术运算符+、 - 、 * 、 / 、 %(取余)、 ++（自增：加1）、 --（自减：减1）1、取余%// 取余console.log(20%5); //0console.log(5%3); //2console.log(3%5); //3%（取余）：用在查看一个数字是奇数还是偶数。console.log(8 % ...
2020-04-22 09:56:33
415
原创 工具常用规则
一、editplus手写代码：1、取消备份文件Tools -> Preferences -> File -> Create backup file when saving2、保存UTF-8-> Tools -> Preferences-> File -> Default encoding ->UTF-8...
2020-04-20 10:49:54
160
原创 数据类型：原始类型、数据类型转换
一、数据类型1.1 原始类型5种：数值型number、字符串型string、布尔型boolean、未定义型undefined、空null1. 字符串型string任意的数据含就被引号包是字符串型，不区分单双引号typeof数据 检测数据// 1. typeof数据 检测数据类型var str1 = "1";var str = 1;console.log(typeof st...
2020-04-20 09:52:05
419
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人