vue组件化 全局 vue组件 可以复用组件化:component(“组件名”,{vue对象})使用组件在被vue绑定的html元素中才能使用组件 <div id="app"> <model1></model1> </div> <script src="../js/vue.js"></script> <script> Vue.component (
跨域 同源策略同源:协议,域名,端口号必须相同ajax 默认遵守同源策略跨域的解决方案jsonp 是一个非官方的跨域解决方案script 返回的是一段js代码函数调用 函数前端定义原生jsonp的实现cors跨域资源共享在服务器端设置...
axios发送ajax请求 params 是url参数、headers 请求头信息在headers中可以看见信息axios.default.baseURL可以设置baseurlpost 第一个url 第二个请求体 第三个其他配置通用方式加then获取服务器的信息
MySQL 外键约束 foreign keymysql> create table t_class(-> cno int primary key,-> cname varchar(255));Query OK, 0 rows affected (0.60 sec)mysql> create table t_student (-> sno int primary key,-> sname varchar(255),-> classno int,-> forei.
MySQL 主键约束 mysql> create table t_user(-> id int primary key,-> username varchar(255),-> email varchar(255)-> );Query OK, 0 rows affected (0.87 sec)mysql> insert into t_user(id,username,email) values(1,‘zs’,‘zs@123.com’);Query OK, 1 row affect
MySQL 唯一性约束 mysql> insert into t_user(id) values(3);Query OK, 1 row affected (0.10 sec)mysql> insert into t_user(id) values(4);Query OK, 1 row affected (0.13 sec)mysql> insert into t_user(id) values(5);Query OK, 1 row affected (0.09 sec)都是null 不算重复。..
MySQL 约束 非空约束 mysql> create table t_user(-> id int,-> username varchar(255),-> password varchar(255) not null );mysql> insert into t_user(id,username) values(1,‘wangwu’);ERROR 1364 (HY000): Field ‘password’ doesn’t have a default value±---------±--.
MySQL update delete mysql> update dept1 set loc=‘SHANGHAI’, dname=‘RENSHIBU’ where deptno=10;Query OK, 2 rows affected (0.13 sec)Rows matched: 2 Changed: 2 Warnings: 0mysql> select * from dept1;±-------±-----------±---------+| DEPTNO | DNAME | LOC |±-.
MySQL 创建表 表的复制 建表语句create table 表名(字段名1 数据类型字段名2 数据类型字段名3 数据类型);关于MySQL字段的数据类型int bigintfloatdoublevarchardatablobdateclobdatetimemysql> create table t_tstudent(-> no bigint,-> name varchar(255),-> sex char(1),-> classno varc
MySQL Limit 重要 分页查询全靠这个limit取结果集中的部分数据语法机制limit startIndex,lengthstartIndex 表示起始位置 起始位置 表示第一条数据length 表示取几个降序前五个mysql> select ename,sal from emp order by sal desc limit 0,5;±------±--------+| ename | sal |±------±--------+| KING | 5000.00 || FORD .
MySQL 子查询 mysql> select-> t.* ,s.grade-> from-> (select deptno,avg(sal) as avgsal from emp group by deptno ) t-> join-> salgrade s-> on-> t.avgsal between s.losal and s.hisal;±-------±------------±------+| deptno | avgsal | g..
MySQL 三张表连接查询 ajoinbjoinconmysql> select e.ename,d.dname ,s.grade-> from-> emp e-> join-> dept d-> on-> e.deptno = d.deptno-> join-> salgrade s-> on-> e.sal between losal and hisal;±-------±-----------±------+| ename.
MySQL 外连接 外连接左外连接 左表是主表mysql> select a.ename ‘员工’,b.ename ‘领导’ from emp a left join emp b on a.mgr =b.empno;±-------±-------+| 员工 | 领导 |±-------±-------+| SMITH | FORD || ALLEN | BLAKE || WARD | BLAKE || JONES | KING || MARTIN | BL
内连接 等值连接 非等值连接 AjoinBon连接条件where。。。 (sql99)语法结构更加清晰 表的链接条件和后来的where 分离了mysql> select e.ename , d.dname from emp e join dept d on e.deptno= d.deptno ;±-------±-----------+| ename | dname |±-------±-----------+| SMITH | RESEARCH || ALLEN | SALES
MySQL连接查询和笛卡尔积现象 连接查询的分类笛卡尔积现象mysql> select ename,dname from emp,dept;±-------±-----------+| ename | dname |±-------±-----------+| SMITH | ACCOUNTING || SMITH | RESEARCH || SMITH | SALES || SMITH | OPERATIONS || ALLEN | ACCOUNTING || ALLEN.
MySQL 结果集的查重 mysql> select job from emp ;±----------+| job |±----------+| CLERK || SALESMAN || SALESMAN || MANAGER || SALESMAN || MANAGER || MANAGER || ANALYST || PRESIDENT || SALESMAN || CLERK || CLERK || ANALYST ||
MySQL having 和 where选择 mysql> select deptno,max(sal) from emp group by deptno;±-------±---------+| deptno | max(sal) |±-------±---------+| 20 | 3000.00 || 30 | 2850.00 || 10 | 5000.00 |±-------±---------+3 rows in set (0.00 sec)mysql> select deptno,
MySQL count mysql> select avg(sal) from emp ;±------------+| avg(sal) |±------------+| 2073.214286 |±------------+分组函数不可直接使用再where字句中分组函数全都 自动忽略nullmysql> select count() from emp;±---------+| count() |±---------+| 14 |±---------+1 row in
MySQL 分组函数 count 计数sum 求和avg 平均值max 最大值min 最小值所有分组函数都是对“某一组”数据进行操作的mysql> select sum(sal) salary from emp;±---------+| salary |±---------+| 29025.00 |±---------+mysql> select count(comm) from emp;±------------+| count(comm) |±------------
MySQL 模糊查询 排序 %代表任意多个字符_ 表示任意一个字符select ename from emp where ename like ‘%o%’;mysql> select ename from emp where ename like ‘%o%’;±------+| ename |±------+| JONES || SCOTT || FORD |±------+第二个字母是a的 不区分大小写mysql> select ename from emp where ename like ‘
mysql2 查询 as 可以省略全部查询 不建议使用条件查询 select 字段,字段 from 表名 where 条件;执行顺序 先from 后where 最后 selcet字符串需要单引号括起来between and 闭区间between xx and yy xx必须大于yy;还可以使用再字符串之间 字符串的时候是左闭右开条件查询找出那些人没有津贴...
Mysql mysqlDB:database 数据库 数据库实际上再硬盘上以文件的形式存在DBMS:database management system 数据库管理系统sql结构化查询语言,标准的sql适合于所有的数据库产品sql先编译 再执行dbmsDBMS(执行) --> SQL (操作)–> DB什么是表table 表是数据库的基本组成单元,所有的数据都以表格的形式组织,目的是可读性强一个表包括行和列:行 被称为数据/记录(data)列 被称为字段一个字段 字段名,数据
git 本地库初始化 1.本地库初始化命令gitadd效果注意.git 目录存放的是本地库相关的子目录,必要删除也不要修改1…2 设置签名形式用户名:tom邮箱地址:das@asda.com 可以随便写 作用是区分不同开发人员的身份这里设置的签名与代码托管中心的账号密码没有任何关系命令:项目级别/仓库级别:仅在当前本地库中的范围内有效git config user.name tom-progit config user.email w384660107@163.com系统用户级别:登录当前
动画 动画和过渡类似,都可以实现一些动态的效果设置动画 效果,必须先要设置一个关键帧关键帧设置动画执行的每一个步骤@keyframes + name{from 表示动画的开始i位置margin-left 0; 也可以用%to 表示动画的结束位置margin-left 700px;}所有动画都要设置 animation-nameanimation-name :test;//时间animation-duration: 2s//动画延迟animation-delay:2s//迭代
过渡 transition height width alltransition-property指定要执行过度的属性多个属性使用,隔开如果所有属性都需要过度,则使用all关键字height,width,alltransition-duration大部分属性都支持过渡效果color width 注意过度时必须是从一个有效数值向另外一个有效数值进行过度s和ms 1s=1000mstransition-timing-function指定过渡的执行的方式可选值:ease 默认值 慢速开始 先加
表格 tabletrtrcolspan 横向合并单元格rowspan 纵向合并单元格长表格thead tr td /theadtbodytfootstyleborder-spacing 0pxborder-collapse:collapse;align表单简介表单 在现实生活中表单用于提交数据在网页中也可以使用表单,网页中的表单用于将本地的数据提交给远程服务器formaction 表单要提交的服务器地址input必须有一个name属性...
渐变 通过渐变可以设置复杂的背景颜色,可以实现从一个颜色向其他颜色过度的效果background-image :linear-gradient (to right, red,yellow)红色在开头,黄色在结尾,中间是过度区域to left/top/bottom/rightdeg 角度turn 表示圈渐变可以指定多种颜色 默认情况下平均分配,linear-gradient (to right, red 50px,yellow)表示从50pxrepeating-linear-gradient放
绝对定位元素的位置 不满足这个等式,要调整rightmargin left right content水平,垂直方向都要满足等式元素的层级对于开启定位的元素可以通过z-index属性来指定元素的层级z-index需要一个整数作为参数,值越大元素的层级越高z-index 都不写的话按照代码位置靠下的定位的层级都是一样的祖先元素的层级在高也不会盖住后代元素...
绝对定位 position absolute开启元素的绝对定位绝对定位特点1.开启绝对定位 不设置偏移量 元素位置不会发生变化2.开启绝对定位,元素会从文档流中脱离3.绝对定位会改变元素性质,行内会变成块,宽高会被撑开4.绝对定位会使元素层级提高5.坐标原点绝对定位是相对于包含块进行定位的包含块:1.文档流元素:离当前元素最近的祖先块元素2.绝对定位情况:包含快是离他最近的开启了定位的祖先元素只要position不是static就是开启了如果所有的祖先元素都没开启,就看根元素就是包含块h
相对定位 相对定位position relative开启后1.元素开启相对定位时,如果不设置偏移量元素不会发生任何变化offset(偏移量)当元素开启定位后,可以通过偏移量来设置元素的位置topbottom 垂直方向由两个一起控制,通常只会使用其一;leftright 2.相对定位是参照元素在文档中的位置决定的3.相对定位会提升元素的层级4.相对定位不会脱离文档流5.相对定位不会改变块,行元素...
用after伪类解决高度塌陷和外边距重叠 .clearfix::after,.clearfix::after{content:’’;display:table;clear:both;}解决外边距重叠和高度塌陷问题多功能塌陷那个有问题就写在哪里.div2::after{display:block/table;clear:both;}解决高度塌陷
高度塌陷和BFC BFC 是css中一个隐含的属性,可以为一个元素开启BFC 会变成一个独立的布局区域元素开启BFC 的特点1.开启BFC 的元素不会被浮动元素所覆盖2开启BFC的子元素和父元素外边距不会重叠
浮动的简介 通过浮动可以是元素向其父元素的左侧右侧浮动float:null/left/right元素设置完浮动后,水平布局的等式不需要强制成立设置浮动后,使元素不在占用文档流的位置浮动特点:设置浮动后元素会向父元素的左侧或右侧移动。浮动元素默认不会从父元素中移出浮动元素不会覆盖其他浮动元素如果浮动元素的上边是一个块元素,则不会向上浮动自动适应浏览器换行浮动元素不会超过上边的兄弟元素简单总结:浮动目前来讲主要作用就是让元素送排列浮动元素不会 盖住文字设置float后块元素不会再独占一行,脱离
轮廓与圆角 轮廓与圆角outline 同来设置元素的轮廓线用法和border一样box-shadow:black用来设置页面的阴影效果box-shadow:10px 100px 1000px black10px 是向右偏移量 水平100px 是向下偏移 垂直1000px 是模糊半径第四个值是颜色圆角border-radius: 10px 20px 30px三个值 :左上 右上/左下 右下两个值 :左上/ 右下 右上/左下border-radius 50%..
外边距的折叠 一个设置margin-bottom 一个设置margin-top相邻垂直方向 外边距会发生重叠现象兄弟元素间的相邻垂直外边距会取两者之间的较大值谁大听谁的一个正值一个负值 去两者的和两个都是负值,谁负的大听谁的...
垂直方向的布局 子元素大于父元素 ,子元素会溢出使用overflow设置父元素如何处理溢出的子元素overflow:visible,默认值,子元素会从父元素中溢出,在父元素外部的位置显示hidden 溢出的内容会被裁剪scroll 会出现两个滚动条auto 生成需要的滚动条overflow-xoverflow-y...
水平方向的布局 子元素的左右7个值相加宽度必须等于父元素宽度没有auto情况下,把margin-right被系统设置width margin-legt margin-right 如果某个值为auto,则会自动调整为auto的那个值以使等式成立如果 width margin都为autowidth都为最大 width最大 margin是0margin left margin-right 都为auto 两个值平分width: xxpxmargin: 0 auto ;...
盒子模型 四个值上右下左三个值上 左右 下两个值上下 左右一个值上下左右border-style :solid 实线dotted 圈dashed 虚线double 双实线默认值是null内边距padding内边距设置会影响到盒子的大小背景颜色会延伸到内边距上外边距margin外边距不会影响盒子可见框的大小外边距会影响盒子的位置top 往下走left 往右走bottom 看不出来元素从右往左顺序排列margin 可以设置负值,如果为负值,元素会往相反的方向走,甚至走到浏
layout 布局1.文档流(normal flow)网页是一个多层结构,一层摞着一层用户只能看见最外层, 元素在文档流的特点块元素 块元素会独占一行默认宽度为父元素的宽度默认高度:被子元素撑开 块元素总会独占一行行元素行内元素不会独占一行,行内元素在页面中自左向右水平排列。如果一行容不下,
像素和百分比 百分比:将属性值设置为父元素属性的百分比(不准确)写百分比,可以使子元素跟随父元素的改变改变em 是相对于元素的字体大小来计算的1em =1 font-sizeem 是根据字体大小的改变而改变font-size 改变 em变化rem 是相对于根元素的字体大小来计算...
选择器的权重 行内 > id > class >全局样式冲突:发生冲突时应用选择器的优先级决定内联 > id > class内联 1000id 100类选择器 10元素选择器 1如果优先级计算后相同,此时则优先使用靠下的样式通配选择器 * 为0;继承 的样式没有优先级。!important 有最高优先级...
伪元素选择器 伪元素 表示页面中特殊的不真实存在的元素(特殊的位置)::p::first-letter p中的第一个字母::first-line 表示第一行::section 表示选中的内容::before 元素的起始::after 元素的最后before 和after 必须和content 一起使用内容都无法选中有大用!!哈...
伪选择器 1.伪类(不存在的类,用来描述一个元素的特殊状态)比如:第一个子元素,被点击的元素,鼠标移入的元素伪类使用: 开头冒号ul> li : first-child总是确保第一个子元素:first-child:last-childnth-child() 选择第n个子元素直接写n表示 所有全选nth-child(2n) 选中偶数位元素nth-child(odd) 奇数位nth-child(even) 偶数位:first-of-type:last-of-type:nth-of-t
属性选择器 title 标签会有鼠标移上去有文字提示如何通过文字选中p[title][]选择含有属性的元素[属性名-属性值 ] 含有指定元素和属性值的元素p[title ^=abc ]选择属性值以指定值开头的元素p[title $=abc ]选择属性值以指定值结尾的元素p[title *=abc ]选择属性值中含有某值元素的元素...
关系选择器 关系选择器<><><><><><><><>父元素子元素祖先元素:直接间接后代元素:直接间接兄弟元素子元素选择器:div > span 表示div的子元素span后代元素选择器:div span 表示div所有子元素选中指定元素内的指定后代元素兄弟元素选择器:选择下一个兄弟p+span选择p后边的span选择所有兄弟x~y所有兄弟全部选择中...
CSS选择器 1.元素选择器作用:根据标签名来选中指定元素标签名()例如p()2.id选择器作用:根据元素的id属性值选中一个元素语法:#id 属性#box()id 应该只能设置一个,但是css中设置可以出现重复3.class 类选择器可以有多种class 也可以有多个语法:.class()4.通配选择器*{}所有元素5.复合选择器,交集选择器div.red注意 :交集选择器中有元素器,必须元素选择器开头6.一样时 xx,xx同样样式时h1,span...
css 1.内联样式// 开发时不要使用内联样式2.内部样式表方便重复使用改一个全改3.外部样式表通过link标签将样式文件导入html写出一个css样式文件外部文件可以使用缓存机制可以加快加载速度...
音视频播放 audio 引入外部的音频 //默认情况下不允许用户自己控制播放停止controls 可以控制autoplay 自动播放设置autoplay会自动播放有的浏览器不支持吗?现在很多浏览器都不支持autoplayloop 循环 音乐是否循环播放src 指定外部文件source 来制定文件embed 老浏览器兼容视频 video iframe标签中有allowfullscreen="true" ...
JS中 JSON JSON字符串转化为JS中的对象var json =’ { " name ":“孙悟空”,“age”:18 ,“gender” : “男” }’var o= JSON.parse(json);console.log( o.gender);将JS对象转换为JSON字符串需要一个js对象作为参数,会返回一个JSON字符串var obj3 = {name:“猪八戒”,age:28}var str = JSON.stringify(obj3);console.log(str)...
JS 将num数据类型转化为字符串 字符串转化为num string 转 number 类型,number 转 string 类型1.string 转 number 类型xxx.toString() 返回值是【object object 】可以写构造函数得出不同返回值2.number 转 string 类型parseInt() parseFloat
JavaScript中关于this指针的个人理解 JS中根据调用函数的方法不同this指针我学到的有3种用法。1.调用函数时调用this,永远指向window;2.使用方法调用this,指向的是调用方法的实例对象;3.在构造函数中使用this指向新建对象。1.调用函数时调用this,永远指向windowfunction fun(){ console.log(this); } fun(); 2.使用方法调用this,指向的是调用方法的实例对象; function fun(){ console.log
Linux-lvs配置 呜呜呜,这个不保证正确,中间ifconfig ens33 192.168.4.120 broadcast 192.168.4.120 netmask 255.255.255.255 up,配置完,mobax就不能用了。两台Director Server下载的在两台dr上绑定虚拟ip,使用该ip对外服务ifconfig ens33 192.168.4.120 broadcast 192.168.4.120 netmask 255.255.255.255 up,写完此条语句后,mobax不能使用,无
Linux-haproxy+keepalived负载均衡集群配置 解压缩配置需要的环境安装配置添加用户Haproxy.日志出现Configuration file is valid配置好haproxy.cfg文件,要不然会报错成功启动两台机器实现双网卡配置两个haproxy.cfg文件配置两个keepalived...
Linux-DRBD 关闭防火墙有gcc就没有下载看版本号两个下载drbd包加载内核模块在进行make和make install时出现错误百度后说影响不大,可以忽略。在另一台模拟器上相同安装步骤在一个主机上设置主节点备用节点...
Linux-Mysql服务器(主从)集群配置 在两台机器上解压sql压缩包产生初始密码 owRq?HkKt9hT启动数据库链接数据库修改密码为123456另外一台机器同样操作主服务器配置授权repl远程连接权限从服务器配置设置主服务器,实现主从...
实验九 使用SharedPreferences存储简单数据 实验九 使用SharedPreferences存储简单数据一、实验要求和目的理解SharedPreferences的基本概念掌握使用SharedPreferences保存程序参数、选项等简单数据的方法。二、实验环境部署有Android Studio和Android SDK的主机;建议在机房的HelloWorld例子上完成。5.<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="htt
实验七 使用Intent在Activity间传输数据 实验七 使用Intent在Activity间传输数据一、实验要求和目的理解Activity组件的功能与作用;掌握使用Intent在多个Activity组件间传输数据的方法;掌握在AndroidManifest.xml中配置Activity组件的方法。二、实验环境部署有Android Studio和Android SDK的主机;建议在机房的HelloWorld例子上完成。三、上机操作参考步骤1、 完成一个体重计算器的应用程序开发。图1为该应用的首界面(即主Activity),用户可选择性别
实验五 对话框的使用 实验五 对话框的使用一、实验要求和目的掌握AlertDialog控件的使用方法;掌握对话框按钮监听器的使用方法;能够熟练应用各种布局管理器和控件进行界面设计。二、实验环境部署有Android Studio和Android SDK的主机;建议在机房的HelloWorld例子上完成。三、上机操作参考步骤1、在layout文件夹的布局文件activity_main.xml中设计如下界面(快速注册和忘记密码为两个TextView)。MainActivitypackage com.exam
实验四 ListView的使用 一、实验要求和目的掌握Android中ListView控件的使用;掌握各种Adapter封装数据的方法;能够熟练应用各种布局管理器和控件进行界面设计。二、实验环境部署有Android Studio和Android SDK的主机;建议在机房的HelloWorld例子上完成。三、上机操作参考步骤1、在layout文件夹的布局文件activity_main.xml中设计如下界面。activity_main.xml<?xml version="1.0" encoding="utf-8
实验二 布局管理器及简单控件的使用 一、实验要求和目的掌握Android常用的几种布局管理器;掌握TextView、EditText、Button等常见控件的使用方法;能够熟练应用各种布局管理器及控件进行界面设计。二、实验环境1、部署有Android Studio和Android SDK的主机;2、建议在机房的HelloWorld例子上完成。三、上机操作参考步骤1、在layout文件夹的布局文件activity_main.xml中设计如下登陆界面(布局管理器不限,可自由嵌套组合,只要运行得到如下界面即可)。activit
使用Python实现KNN算法 使用Python实现KNN算法实验名称算法实现实现结果实验名称KNN算法的实现,利用数据集processed.cleveland.dataUCI公开数据集-heart disease,属性信息如下:#3 (age)#4 (sex)#9 (cp)#10 (trestbps)#12 (chol)#16 (fbs)#19 (restecg)#32 (thalach)#38 (exang)#40 (oldpeak)#41 (slope)#44 (ca)#51 (thal)#58
mysql-8.0.19-winx64 zip版本详细安装过程 mysql-8.0.19-winx64zip版本详细安装过程安装过程mysql-8.0.19-winx64zip版本详细安装过程下载安装下载一、下载官网链接:mysql-8.0.19-winx64 zip下载结果:安装二、安装1.解压安装包到指定文件夹(这一步一定要记住解压位置)解压后如图,但是没有data文件夹和my.ini配置文件,不急,慢慢来。2.创建my.ini文件...