- 博客(30)
- 收藏
- 关注
RSS订阅原创 Hbuilder真机调试
Hbuilder进行真机调试我们可以先下载一个360手机助手，当然像豌豆荚等其他软件也可以。我们在电脑和手机上都安装上360手机助手，然后使用数据线使电脑与手机进行连接连接手机时我们的手机需要打开开发者模式，然后打开usb调试。不同版本手机可以自行百度打开Hbuilder，然后点击运行-运行到手机或模拟器之后会提示我们在手机上下载Hbuilder软件，我们下载之后基本上就可以了，这样我们写的代码就可以在真机上进行调试了。...
2021-04-01 19:51:08
1848
原创 在vscode配置eslint保持自动更改
1.按住 ctrl + shift + p 在首选项打开设置JSONOpen Setting(JSON）中配置如下2. "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "editor.tabCompletion": "on", "vetur.ignoreProjectWarning": true, "vetur.validation.template": false,
2021-03-26 15:37:28
177
原创 关于BFC
什么是BFCBlock Formatting Context直译为“块级格式化范围”,BFC提供了一个环境，HTML元素在这个环境中按照一定规则进行布局在普通流中的 Box(框) 属于一种 formatting context(格式化上下文) ，类型可以是 block ，或者是 inline，但不能同时属于这两者。并且， Block boxes(块框) 在 block formatting context(块格式化上下文) 里格式化， Inline boxes(块内框) 则在 inline forma
2021-03-03 14:33:50
130
原创 js:面向对象、原型
学习js第十六天面向对象生成方块案例1面向对象的第一步：把要写的内容看作一个整体我们把元素整个的完成结果看作一个整体 就是 方块。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2020-12-01 09:56:09
78
转载 js:面向对象、构造函数
学习js第十五天面向对象面向过程的时候我们写代码的方式是获取元素、定义信号量、定义锁都是遇见需求就定义一个变量但是 无法复用 并且主要就是定义的 是变量面向对象就是操作的是对象把写代码的风格从面向过程改为面向对象 把变量封装成对象即可 //面向过程 var username = "王老五"; var age = 13; var sex = "男"; console.log("大家好，我的名字是" + username +
2020-11-28 10:18:39
310
原创 轮播图(火车轮播图)案例
用到了我们之前写好的运动函数animate.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title> <style>
2020-11-27 21:08:07
255
原创 js:运动函数、回调函数
学习js第十四天运动函数运动其实就是通过定时器不停的更改元素的属性运动各种各样 但是我们不可能每一次都手写 如果有一个函数能够帮助我们实现动画就好了思路： 想要让一个元素进行动画 其实就是用定时器不停的细微的改变这个元素的样式首先要知道终点、 起点。终点我们知道，因为是传递进来的。起点我们可以通过getComputedStyle或者 currentStyle获取 为了方便计算 要通过parseInt转为数字我们定义了一个对象用来存放距离接着我们去计算需要运动多少次 需要知道总时长 需要
2020-11-27 19:40:39
169
原创 js:ES6
学习js第十三天ES6是ECMAScript的第6个大版本 是2015年出现的它对现有的代码做了非常大的改动新增了很多新内容： 作用域、关键字、类、语法、等ES6中新增了块级作用域配合let关键字一起使用 { var a = 10; let b = 11; } console.log(a); console.log(b); // b is not definedlet与var的区别 //
2020-11-26 10:29:42
500
原创 作业(字符串转为对象的方法)
请写一个函数，传入url，返回如下对象 var url = 'cid=123&type="image"&startTime=2017'; //1 split var arr = url.split("&"); console.log(arr) var obj = {} for (var i = 0; i < arr.length; i++) { var key = arr[i].sp
2020-11-25 14:23:29
413
原创 js:ES5、正则表达式
学习js的第十二天严格模式"use strict"严格模式：ES5 新增的严格模式因为JS只用了10天就写完。有很多不规范的地方。 我们平时是尽量避免这些不规范的地方。如何开启严格模式"use strict"; 在作用域的第一行加该字符串如果加在全局代码第一行 那么整个全局作用域都会处于严格模式 全局严格模式如果加在函数代码的第一行 那么只有该函数内处于严格模式 局部严格模式这个代码一定要放在第一行声明变量必须使用var函数的形参不可以重名Uncaught Synt
2020-11-25 14:12:31
255
原创 js:补充内容
for循环中绑定事件的i<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {
2020-11-24 14:03:54
54
原创 作业(放大镜案例)
拖拽放大镜<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {
2020-11-23 14:41:52
185
原创 js:事件委托
学习js第十天不使用事件代理<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *
2020-11-21 09:07:02
99
1
原创 js:事件流程
学习js第九天快捷尺寸box.clientWidth获取盒子width + 左右paddingbox.clientHeight获取盒子height + 上下paddingbox.offsetWidth盒子左右border + 获取width + 左右paddingbox.offsetHeight盒子上下border + 获取height+ 上下padding获取边框宽度box.clientLef//左box.clientTop//上快捷位置定位父元素：指的是自己的祖先
2020-11-20 10:24:11
260
原创 作业6(往dom里添加节点)
根据数据生成表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {
2020-11-18 20:28:54
109
原创 js:节点
学习js第八天节点介绍document.a.childNodes获取a的所有的子节点包含空格、换行，会被看成文本节点节点分为文本节点、元素节点、属性节点、注释节点、文档节点等nodeType属性元素节点为1、属性节点为2、文本节点为3、注释节点为8、文档节点为9nodeName属性元素节点的 nodeName 与标签名相同属性节点的 nodeName 是属性的名称文本节点的 nodeName 永远是 #text文档节点的 nodeName 永远是 #document
2020-11-18 20:16:24
90
原创 js:BOM、DOM
学习js第七天BOMBOM 是浏览器对象模型 我们可以认为是window对象location 地址栏 console.log(window.location) //刷新页面 window.onclick = function() { location.reload(); } //在高级浏览器中 会默认把所有的id获取 变量名就是id名 console.log(btn)
2020-11-18 09:44:45
137
1
原创 作业4(字符串)
八位靓号 <script> // 请写随机生成10000个八位数，保证它们各不相同。并且筛选出其中的靓号，要求最后四位的格式如: AAAA ABAB AABB.并保证最后四位中不能有数字4 var sum = 0; var arr = []; // console.log(num1); while (sum < 10000) { var num1 = parseInt(Math.ran
2020-11-17 14:44:39
164
原创 js:Math、Date、事件
学习js第六天函数中的thisthis是函数中的一个对象 只能够通过点语法和方括号语法修改或者访问 不能够通过 = 修改 因为它直接指向内存this的特点在函数定义的时候，无法确定指向只有在函数调用的时候，才可以确定指向指向规则：谁调用 this就指向谁当没有明确的调用者时，指向window var fun = function() { console.log(this); } var obj = {}; obj.demo
2020-11-17 09:04:12
124
原创 js:对象、字符串方法
学习js第五天二维数组 一维数组 var arr = [1, 2, 3, 4, 5, 6, 7, 8]; 二维数组 var erweiArr = [ [1, 2, 3, 4, 5], [11, 21, 31, 41, 51], [12, 22, 32, 42, 52], [13, 23, 33, 43, 53], [14, 24, 34
2020-11-13 19:27:18
224
原创 作业3(数组)
加密某个公司采用公用电话传递数据数据是四位的整数， 在传递过程中是加密的 加密规则如下： 每位数字都加上5 然后用除以10的余数代替该数字 再将第一位和第四位交换 第二位和第三位交换 请编写一个函数， 传入原文， 输出密文 1 5 3 9 6 10 8 14 6 0 8 4 4 0 8 6 4 8 0 6function ji
2020-11-13 17:41:12
359
原创 我的js学习(数组及相关方法)
学习js第四天引用类型与值类型的区别1.存储位置引用类型存在堆内存中值类型存在栈内存中变量存储在栈内存中var a = 10; // 声明了一个变量 存储了10这个值var b = a; // 又声明了一个变量 把a的值复制了一份 交给b存起来a = 11; // 把a修改为11时 不会影响到b 依然是10console.log(b)2 比较var arr = [1, 2, 3, 4, 5, 6];var arr1 = [1, 2, 3, 4, 5, 6];console.
2020-11-13 17:32:54
86
原创 作业2（函数）
打印99乘法表 <script> // 1 打印99乘法表 function fun() { for (var i = 0; i <= 9; i++) { for (var j = 1; j < i + 1; j++) { document.write(j + '*' + i + '=' + j * i + ' &am
2020-11-12 11:54:40
347
原创 我的js学习(函数)
学习js第三天函数函数是JS中的引用类型数据之一。我们之前学习变量的时候 说变量的作用是复用数据。函数就是一个工具，可以将代码放在里面，随时执行。注: 函数是一等公民
2020-11-12 11:40:52
71
原创 作业1(联系判断、循环语句)
打印50之后的20个质数方法一： <script> // 定义一个变量计算质数个数 var num = 0; // 写一个循环50以上的数 for (var i = 50; i > 1; i++) { // 定义一个变量如果不是质数就改变其参数 var a = true; // 循环判断是否是质数，改变a的参数 for (var
2020-11-11 11:48:06
282
原创 我的js学习(js语句)
学习js第二天js的三个弹框alert用于弹出警告框alert("你好，请于XXXX年XX月XX日 到XXXX地址交代XXX问题");confirm用于弹出确认框var result = confirm("吃饭了吗");prompt用于弹出输入框var a = prompt("吃的什么啊?");判定语句判定语句在 JS 中 有两种： switch语句、 if语句；switch语句的语法： switch (变量) {
2020-11-10 20:25:04
101
原创 我的js学习(js变量、基本数据类型、运算符)
学习js第一天JavaScript简介JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。JavaScript编写位置1.行内（不用）2.script标签内，写在head标签或body标签最后3.外部js文件中，使用script标签引入注意：在引入js文件的script标签之间不能编写js代码注释单行注释：//多行注释：/* */变量简介变量是JS中的一个容器。用来装载一些数据。特点: 每当有代码使用到这个变量，就会使用这个变量容器中的
2020-11-09 20:09:33
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人