wxwmb11的博客

原创 vue-cli

vue-cli 骨架就像是maven创建项目maven有两个目的vue项目vuecli 怎么用node.js

原创 vue组件化 全局

vue组件 可以复用组件化：component(“组件名”，{vue对象})使用组件在被vue绑定的html元素中才能使用组件 <div id="app"> <model1></model1> </div> <script src="../js/vue.js"></script> <script> Vue.component (

原创 vue 的虚拟dom 和diff算法 if else show for

vue高效的核心就是虚拟的dom和diff算法templatev-for遍历一个对象数组用到了嵌套的循环

原创 vue 事件修饰符 computed属性 watch

vue中的计算属性js 就是改变内容或者改变样式

原创 VUE MVVM


原创 跨域

同源策略同源：协议，域名，端口号必须相同ajax 默认遵守同源策略跨域的解决方案jsonp 是一个非官方的跨域解决方案script 返回的是一段js代码函数调用 函数前端定义原生jsonp的实现cors跨域资源共享在服务器端设置...

原创 Ajax 使用fetch函数发送ajax请求

原创 axios发送ajax请求

params 是url参数、headers 请求头信息在headers中可以看见信息axios.default.baseURL可以设置baseurlpost 第一个url 第二个请求体 第三个其他配置通用方式加then获取服务器的信息

原创 ajax-jquery通用方法发送Ajax请求

json数据可以设置 datatype

原创 ajax

传送给服务器端

原创 MySQL 存储引擎

innodb是默认的引擎

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

union 可以将查询结果集相加union两张不相干的表的数据拼接到一起

原创 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；还可以使用再字符串之间 字符串的时候是左闭右开条件查询找出那些人没有津贴...

原创 MySQL2

查看表结构desc dept;\c 结束一条语句exit 推出当前数据库

原创 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 都不写的话按照代码位置靠下的定位的层级都是一样的祖先元素的层级在高也不会盖住后代元素...

原创 粘滞定位sticky

position sticky粘滞定位和相对定位的特点基本一致，不同的粘滞定位可以在固定在某个固定位置