- 博客(33)
- 收藏
- 关注
RSS订阅原创 2021-11-10
Vue基本使用1.引入引入方式常用两种，第一种为传统引入方式，直接使用script标签引入。这种方式为我们初学时使用。第二种可以通过vue-cli下载引入。以后常用的方式。2.使用步骤1.创建vue实例对象let vm = new Vue();2.添加配置项vue实例对象在创建时，需要提供一些配置项。//在构造函数中添加一个对象，该对象中的属性就是配置项let vm = new Vue({ el:"#app" //el的值为css选择器，告诉vue你要管理哪一块区域。});
2021-11-10 10:33:53
581
原创 2021-09-16
vue指令和条件判断一、指令1-1、v-text 将data中的数据显示在页面中案例1-2、v-html 解析标签案例1-3、v-bind 动态更新案例1-4、v-on 绑定事件二、 事件修饰案例三、 条件判断3-1、v-show3-2、 v-if3-3、 v-show 的应用场景案例一、指令1-1、v-text 将data中的数据显示在页面中指定是Vue中常用的一个功能，你可以理解为是以v-开头的自定义标签属性。v-text 是将data中的数据显示在页面中。它与{{ }}插值的区别在于，后
2021-09-16 22:20:13
286
原创 2021-09-16
Vue基本使用1.引入2.使用步骤3.插值与表达式4.数据绑定4.1 单向绑定4.2 双向绑定4.3 数据双向绑定原理1.引入引入方式常用两种，第一种为传统引入方式，直接使用script标签引入。这种方式为我们初学时使用。第二种可以通过vue-cli下载引入。以后常用的方式。2.使用步骤1.创建vue实例对象let vm = new Vue();2.添加配置项vue实例对象在创建时，需要提供一些配置项。//在构造函数中添加一个对象，该对象中的属性就是配置项let vm = new V
2021-09-16 22:00:06
187
原创 2021-08-11
node.js路径问题path模块网络基本概念node服务器请求：客户端给服务端发送数据路径问题node 中使用相对路径会存在一定的问题：相对路径不是相对js所在文件，而是相对命令行打开的目录。__dirname:当前文件所在目录的绝对路径。在node中只要涉及路径，以后都使用绝对路径。// console.log(__dirname);const fs = require("fs");// E:\H5\代码\06_javascript\0729 node// console.log(__d
2021-08-11 20:45:12
81
原创 2021-08-11
node模块化模块的分类：自定义模块导出：导入：module.exports 和 exports的区别fs模块内置模块引入格式：readFile读取文件writeFile写入文件appendFile追加内容案例unlink方法 删除文件mkdir 创建文件夹rename 重命名模块的分类：内置模块 node官方提供的模块自定义模块 开发人员定义的模块第三方模块 由第三方开发，使用前需要下载安装。模块作用域：在自定义模块中的变量，函数，对象等成员，只能在当前模块中使用，这种模块级
2021-08-11 17:36:17
55
原创 2021-07-29
百度地图+模块化一、百度地图使用步骤：二、模块化2.1 模块化解决的问题变量名的冲突：2.2模块化优点和规范：三、ES6模块化3.1 export 导出：3.2import 导入：四、node4.1下载安装node4.2终端常用的快捷键一、百度地图使用步骤：1.申请百度账号2.认证成为开发者3.申请秘钥 ak4.使用相关服务 <style> html { height: 100%; } body
2021-07-29 23:40:28
98
1
原创 2021-07-22
jQuery链式操作选择器筛选器类名操作操作样式事件操作链式操作链式操作：可以将对元素的一系列操作连接在一起，以链条的形式表现出来，这样的写法就是链式操作jquery将取值和赋值的方法合并为一个。 一般来说，没有参数就是取值，有参数就是赋值。获取值的时候，如果选择器选中了多个，只会获取第一个元素的值。jQuery特点：隐式迭代:获取到多少元素，就对多少元素进行操作。html() text() val()html()中也可以书写标签。 获取元素中的所有内容，包含标签文本。text() 获
2021-07-22 12:39:54
109
原创 2021-07-15
正则表达式创建正则对象的方式正则的方法test()exec（）字符串的一些方法中使用正则：match()split（）replace()元字符限定符贪婪模式分组断言正向先行断言反向先行断言向后行断言反向后行断言应用：1.表单中，对用户输入的信息进行格式的校验。比如，用户名，密码，手机号是否符合规范。2.从字符串中获取一部分符合规则的内容。创建正则对象的方式1.通过new 去创建一个正则对象。第一个参数：正则表达式的主体，字符串第二个参数：修饰符 /i：忽略大小写 /g全局匹配<scri
2021-07-22 11:57:46
85
原创 2021-07-13
Es6Es6函数rest扩展运算符箭头函数方法map方法Array.from() 方法Array.of 方法copyWithin()ES6提供两个新的数据结构Set 和 MapSetmapEs6函数形参的值由函数调用时传入的实参决定。默认值的格式：函数（形参1 = 默认值1，形参2 = 默认值2）{ }函数的length属性：没有设置默认值的参数的个数。【注意】1.如果参数中有的有默认值，有的没有，那么必须将有默认值的放在后面。2.函数如果有默认值，小括号可以理解为一个作用域 &l
2021-07-13 20:03:51
314
原创 2021-07-12
闭包、自执行函数、let和const、解构赋值闭包自执行函数let、const解构赋值闭包**①概念：**指有权访问另一个函数作用域中变量的函数。**②作用：**闭包可以延迟变量的作用域。**③缺点：**可能造成内存的泄露。**④释放：**引用的变量设置为null。注意：要尽可能少的定义全局变量1.全局变量可能命名冲突。2.全局变量比较占内存。 <script> function fn() { var a = 10;
2021-07-12 21:40:03
119
原创 2021-07-07
构造函数用 new 关键字来调用的函数，被称为构造函数。**工厂函数:第一步：加入原料，形参第二步：进行加工 创建对象，并将传进来的参数复制给对象。第三步：将产品运出。 return 创建好的对象构造函数构造函数的命名：①首字母大写②不要使用create之类的字③不需要return返回结果④调用必须用new 我们只要new Star 调用函数就创建一个对象⑤ 属性喝方法前面必须加this语法function 构造函数名（参数）{this .属性=值；this .方法=
2021-07-12 19:56:44
67
原创 2021-07-08
ES6的类与继承ES6继承this调用属性子类继承ES6ES6：ES2015在ES6之前，js是没有类这个东西的。在ES6时，引入了Class 的概念。之前是通过构造函数创建对象。现在可以通过class创建对象。class 其实可以看做构造函数的语法糖。将所有的属性赋值写在constructor里面。函数直接写在class里面，就相当于添加在原型对象上。 <script> function Person2(name, age, grade) {
2021-07-08 23:26:50
59
原创 2021-07-06
this指向和强制改变this指向this指向问题修改this指向的方法apply()使用格式：call()bind()apply call bind 这三种方法的区别this指向问题全局函数中调用this： this指向window在对象的方法中调用this： this指向调用者。 a.b.c.fn() 调用者是c 看函数名前面的是谁。事件处理函数中的this：this指向事件源定时器(setTimeout setInterval)函数中的this：this指向window <
2021-07-08 20:39:17
57
原创 2021-07-05
本地存储技术cookie基础操作：添加查询修改删除localStorage基础使用:添加:修改：获取：删除：特点：sessionStorage总结cookie localstorage sessionStorage 的区别共同点：本地存储技术：cookie localStorage sessionStoragecookiecookie：本质上就是一些数据，存储在本地电脑中的。cookie的作用：记录客户端的用户信息。用户信息不是狭义的用户名，密码 还可以是 点击记录，访问记录，还有购物车中的选
2021-07-05 20:06:17
50
原创 2021-06-30
事件对象存储了一些事件发生时的信息。arguments保存了我们函数执行时传入的参数.跟形参没关系，跟实参有关系。事件函数在触发时，会自动传入一个参数，这个参数就是事件对象。标准浏览器：主流的chrome 火狐等，IE8及以上在事件处理函数中，定义一个形参接受。IE低版本浏览器（5-7）中：在事件处理函数中，不需要形参接受，而是用window.event;键盘事件对象主要用于判断我们按下的是哪个键。key属性：按下的是哪一个键keycode：按下的是哪一个键，以编码的格式。 <
2021-07-05 19:01:04
72
原创 2021-06-26
scroll系列一：dom对象.scrollTop 获取或设置垂直方向滚动条dom对象.scrollLeft 获取或设置水平方向滚动条dom对象.scrollTo(x,y) 使滚动条水平方向滚动到x，垂直方向滚动到y二：dom对象.scrollWidth 获取dom对象内容width(设置内容区域大小)实际内容大小 >= 内容区域设置大小 oDiv.scrollHeight == 实际内容大小dom对象.scrollHeight 获取dom对象内容height (实际内容大小)
2021-06-26 21:34:44
67
原创 2021-06-24
操作table插入行 与 单元格table对象.insertRow(索引号)tr对象.insertCell(索引号)查找行 与 单元格table对象.rows[下标]table对象.rows[下标].cells[下标]tr对象.cells[下标]删除 行 与 单元格table对象.deleteRow(索引号)tr对象.deleteCell(索引号)Exp:<body> <table border="1" cellspacing="0" width="400" i
2021-06-26 17:18:52
57
原创 2021-06-23
节点操作查找节点父子节点间的查找一、父节点查找子节点：父节点对象.firstChild 查找第一个子节点父节点对象.firstElementChild 查找第一个子元素节点父节点对象.lastChild 查找最后一个子节点 父节点对象.lastElementChild 查找最后一个子元素节点 父节点对象.childNodes 查找父节点里所有子节点父节点对象.children 查找父节点里所有子元素节点Exp：<body> <ul id
2021-06-24 23:11:37
99
原创 2021-06-22
DOM对象DOM(Document Object Model) 文档对象模型dom对象的方法：document.write( )document.getElementById(“id值”)通过id值获取元素对象document.getElementsByClassName(“类名”)通过类名来获取元素对象document.getElementsByTagName(“标签名”)通过标签名来获取元素对象` 列表1 列表2 列表3 列表4 列表5
2021-06-22 19:02:05
74
原创 2021-06-22
BOM对象BOM（Browser Object Model）浏览器对象模型window对象属性window.screen 屏幕相关信息screen.availWidth 屏幕可用宽度screen.availHeight 屏幕可用高度history 历史记录history.back() 加载历史记录列表中上一个urlhistory.forward() 加载历史记录列表中下一个urlhistory.go(number) 加载历史记录列表中某个具体urlnumber>1
2021-06-22 18:44:51
67
原创 2021-06-21
jsonjson是一种数据格式json序列化JSON.parse(str) // 序列化var str = '{"result":[["衬衫女","1473556.397271475"],["衬衫男","552642.1809802299"],["衬衫女夏","1257970.4856935937"],["衬衫裙","439575.7648646274"],["衬衫夏薄款","561202.8829713283"],["衬衫女夏薄款","349061.0700190166"],["衬衫男短袖","
2021-06-21 23:11:04
66
原创 2021-06-21
自定义对象创建对象var obj = new Object( );obj.属性名 = 属性值;obj[“属性名”] = 属性值;obj.方法名 = function(){this–>obj}var obj = { };var obj = {属性名 : 属性值 ,方法名 : function( ){this --> obj}}var obj = {};//空对象//Exp1:var girlFriend = new Object(); girl
2021-06-21 23:02:40
86
原创 2021-06-21
数组方法反转/颠倒数组arrObj.reverse()返回值：反转后的数组<script> var str = "hello world!"; var arr = str.split("");//1.把字符串分割为数组 arr = arr.reverse(); //2.数组反转 console.log(arr);</script>分割数组arrObj.join(参数)参数：可选 分割符 如果省略，默认用逗号分割 “”返回值：字符串 va
2021-06-21 22:41:41
85
原创 2021-06-20
数组去重一：目标:把旧数组里不重复的元素取出来，放在新的数组中去，重复的元素只保留一个，放到新数组中去重。二：核心算法:遍历旧数组，然后拿着旧数组元素去查询新数组，如果该元素在新数组里面没有出现过，就添加，否则不添加。三：利用 新数组.indexOf(数组元素)，返回值为-1时，说明新数组里面没有改元素。function unique(arr) { var newArr = []; for (var i = 0; i < arr.length; i++) {
2021-06-20 11:42:43
61
原创 2021-06-19
快速排序<script> function quickSort(arr) { var len = arr.length; //数组长度 2 if (len <= 1) { return arr; //数组里有1个元素或0个元素，直接返回 } var i = Math.floor(len / 2); //查找中间元素的索引号 var middle = arr.splice(i,
2021-06-19 13:13:43
54
原创 2021-06-17
数组对象数组创建① var myarr = new Array(); 创建一个空数组② var myarr = new Array(13,24,“hello”);创建数组，并传参数（数组元素）③ var myarr = new Array(4)创建一个长度为4的数组④var myarr = [] 空数组 ⑤ var myarr = [10,33,“world”]//一堆数组数组长度 myarr.length下标取值 [0,myarr.length-1]访问数组 通
2021-06-17 22:50:33
54
原创 2021-06-17
字符串方法字符串查找strObj.indexOf(参数1，参数2)参数1：必需 要查找的子串参数2：可选 开始查找的位置 省略不写默认从0开始查找返回值：若查找到，返回子串位置 [0,strObj.length-1],若找不到，返回-1Exp:<script> var str = new String("heolloworld"); var str = new String("I love javascript"); console.log(str
2021-06-17 20:54:50
63
原创 2021-06-16
内置对象数学对象Math.PI 圆周率Math.floor(参数) 向下取整 取到值<=参数Math.ceil(参数) 向上取整 取到值>=参数Math.round(参数) 四舍五入取整Math.abs(参数) 取到值>=0Math.pow(x,y) x的y次方Math.max(x1,x2,…) 较大值Math.min(x1,x2,…) 较小值Math.random() 随机数 (0,1)日期对
2021-06-16 23:01:06
76
原创 2021-06-16
函数全局函数把字符串类型的数值，转换为数字①eval（）可以把字符串类型的数字转换为数字类型isNaN( )用来计算一个参数以确定是否为数字② isFinite(参数)；判断参数是否为有限数字，是有限数字 返回值为true,不是有限数字返回值为false③ escape （）把字符串进行编码；unescap（）把字符串进行解码；④判断参数是否是 非数字（NaN）isNaN(参数) Number.isNaN(参数)parseInt(参数) 取余parseFloat(参数) 取整
2021-06-16 22:53:09
103
1
原创 2021-06-16
循环while循环语法while(循环条件){循环操作;}循环条件成立，执行循环操作特点：先判断，后执行do-while循环语法do{循环操作;}while(循环条件);先执行循环操作，循环条件成立，再次执行循环操作特点：先执行，再判断for循环语法for(初始化变量 ; 条件判断 ; 变量更新){循环操作;}初始化变量–>条件判断（true）–>循环操作–>变量更新特点：先判断，再执行...
2021-06-16 22:34:40
66
原创 2021-06-09
常用转换类型字符串类型的数值、转换为数字类型① 直接在字符串后面加上-0；② 利用Number 转换数字类型转换为字符串类型①加引号②利用String转换window对象的方法（window.书写时可以省略）①警告对话框 confirm 无返回值；②确认对话框alert 有返回值，返回值为布尔值 true/false③提示输入对话框 prompt 可以输入默认值注意：${ 变量} 字符串模板里 用``设置字符串分支单分支语法：单分支语法： if(条件
2021-06-10 21:54:04
70
原创 2021-06-09
js引入方式内嵌式外链式事件引入onclick 单击事件ondblclick 双击事件js注释方式单行注释 //注释内容多行注释 /注释内容/其他输入方式窗口输出alert（）；警告框文档输出ducoment.write( ); 把内容写到文档内部控制台输出conso.log（）； 控制台日志输出conso.log/error/warn/info 多用于控制台日志输出注意事项：1.每句话结尾用分号隔开；2.js区分大小写；3.单双引号；\n换行符号；字符模
2021-06-09 22:20:38
475
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人