- 博客(31)
- 收藏
- 关注
RSS订阅原创 结合bootstrap和查询天气接口axios做的查询天气小demo
结合bootstrap和查询天气接口axios做的查询天气小demo1、查询天气接口：http://wthrcdn.etouch.cn/weather_mini?city=城市名称2、引入bootstrap.min.css:<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">3、使用bootstrap必须先引入jq库，并放于.
2020-11-17 23:55:04
772
4
原创 vscode英文感叹号没出现提示文本解决方法！
1、Ctrl+shift+P2、输入change language mode （更改语言模式）3、选择HTML4、重新试一下 ！+ tab 或者！+enter亲测有效
2020-11-08 12:34:52
10445
11
原创 CSS遇到的一些注意点
1、关于height:100%和height:100vh的区别vh 也就是 viewpointheight ，作用是设置高度跟屏幕一样，宽度不用设置，自适应vh 就是当前整块屏幕可视高度的1%，也就是说 height:100vh 相当于 height:100%;但是当元素没有内容时候，设置height:100%，该元素不会被撑开，此时高度为0，但是设置height:100vh，该元素会被撑开屏幕高度一致。2、弹性布局（display：flex） #wrapper{ ...
2020-10-19 00:45:13
174
原创 新增H5与CSS3知识笔记4
浏览器私有前缀（了解）1、作用：为了兼容老版本的写法。-moz代表firefox浏览器私有属性，-ms代表ie浏览器私有属性，-webkit代表safari、chrome私有属性，-o-表示欧朋浏览器私有属性2、最新版本的浏览器不用写。例如：比较新版本的浏览器都支持直接写：border-radius。...
2020-10-18 00:36:33
148
原创 新增H5与CSS3知识笔记1
H5部分： 音频audio标签 属性 值 描述 autoplay autoplay 如果出现该属性，则音频就绪后马上播放 controls controls 如果出现该属性，则向用户显示控件，比如播放按钮 loop loop 如果出现该属性，则每当音频结束时重新开始播放 src url 要播放的音频的URL <body> <!-- 谷歌，火狐都是禁用自动播放属性的 而且不同浏览器支持不同音
2020-10-18 00:36:21
79
原创 新增H5与CSS3知识笔记2
CSS部分CSS3属性选择器（类选择器、属性选择器、伪类选择器，权重都为10）类选择器 属性选择器选择符 简介 E[att] 选择具有att属性的E元素 E[att="val"] 选择具有att属性且属性值等于val的E元素 E[att^="val"] 匹配具有att属性、且以val开头的E元素 E[att$="val"] 匹配具有att属性、且以val结尾的E元素 E[att*="val"] 匹配具有att属性、且值中含有val的E元素
2020-10-18 00:35:40
99
原创 新增H5与CSS3知识笔记3
CSS3的2D转换以及3D转换 2D转换 转换（transform）是CSS3具有颠覆性的的特征之一，可实现元素的位移、旋转、缩放等效果移动 transform（1）语法：transform：translate（x,y）；或者分开写transform：translateX（n）transform：translateY（n）（2）重点：定义2D转换中的移动，沿着X和Y轴移动元素 translate最大的优点是：不会影响其他元素的位置 translate中的百分比单位是
2020-10-18 00:34:28
243
原创 02-学习vue笔记分享-computed语法
问：Vue实例中computed和methods的区别？methods与computed两个方法有很多相似之处，但是computed这个属性更加优化；methods是页面重新渲染时，它的函数总是会重新调用执行，而computed计算属性是基于缓存依赖的，只有他的相关依赖发生改变时才会重新求值computed可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回结果所以如果在插值表达式中有过于复杂的运算，可以用computed计算属性 computed语法的基本使用 例如...
2020-07-13 01:25:02
246
原创 01-学习vue笔记分享-mustache语法
mustache语法与部分指令语法 mustache语法中，不仅仅可以直接写变量，也可以写简单的表达式 ； mustache用{{}}表示； <div id="app"> <h2>{{message}}</h2> <h2>{{message}},kjk</h2> <!-- mustache语法中，不仅仅可以直接写变量，也可以写简单的表达式 --> .
2020-07-13 01:24:40
1348
原创 03-学习vue笔记分享-v-model数据双向绑定
1、基本使用：<body> <!-- 被app实例所控制的区域 --> <div id="app"> <input type="text" v-model="message"> <h2>{{message}}</h2> </div> <script src="../vue.js"></script> <script&
2020-07-13 01:23:42
165
原创 vscode一键生成HTML中的vue模板设置
输入Ctrl+Alt+p或者选择设置-用户代码片段 输入 preference 找到配置用户代码块。 选择HTML并回车。 在html.json中填充你喜欢的模板即可。 "Print to console": { "prefix": "vue", "body": [ "<!DOCTYPE html>", "<html lang=\"en\">", "", "<head>", " &l..
2020-07-07 11:27:34
760
原创 WebAPI编程--第二篇DOM--案例补充
案例1：实现密码框格式错误提醒分析：1、首先判断的事件是表单失去焦点onblur2、如果输入正确则提示正确的信息颜色为绿色的图标3、如果不是规定格式，则提示错误信息颜色为红色，图标也改变4、因为里面的样式变化较多，采用className修改样式...
2020-05-19 19:52:00
139
原创 WebAPI编程--第二篇DOM
1、DOM简介（1）定义：文档对象模型（Document Object Model），是W3C组织推荐的处理可拓展标记语言（HTML或XML）的标准编程接口W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式（2）DOM树（1）文档：一个页面就是一个文档，DOM中使用document表示（2）元素：页面中的所有标签都是元素，DOM中使用element表示（3）节点：网页中的所有内容都是节点（标签、属性、文本、注释等等），DOM中使用node表
2020-05-18 15:51:55
377
原创 WebAPI编程--第一篇API和Web API
1、WebAPI跟js的关联性：（1）js基础阶段我们学习的是ECMAScript标准规定的基本语法 要求掌握js基础语法 只学习基本语法做不到页面交互效果 目的是为了js后面的课程打基础（2）WebAPIs阶段WebAPIs是W3C组织的标准 WebAPIs我们主要学习DOM,BOM WebAPIs是我们js独有的部分 主要学习页面交互功能 需要用到js基础2、理解API和Web API（1）API（Application Programming Interfa
2020-05-15 16:28:22
487
原创 js学习笔记基础分享--简单类型与复杂类型
1、基本概念：简单类型又叫基本数据类型或值类型、复杂类型又叫引用类型。值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型。如string、number、Boolean、undefined、null //简单数据类型 null 返回的是一个空的对象object var timer = null; console.log(typeof timer); //应用：如果我们打算将变量存储为对象，暂时没想好放啥，这
2020-05-15 12:13:27
160
原创 js学习笔记基础分享--字符串对象
字符串对象方法：indexOf（）：语法：str.indexOf(searchValue [, fromIndex])indexOf()方法返回调用它的 String对象中第一次出现的指定值的索引，从 fromIndex 处进行搜索。如果未找到该值，则返回 -1。习题：查找字符串"abcoefoxyozopp"中所有o出现的位置以及次数 //查找字符串某个字符出现的次数 //查找字符串"abcoefoxyozopp"中所有o出现的位置以及次数 ..
2020-05-14 19:48:52
526
2
原创 js学习笔记基础分享--函数习题
习题1：写一个函数实现数组的翻转。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2020-04-27 23:26:41
219
原创 js学习笔记基础分享--作用域和预解析
作用域和预解析1.js作用域：变量在某个范围内起作用和效果（目的：提高程序的可靠性和减少命名冲突）2.分类：全局作用域、局部作用域2.1.全局作用域：整个script标签或者一个单独js文件2.2.局部作用域：函数内部就是局部作用域，只在函数内部起作用3.变量分类：全局变量、局部变量3.1根据作用域的不同，变量可分为两种：全局变量、局部变量3.2全局变量：在...
2020-04-27 21:19:43
281
原创 js学习笔记基础分享--对象
js学习笔记--对象创建对象的三种方式：1，利用字面量；2，利用new Object（）；3，构造函数1，利用字面量： // //对象：属性+方法 // //创建方法：1.字面量创建对象 // var obj = {}; //创建一个空对象 // console.log(typeof (obj));//objec...
2020-04-27 14:33:25
2335
原创 js学习笔记基础分享--函数篇
函数篇引入函数这个概念问题：还记得累加和怎么写吗? var sum = 0; for (var i = 1; i <= 50; i++) { sum = sum + i; } console.log(sum);思考：那要算10-50累加和呢？1-1000呢？是不是要重新写一遍代码？...
2020-04-26 21:04:45
598
3
原创 js学习笔记基础分享--正则表达式
语法：/正则表达式主体/修饰符(可选) var a = /number/i解析：/number/i是一个正则表达式。number是一个正则表达式主体(用于检索)。i是一个修饰符(搜索不区分大小写)。使用字符串方法//search() 方法 用于检索字...
2020-04-24 19:24:13
330
原创 js学习笔记基础分享--数组补充
1、回顾翻转数组的常用方法：//翻转数组的另一种方法 function reverse(arr) { var newArr = []; for (var i = arr.length - 1; i >= 0; i--) { newArr[newArr.length] = arr[i]; ...
2020-04-19 23:48:15
220
1
原创 5.1Date对象
创建Date对象 Date对象的属性 Date对象的方法1、创建Date对象： //1.获取当前时间必须实例化 var now = new Date(); console.log(now); //Sun Apr 19 2020 09:59:40 GMT+0800 (中国标准时间) //2.Date()里面的参数是时间，...
2020-04-19 16:59:07
192
原创 5.1number对象
number对象： //1.创建Number对象 varnumObj1=newNumber();varnumObj2=newNumber(0);varnumObj3=newNumber(-1);console.log(numObj1);//2.属性。M...
2020-04-18 16:27:22
119
原创 5.1math对象
属性： 属性 描述 属性 描述 E 自然对数的底数（2.718281828459045） LOG2E 以2为底数的e的对数（1.4426950408889633） LN2 2的自然...
2020-04-18 15:50:57
155
原创 JavaScript分享基础-数组
数组的创建：//一、定义数组的4种方法：//1.利用new定义一个空数组 var arr = new Array(); arr[0] = "1"; arr[1] = "2"; arr[2] = "3"; console.log(arr); //注意：定义的数组对象名（arr）不能与已存在的变量名重名//2.利用数组字面量创建数组 ...
2020-04-17 22:10:47
571
原创 js学习笔记3-循环语句-while
循环语句-while-do-while：//1、1-100之间的所有整数和 var sum = 0; var j = 1; while (j <= 100) { sum += j; j++ } console.log(sum);//2、1-100之间的奇...
2020-04-13 16:07:13
105
原创 js学习笔记3-选择分支语句
例题：1、if语句--请用户输入年龄，如果大于等于18，则返回您已成年；如果小于18则返回您还未成年：<body> <script> var age = prompt("请输入您的年龄："); if (age >= 18) { alert("您已成年！") } else(aler...
2020-04-13 01:39:29
301
原创 js学习笔记2-运算符注意要点
注意要点：短路运算（逻辑中断）：当多个表达式（值）时，左边的表达式值可以确定时，就不再运算右边的表达式的值。1、逻辑与（1）语法：表达式1&&表达式2（2）若表达式1为真，则返回表达式2（3）若表达式1为假，则返回表达式1<body> <script> console.log(123 && 4...
2020-04-12 20:19:15
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人