- 博客(36)
- 收藏
- 关注
RSS订阅原创 ref获取dom（Vue06）
每一个组件（实例）下，都有一个名为“$refs”的属性。打印这个属性，会显示一个对象，里面有添加量ref属性的dom元素。 <div ref="odiv"> <span ref="ospan"> this.$refs { odiv:div, ospan:span } 获取 this.$refs['odiv'] this.$refs.ospan 例：按按钮，字体变蓝 <div id="app"> <div class="box" re
2020-10-22 16:36:48
146
原创 Vue中的class和style（Vue05）
Vue中的class const vm = new Vue({ el: '#app', data: { a: 'box', b: 'box2', isActive:false } }) <div id="app"> <div :class="a"></div> <!-- div class="box" --> <di
2020-10-15 21:47:30
119
原创 循环渲染v-for（Vue04）
列表渲染 （循环渲染） 循环数组 <div id="app"> <ul> <li v-for="(item, index) in arr"> //item是元素，index是下标。（只写一个是元素） {{index}}==>{{item}} </li> </ul> </div> const vm = new Vue({ el: '#app', data:
2020-10-14 21:55:53
220
原创 条件渲染v-if（Vue03）
v-if 控制元素 显示、消失 v-if v-else-if v-else <div id="app"> <button @click="change">改变</button> <div class="box1" v-if="a%3==0">1</div> <div class="box2" v-else-if="a%3==1">2</div> <div class="box3
2020-10-14 21:17:46
106
1
原创 Vue的指令（Vue02）
扩展了 普通html属性的功能（用法同自定义属性) 用法： v-指令名=“值” <div v-xxx="值"> 总结： <元素 v-指令=“xxx”> 指令的值需要写在引号中： 1.也是js环境 2.里面可以写表达式 不能写语句 3.全局函数 只能使用白名单中 相当于模板中的语法 v-model将表单控件的value 属性 与 vue中的 数据 进行双向绑定 v-text将元素 的文本内容 与 一个vue的数据进行绑定 v-html渲染富文本数据（不管是v-text还是{{}}都不
2020-10-14 19:36:29
110
原创 Vue的结构（Vue01）
vue是什么 是一个js的 mvvm 渐进式 视图 框架 mvc m model 数据层 c controller 核心业务代码 v view 视图 html/css mvvm m 数据 v 视图mv vm(vmodel vue实例) 当数据改变时，视图自动刷新 （通过vmodel vue的实例控制刷新） vue雏形 <div id="app"> {{ msg }} </div> <script src="./vue.js"></script&g
2020-10-10 11:47:44
140
原创 BOM（JavaScript基础013）
Browser Object Model，即浏览器对象模型。 window.XXXX 1.浏览器的信息（window.navigator.） 浏览器的名称、版本等信息。关于浏览器的信息，window交给了他的子对象navigator去记录。 console.log(navigator.appCodeName); // 返回浏览器的代码名 console.log(navigator.appName); // 返回浏览器的名称 console.log(navigator.appVersion); // 返回浏览
2020-09-23 21:19:26
93
原创 Date对象（JavaScript基础012）
date对象介绍 获取当前时间对象： new Date() 获取指定的时间对象： new Date(“年-月-日 时:分:秒”) new Date(年,月,日,时,分,秒) //这种获取方式，月份要+1使用 new Date(时间戳-毫秒数) 从时间对象中单独获取年、月、日、星期、时、分、秒、毫秒、时间戳 getFullYear() getMonth() getDate() getDay() getHours() getMinutes() getSeconds() getMilliSeconds() g
2020-09-15 16:46:28
63
原创 Math对象与进制间转换（JavaScript基础011）
Math对象 1.随机数：Math.random() var res = Math.random() // 得到一个随机小数，范围：0~1，并且会包含0，不包含1 2.向上取整：Math.ceil(数字) var res = Math.ceil(10/3)//4 3.向下取整：Math.floor(数字) var res = Math.floor(10/3)//3 4.四舍五入：Math.round(数字) var res = Math.round(10/3)//3 5.求最大值:Math.max(多个数字
2020-09-15 15:08:02
315
原创 node.js第三方模块（前端后端13）
第三方模块包含： 1.jquery的库 2.前端框架 3.插件 npm工具 npm是下载了nodejs后自带的工具 1.npm下载与卸载 npm install bootstrap npm uninstall bootstrp install关键字可以简写为i 默认下载的是最新版本，要下载指定版本可以在包名后面加@版本号 可以同时下载多个包，多个包名中间用空格隔开 每次下载会自动生成一个文件：package-lock.json，里面下载的各种信息 2.npm初始化 我们传送项目时，为了便捷，一般不传送n
2020-09-09 08:47:51
114
原创 node.js内置模块2（前端后端12）
http模块做服务器 const http = require("http");//导入模块 var server = http.createServer(function(req,res){//创建服务器 // res.setHeader("content-type","text/html;charset=utf8")//防止汉字编码不一致，设置响应头 res.end("hello,node.js"); }); server.listen(3000);//监听端口 运行此js文件，启动
2020-09-08 20:45:20
72
原创 node.js内置模块（前端后端12）
fs模块——文件系统 const fs = require(“fs”); 写入 fs.writeFile(路径,写入内容,function(err){}) fs.writeFileSync(路径,写入内容); 读取 fs.readFile(路径,“utf-8”,function(err,data){}) var data = fs.readFileSync(路径,“utf-8”); 1.写入（异步） const fs = require("fs");// 导入模块 - 系统内置的fs模块 fs.writeF
2020-09-08 16:25:38
75
原创 node.js自定义模块（前端后端11）
导出 module.exports = { obj:obj // 希望将exports这个对象给别人用 } 引入 var a = require("./zs.js") 例1： 注意： 1.导出还有其他两种写法： module.exports = {键:值} module.exports.键 = 值 exports.键 = 值
2020-09-08 14:52:53
71
原创 node.js简介（前端后端10）
命令行操作：（四种方法） 1.在vscode中，点击右键，在终端打开 - win10不支持(权限问题)/百度调整权限 2.在文件所在目录中，按住shift，点击右键，在此处打开命令窗口，在这个打开的命令行中运行 - win10不允许(权限问题) 3.打开文件所在文件夹，在地址栏输入cmd，敲回车，也能打开一个命令窗口，能运行 4.打开开始，输入cmd，使用管理员身份运行cmd，然后就打开一个命令行窗口，cd 到要运行的文件所在的文件夹路径，然后再运行： node 文件名称 简单的命令 盘符: # 进入某个盘
2020-09-08 10:47:31
137
原创 cookie操作（前端后端04）
引言 我们在浏览器上登陆上自己的账号后，只要浏览器不关闭，随便我们浏览网页，我们的账号始终都是处于登陆状态的。 这用到的就是cookie，我们把我们的账号信息保存在了浏览器的cookie上了。 cookie（js） 1.cookie的设置 document.cookie = ‘键=值;expires=时间对象;path=路径’; 2.cookie的获取 var res = document.cookie; 例： 设置一个cookie，username=小明，30秒后失效，cookie的存储路径为根目录（lo
2020-08-26 21:21:24
252
原创 超文本传输协议（前端后端03）
引言： get和post都是http的请求方式 get请求： 1.输入网址敲回车是一次get请求 2.a标签跳转到新页面也是一次get请求 3.form默认提交方式 什么是超文本传输协议： 一个规定双方之间如何进行传输超文本数据的一个标准。 双方：客户端和服务器 http协议永远都是客户端主动给服务器发消息 三个阶段： 1.建立连接（三次握手） 2.开始通信 3.断开连接（四次挥手） 1.建立连接（三次握手） 双方互相确定： 自己能不能收消息 对方能不能收消息 自己能不能发消息 对方能不能发消息 2.开始
2020-08-25 16:42:37
154
原创 数据库操作（前端后端02）
一、对数据库mysql的操作 增 insert 表名(每一个字段名，使用逗号隔开) values(对应字段的每一个值) 删 delete from 表名 where 条件 改 update 表名 set 字段名=值,字段名=值 where 条件 查 select * from 表名 二、php操作mysql 1.连接数据库 $con = mysqli_connect(‘localhost’,’用户名’,”密码”,”库名”); 2.执行命令语句 $res = mysqli_query(连接,“操作语句”);
2020-08-25 16:11:12
447
原创 PHP基础小结（前端后端01）
一、PHP书写格式 <?php echo 123 ?> 二、PHP的注释 <?php // 单行注释 /*多行注释多行注释*/ # 单行注释 ?> 三、PHP的输出 <?php echo(123); echo 789;//只能输出简单类型数据 var_dump(123); // 能输出任意类型 //项目中不会有这个输出，调试代码的时候使用因为var_dump能输出类型 - 对于项目来说 - 没有用 print(123);//输出简单类型数据 print_r(123); /
2020-08-25 14:47:49
123
原创 几种数组方法及其使用二（JavaScript基础010）
几种数组常用的应用程序接口(API)(Application Program Interface) concat() slice() splice() reverse() sort() join() 1.concat() 作用：连接数组， 特点：不改变原数组 返回值：返回新数组 用法： arr2=arr1.concat(x1,x2); x1,x2是要拼接的元素（值）。 例： var arr=[1,2,3,4]; var newArr=arr.concat([5,6,7,8,9],10,[11]); co
2020-05-27 10:45:29
156
原创 预解析（JavaScript基础009）
当前作用域中，JavaScript代码执行之前，浏览器首先会默认的把所有带var和function声明的变量进行提前的声明或者定义。 预解析时： 1：先找到function （声明式） 声明的函数块， 将整个函数名，提升到当前作用域的顶部，并且定义； 2：再找到var声明的变量，然后将 声明的变量 提升到 当前变量作用域的顶部，赋值保留在原地； 3：函数优先级别更高。（即，函数先提升，变量后提升；提升后，变量在最前面，函数紧随其后）。 例1： var n=20;//*********************
2020-05-25 18:43:46
106
1
原创 函数实参副本（JavaScript基础008）
调用函数输入的实参与函数的形参应该是一一对应的。 但是，如果我们不知道确切有多少个实参时，我们要怎么写函数呢？（例如：求任意个数字的和） 这里引入arguments。 arguments是一个集合，也可以粗略的看成是一个数组：保存了函数调用时传入的参数。arguments.length是实参的个数；arguments[下标] 获取对应的实参。 即可以看成： arguments={实参1，实参2，实参3，。。。。。。}。 此时， arguments[0]=实参1； arguments[1]=实参2； argu
2020-05-25 13:57:24
377
原创 分治法——大数相乘（算法001）
两个长为n-bit的数x和y相乘。我们可以将数分为长为n/2-bit的前后两部分，分别相乘。 x * y = (2n/2xL + xR) * (2n/2yL + yR) = 2nxLyL + 2n/2(xLyR + xRyL) + xRyR = 2nxLyL + 2n/2((xL+xR)(yL+yR) - xLyL - xRyR) + xRyR 公式如上， xL，yL，xR，yR，(xL+xR)，(yL+yR)都只有n/2-bit，2个长为n-bit的数相城，简化成了6个n/2-bit的数简单的相乘相加减，
2020-05-22 15:02:27
799
原创 switch-case的灵活应用（JavaScript基础007）
问题 我们都知道，同为多分支语句，switch-case语句 与 if-else if语句有很大的分别，其中最大的分别莫过于：if-else if语句的选择条件可以是一个范围，而switch-case语句的选择条件只能是一个个确定的值。即下图的值1，值2是确定的值。 switch(表达式1){ case 值1：代码块1； break； case 值2：代码块2； break； default：代码块3； } 那么，我们能不能用switch-case语句来实现选择一个范围呢？（如：判断一个数到底是正
2020-05-21 18:54:13
145
原创 数据类型转换-显式转换（JavaScript基础006）
重新系统整理一下数据类型的显式转换。 程序员手动进行数据类型的转化，叫做强制转换，或显式转换 如： 一、其他类型 强制转换为 字符串 XXX.toString() 或 String(XXX) 二、其他类型 强制转化为 布尔值 Boolean(XXX) 三、其他类型 强制转化为 数字 Number(XXX) 四、字符串
2020-05-21 18:45:45
145
原创 数据类型转换-隐式转换（JavaScript基础005）
不同的 数据 在进行计算中 期待 其他的 数据类型 ，就会自动发生数据类型的转换。 如： 算数运算 期待 转化为 数字(+ - * / %) 比较运算 期待 转化为 数字(> < >= <= == ===) 逻辑运算 期待 转化为 布尔值(&& || !) 一：算术运算 “+” 比较特殊，如果左右两边有一个是字符串，那么会变成字符串的拼接。 其他运算，会先转化为数值类型，后进行算术运算。 i.非数字的值（如abc） 在算数运算中 转化为 数值
2020-05-21 18:31:35
93
原创 在HTML中写入JS的方法（JavaScript基础004）
我们或许经常在站点中写下js文件，然后在通过外部链接的方法，在HTML文件中引入JS文件。但事实上，我们还有其他不常用的方法来达到这一目的。接下来是这几种方法的总结。 行内 a标签内的href里写JS代码 <a href="javascript:js代码"></a> 如： <a href="javascript:alert(1)">超链接</a> ...
2020-05-19 17:31:40
1788
原创 数组与对象（JavaScript基础002）
数组与对象 有的时候我们可以把数组看成一个对象，如下： var arr={11,12,13}; var obj={0:11,1:12,2:13}; 数组——>对象 数组名——>对象名 数组的下标——>对象的属性名 数组的元素——>对象的属性值 但他们之间还是有着很多差异的。 差异一： 在数组中下标都会转换为number。（不能转换为number的会默认添加为属性名） 在...
2020-04-11 22:25:29
68
原创 强制类型转换（JavaScript基础001）
JavaScript 强制类型转换 JavaScript有七种基本数据类型： String Number Boolean Null Undefined Object Symbol 由于JavaScript是弱类型语言，其定义变量的数据类型是不确定的。（其他如java C++之类的语言为强类型语言，即其变量的数据类型是确定的。） 因此，我们可以进行数据类型转换。 类型转换有两种方式： 一种是强制...
2020-03-22 21:53:19
173
原创 JAVA002.windows中常用的快捷键
windows操作系统中常用的快捷键： win + r 打开运行窗口 win + d 显示桌面 win + e 打开资源管理器 win + L 锁屏 alt + tab 应用之间的切换
2020-01-04 22:02:36
143
原创 JAVA001.常见的DOS命令
打开DOS命令窗口 快捷键：win + r，打开运行窗口 输入cmd回车 1.退出当前DOS命令窗口——exit 2.清屏——cls 3.列出当前目录下所有的子文件/子目录——dir 4.创建目录——mkdir abc【表示在当前所在目录下新建一个目录，起名abc】 5.改变目录（目录切换命令）——cd 目录的路径 6.返回上级目录——cd … 7.返回根目录——cd 8.切换盘符——c: 回车...
2020-01-03 22:33:54
59
原创 组合数学003
组合的性质 1.C(n,r)=C(n,n-r)=n!/r!(n-r)! 2.C(n,r)=C(n-1,r)+C(n-1,r-1) C(n,r)：从n个不同元素(a1,a2,a3,…an)中取出r个元素。 C(n-1,r)：r个元素中没有a1，从n-1个不同元素(a2,a3,…an)中取出r个元素。 C(n-1,r-1)：r个元素中有a1，从n-1个不同元素(a2,a3,…an)中取出r-1个元素。...
2020-01-02 21:26:09
208
原创 组合数学002
多重集组合（Combination of Multiset） 例： {a,a,a,a,a,a,a,a,a,a, b,b,b,b,b,b,b,b,b,b, c,c,c,c,c,c,c,c,c,c, d,d,d,d,d,d,d,d,d,d}取出10个字母，有多少种组合？ x1+x2+x3+x4=10 ee!eee!eeee!e N=C(10+(4-1),10)=13!/10!3! {∞a,∞b,∞c,...
2020-01-01 22:48:35
77
原创 组合数学001
多重集排列（Permutations of Multisets） 设：多重集S={n1a1,n2a2,…,nkak}; n=n1+n2+n3+…+nk; 则：S的全排列为： N=C(n,n1)C(n-n1,n2)…C(nk-1,nk) N=n!/n1!n2!..nk! 例： S={a1,a1,a1, a2,a2, a3,a3,a3,a3}.(n1=3,n2=2,n3=4,k=3) N=9!/3!2...
2020-01-01 22:11:21
98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人