qq_53854899的博客

原创 VUE复习

v-model指令修饰符如上；.number使得用户输入值变为数值类型；.trim让输入去除两端空格；.lazy有点类似防抖，不会实时更新data内数据，当离开输入框时才会改变。

原创 详解BFC

FC 全称 Formatting Context （格式化文本）官网介绍如下意为：盒子模型在标准流文本中，都属一种FC；块级的盒子属于BFC；行内盒子属于IFC（inline formatting）在如下情况下会创建BFC 常用的解决父级盒子高度塌陷等问题的方法 本质上就是利用的BFC规则。...

原创 form表单

给定默认值就是下面的↑；传文件时再设置值，不传不用设置，使用默认就行。使用submit提交到action设置的地址叫做 表单的同步提交，缺点如上；使用ajax????jQuery中serialize函数可以一次性获取所有表单内容，以键值对字符串形式拿到数据。必须给表单元素设置name属性才可以拿到值。...

原创 响应式布局

几个参数取值如下：

原创 Canvas相关

canvas默认是300*150px大小的画布；设置宽高应在标签内width和height设置，不能使用css设置；css设置只是拉伸了画布，并没有添加像素点，画的图形也是放大的。

原创 Git部分

git status检查文件状态；git -s 是 --short的简写；是status的精简化检查文件更新保存等的顺序。修改文件后，是modified；status是红色；执行add后放入暂存区；执行commit -m后提交更新，完成。git.checkout --文件名 撤销操作无法恢复。add . 将所有新增、修改过的文件放入暂存区。git reset HEAD 文件名，使用.做文件名全部移除出暂存区；标准流程：innit初始...

原创 ES6模块化相关

后端node.js使用 CommonJS模块化规范，require导入，module.exports导出。默认导出，只能导出一次，exploar default {}； 多余报错；

原创 Ajax部分笔记

objext对象 { id：1 name：lcy} 参数为对象形式jquery中get与post用法一致

原创 连接数据库（MySQL）部分

引入第三方包mysql，创建连接方法db，createPool（{}）value(?,?) ？为占位符 以数组中的值填充affectedRows ===1 可以判断是否插入成功单个？占位符 可以省略数组方式赋值，多个占位符则需要用数组【】赋值通过更新将staus改为1标记删除...

原创 HTTP协议部分

原创 JS高级部分笔记

若想使用constructor里的this指向 可以定义全局变量来保存this，供其他函数使用

原创 Vue 入门笔记

数据定义在data内，html中使用{{ }}填写想写入的内容名，data内使用 （名：内容）来填入给html

原创 前端部分笔记

继承的权重为0；padding不会撑开盒子的情况：未设置width、height行内元素、行内块元素水平居中，给其父级盒子设置text-align:center

原创 whit：100%的一些问题

问题：width: 100%是相对于谁的？今天在接触到移动端的时候，遇到了一个比较常用的属性设置：width: 100%;。因为对这个属性的用法有些困惑，所以简单地总结了一下。总结：属性 width:100%；使用情况主要有以下几种。前提条件：子元素必须是块级元素才能实现宽度的继承 父级元素设置了宽度当父级元素和子元素只是一般嵌套关系的时候，子元素继承父元素的宽。 当子元素浮动时，也可以完整的继承父元素的宽。 当子元素为position: absolute;的时候，这个时候子元

原创 Node.js学习

dataStr是读取成功后的数据split（‘ ’） 将字符串分割成数组但绝对不利于后期维护，使用--dirname(目录名) +相对路径 即可以解决path.join(' ' ,' ') ' '中放路径片段 使用 ，号隔开。其中 ../ 可以抵消上一个路径片段直接使用返回文件名，添加 ‘ext’ 返回去掉后缀的文件名 如添加 ‘ .html’去掉.html扩展名...

原创 ES6新增语法

var 存在变量提升会污染全局变量let const 声明的变量具有块级作用域，每声明一个就是一个块级作用域，如 { }中的变量不可被外界调用；因变量无提升，必需先声明变量才能调用变量；const 声明的变量内存地址不可更改，但变量为数组等，可以修改其中部分值，不可对整个数组重新赋值。若声明的值不需要变化，则一般使用const关键字声明，需要变化则使用用let关键字。函数内容只有一行，且返回值为本身，可省略 { }call函数改变fn函数的的this指向，指向o...

原创 JavaScript学习 部分笔记

1.i++ 与 ++i 的区别i++：先返回i的原值计算，在进行自增。++i：先自增，在进行运算。2.$$（与） 与 ||（或） 中的逻辑中断问题$$:前表达式为真返回后表达式；前表达式假返回前表达式。||：前表达式真返回前表达式；前表达式假返回后表达式。3.js的预解析函数提升； 变量提升（不提升赋值操作）例1.预解析后：输出结果为：undefined例2.预解析后：这个案例需要注意点是：var a = b = c =9;相当于 va..

原创 Flex布局

flex布局又名弹性、伸缩布局，相较于传统布局更加方便快捷，但兼容性较差，主要用于移动端网页布局。flex布局对父级盒子使用，子元素中的行内元素会获得可设置宽高等块级属性，其中的float属性、clear、vertical-align属性都会失效。Flex布局常用的几种属性：1.flex-direction(方向):row（默认值）：主轴为水平方向，起点在左端。 row-reverse（反转）：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 column-re

原创 前端学习--定位 二

固定定位 fixed固定定位是元素固定于浏览器可视区域的位置。主要用于浏览器页面滚动时需保持位置不变的情况。特点： 以浏览器可视窗口为参考移动元素跟父元素没有任何关系不随滚动条滚动...

原创 前端学习-定位

前端学习-定位定位：将盒子定在某一位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位 = 定位模式 + 边偏移定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。1.定位模式定位模式决定元素的定位方式，它通过CSS的position属性来设置，他的值分为四个：值 语义 static 静态定位 relative（相对的.adj） 相对定位 absolute（绝对的.adj） 绝对定位 fixed 固定定.