自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 收藏
  • 关注

原创 Vue计算属性(computed)(Vue08)

计算属性

2021-02-22 17:35:13 142

原创 Vue侦听器(watch)(Vue07)

侦听器

2021-02-04 14:47:05 117

原创 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基础003)

数组方法介绍及其使用

2020-05-19 16:52:32 106

原创 数组与对象(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关注的人

提示
确定要删除当前文章?
取消 删除