自定义博客皮肤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 141

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

侦听器

2021-02-04 14:47:05 116

原创 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 143

原创 Vue中的class和style(Vue05)

Vue中的classconst 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 116

原创 循环渲染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-ifv-else-ifv-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 104 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 109

原创 Vue的结构(Vue01)

vue是什么是一个js的 mvvm渐进式 视图 框架mvcm model 数据层c controller 核心业务代码v view 视图 html/cssmvvmm 数据v 视图mvvm(vmodel vue实例)当数据改变时,视图自动刷新 (通过vmodel vue的实例控制刷新)vue雏形<div id="app"> {{ msg }} </div><script src="./vue.js"></script&g

2020-10-10 11:47:44 139

原创 BOM(JavaScript基础013)

Browser Object Model,即浏览器对象模型。window.XXXX1.浏览器的信息(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 61

原创 Math对象与进制间转换(JavaScript基础011)

Math对象1.随机数:Math.random()var res = Math.random() // 得到一个随机小数,范围:0~1,并且会包含0,不包含12.向上取整:Math.ceil(数字)var res = Math.ceil(10/3)//43.向下取整:Math.floor(数字)var res = Math.floor(10/3)//34.四舍五入:Math.round(数字)var res = Math.round(10/3)//35.求最大值:Math.max(多个数字

2020-09-15 15:08:02 315

原创 node.js第三方模块(前端后端13)

第三方模块包含:1.jquery的库2.前端框架3.插件npm工具npm是下载了nodejs后自带的工具1.npm下载与卸载npm install bootstrapnpm uninstall bootstrpinstall关键字可以简写为i默认下载的是最新版本,要下载指定版本可以在包名后面加@版本号可以同时下载多个包,多个包名中间用空格隔开每次下载会自动生成一个文件:package-lock.json,里面下载的各种信息2.npm初始化我们传送项目时,为了便捷,一般不传送n

2020-09-09 08:47:51 112

原创 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 71

原创 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 74

原创 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 70

原创 node.js简介(前端后端10)

命令行操作:(四种方法)1.在vscode中,点击右键,在终端打开 - win10不支持(权限问题)/百度调整权限2.在文件所在目录中,按住shift,点击右键,在此处打开命令窗口,在这个打开的命令行中运行 - win10不允许(权限问题)3.打开文件所在文件夹,在地址栏输入cmd,敲回车,也能打开一个命令窗口,能运行4.打开开始,输入cmd,使用管理员身份运行cmd,然后就打开一个命令行窗口,cd 到要运行的文件所在的文件夹路径,然后再运行:node 文件名称简单的命令盘符: # 进入某个盘

2020-09-08 10:47:31 134

原创 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 249

原创 超文本传输协议(前端后端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操作mysql1.连接数据库$con = mysqli_connect(‘localhost’,’用户名’,”密码”,”库名”);2.执行命令语句$res = mysqli_query(连接,“操作语句”);

2020-08-25 16:11:12 447

原创 PHP基础小结(前端后端01)

一、PHP书写格式<?phpecho 123?>二、PHP的注释<?php// 单行注释/*多行注释多行注释*/# 单行注释?>三、PHP的输出<?phpecho(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 104 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 797

原创 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 144

原创 数据类型转换-显式转换(JavaScript基础006)

重新系统整理一下数据类型的显式转换。程序员手动进行数据类型的转化,叫做强制转换,或显式转换如:一、其他类型  强制转换为  字符串  XXX.toString()    或    String(XXX)二、其他类型  强制转化为  布尔值  Boolean(XXX)三、其他类型  强制转化为  数字  Number(XXX)四、字符串 

2020-05-21 18:45:45 144

原创 数据类型转换-隐式转换(JavaScript基础005)

不同的 数据 在进行计算中 期待 其他的 数据类型 ,就会自动发生数据类型的转换。如:算数运算 期待 转化为 数字(+ - * / %)比较运算 期待 转化为 数字(> < >= <= == ===)逻辑运算 期待 转化为 布尔值(&& || !)一:算术运算“+” 比较特殊,如果左右两边有一个是字符串,那么会变成字符串的拼接。其他运算,会先转化为数值类型,后进行算术运算。i.非数字的值(如abc) 在算数运算中 转化为 数值

2020-05-21 18:31:35 91

原创 在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 1783

原创 几种数组方法及其使用(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 65

原创 强制类型转换(JavaScript基础001)

JavaScript 强制类型转换JavaScript有七种基本数据类型:StringNumberBooleanNullUndefinedObjectSymbol由于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 142

原创 JAVA001.常见的DOS命令

打开DOS命令窗口快捷键:win + r,打开运行窗口输入cmd回车1.退出当前DOS命令窗口——exit2.清屏——cls3.列出当前目录下所有的子文件/子目录——dir4.创建目录——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 203

原创 组合数学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=10ee!eee!eeee!eN=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 97

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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