qq_67263268的博客

原创 webpack初识

webpack

原创 react

react知识点

原创 vuex+映射

vuex+映射

原创 router知识

路由及守卫

原创 axios知识点1

axios知识

原创 组件传参+生命周期知识点

emit(事件名,事件值)发送一次事件,事件名(counterchange)和事件值(counter)是自定义的。$event固定写法,事件的值(counterchange事件的值,也是子组件$emit的第二个参数)父传给子的数组是只读的(做默认值,读取显示)每个组件从创建到销毁都会经历一系列的过程，第一步CounterCom.vue。CounterCom.vue组件中。说明并不是每个生命周期都需要使用。//01接收参数并定义默认值。//02使用参数num。App.vue文件中。...

原创 vue脚手架知识点

03.运行项目cd项目名称（进入项目目录里）npmrunserve运行项目。data(){return{msg"脚手架写大项目"}}可以通过scoped限定样式使用范围在本组件(明天演示)打开cmd然后输入npmi@vue/cli-g。vue的指令连接了template和script。01.cd/切换到c盘根目录（不是非必要创建c盘）02.输入指令vuecreate项目名称。template有且只有一个子节点。data必须是函数返回一个值。03.style样式。...

原创 cmd+npm命令

cdUsers\Administrator切换到Users\Administrator目录。别名(简写)uninstall->remove->r。安装的插件在项目开发阶段使用,上线就不需要了。初始化项目,创建package.json的文件。开发--save-dev简写为-D。电脑的任何项目都可以引用到安装的插件。安装的插件在开发与线上阶段都需要。全局--global简写为-g。例如c切换到c盘，d切换到d盘。产品--save简写为-S。...

原创 Vue第一天知识总结

一.什么时mvvm？针对具有复杂的逻辑前端应用提供基础的架构抽象通过Ajax数据持久化，保证前端用户体验mvvm包括三种框架：angurlar.js react.js vue.js二.组件首先设置模板： 其次组件： 三.指令1.innerText的属性用法 v-text不能识别标签2.innerHTML的属性用法 v-html可以识别标签3.v-show展示和隐...

原创 jq知识总结

一.jq与dom对象转换 // jquery对象[索引号] // jquery对象.get[索引号]dom对象转换为jquery：$(dom对象)二.windom.onload与$(document).ready()的区别执行时机：前者必须等待网页全部加载完毕（包括图片等）然后再执行包裹代码后者只需要等待网页中的DOM结构加载完毕，就能执行包裹的代码执行次数：前者只能执行一次,如果第二次，那么，第一次的执行会被覆盖后者可以执行多次，第n次都不会被上一次覆盖三.属性....

原创 js监听事件与正则知识总结

dom对象.addEventListener(参数1，参数2，参数3)添加监听事件参数1：事件名 字符串 不带on参数2：函数 事件触发后调用的函数参数3：布尔值 事件流类型 默认false 事件流冒泡 如果为true则事件捕获流dom对象.removeEventListener(参数1，参数2，参数3)删除监听事件参数1：事件名 字符串 不带on参数2：函数 事件触发后调用的函数参数3：布尔值 事件流类型 默认false 事件流冒泡 如果为true则事件捕获流IE专有监听事件的方法，仅

原创 dom知识总结

dom对象.classList.add(类名1，类名2.....)添加类dom对象.classList.remove(类名1，类名2.....)删除类dom对象.classList.toggle(类名1，类名2.....)交互类dom对象.classList.contains(类名1，类名2.....)判断类含有该类，返回true，反之返回false元素节点 属性节点 文本节点nodeName节点名称/tagName标签名称nodeType（节点类型）返回1 元素节点nodeValu...

原创 dom知识总结

dom对象.classList.add(类名1，类名2.....)添加类dom对象.classList.remove(类名1，类名2.....)删除类dom对象.classList.toggle(类名1，类名2.....)交互类dom对象.classList.contains(类名1，类名2.....)判断类含有该类，返回true，反之返回false元素节点 属性节点 文本节点nodeName节点名称/tagName标签名称nodeType（节点类型）返回1 元素节点nodeValu...

原创 window知识总结1

location.href返回当前位置的地址location.pathname路径名location.reload();//刷新本页面history.forward()去下一页history.back()返回上一页（前提有历史记录）navigator.userAgent用户代理window.open()window.close()window.onload=function(){}等到html文档加载完毕后，（包括图片等下载完毕）会触发onload事件window.onresize=fu

原创 js数组方法知识点

冒泡排序算法原理：升序1.比较相邻的元素。如果第一个比第二个大，就叫唤他们两个。2.对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该最大3.针对所有的元素重复以上的步骤，除了最后一个。4.持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。例：冒泡排序降序函数arrObj.pop()删除数组最后一个元素返回值：删除的元素例：arrObj.push(元素1，元素2......)在数组的尾部添加元素返回值：新数组的长度..

原创 js知识点总结

stringObject.split(参数1,参数2)参数1：必需 分割符参数2：可选 限制份数返回值：分割后的数组例：strObj.match（参数）参数：正则表达式返回值：返回满足匹配正则结果的数组，或者null（匹配失败的时候)例：str.toUpperCase()转换为大写字母例：strObj.toLowerCase()转换为小写字母例：String.fromCharCode(数字）根据字符编码返回对应的字符strObj.trim()删.

原创 js知识点

stringObject.substr(参数1,参数2)从参数1位置开始截取长度为参数2的子串参数1：必需 开始截取的位置 可以为负 -1代表最后一个字符 -2代表倒数第二个字符参数2：可选 截取的长度 若省略，截取到整个字符串的末尾返回值：截取的子串例stringObject.substring(参数1,参数2)从参数1位置开始截取长度为参数2（不包含）位置的子串参数1：必需 开始截取的位置参数2：可选 结束截取的位置 若省略，截取到整个字符串的末尾返回值：截取的子串..

原创 js知识点

setTimeout() 方法setTimeout（“参数1”, “参数2"） 延迟时间参数1：待执行的js代码串或调用的函数参数2：延迟时间，单位毫秒ms参数说明：1.代码：要调用的函数或要执行的代码串2.延迟时间：在执行代码前需要等待的时间，以毫秒为单位（1s=1000ms)返回值：一个可以传递给clearInterval()从而取消对“代码”的周期性执行的值clearInterval/clearTimeout计时器结束例如：字符串对象创建String对...

原创 js知识点5

JavaScript预编译函数声明整体提升 变量声明提升（*注意是变量声明）局部预编译的4个步骤：创建AO对象（Activation Object）执行期上下文。 找形参和变量声明，将变量和形参名作为AO属性名，值为undefined 将实参值和形参统一。 在函数体里面找函数声明，值赋予函数体。全局预编译的3个步骤：创建GO对象（Global Object）全局对象。 找变量声明，将变量名作为GO属性名，值为undefined 查找函数声明，作为GO属性，值赋予函数体数学.

原创 js知识点总结

什么是函数？为完成某一功能的程序指令的集合js中分为两种函数：自定义 和 系统函数在js中，函数分为两种: 自定义函数、系统函数(内置函数)系统函数里还包括预定义函数。预定义函数是指不属于任何对象，他们的使用也不需要通过任何对象来应用。全局的函数定义函数function 函数名(){ 函数体;}说明：function 定义函数关键字，“函数名” 是你给函数取的名字，“函数体” 是为完成特定功能的代码。 函数名 ...

原创 js知识点4

一.for循环for( 参数初始 ; 条件判断 ; 更新循环变量 ){ 循环体被执行 ; }二.跳转语句breakbreak：改变程序控制流 用于do-while、while、for中时，可跳出循环而执行循环后面的语句三.跳转语句continuecontinue ：只能用在循环里continue 作用：跳过循环体中剩余的语句而执行下一次循环例如：var sum=0; //定义一个变量，进行累加for(var i=1;i<=10;i++){ ...

原创 js知识点3

一.switch结构switch（表达式）{case常量1： 语句； break；case常量2： 语句2； break；default： 语句；}二.循环1while（条件）{执行语句}2do {执行语句} while（条件）...

原创 js知识总结2

一. ==与===的区别== 表示相等 （值相等）===表示恒等（类型和值都要相等）js在比较的时候如果是 == 会先做类型转换，再判断值得大小，如果是===类型和值必须都相等。二.null与undefined区别1.null： Null类型，代表“空值”，代表一个空对象指针，使用typeof运算得到 “object”。undefined： Undefined类型，当一个声明了一个变量未初始化时，得到的就是undefined。2.null表示"没有对象"，即该处不应该有值。典型用法是

原创 js知识总结

一.变量声明我们要使用盒子装东西,是不是先要找到盒子,那在编程中，这个过程叫声明变量声明变量语法: var 变量名;Eg：var a; 这就是定义了一个变量,变量名是a var num1,num2; 可以一次声明多个变量 两个变量名间用，隔开注意:变量也可以不声明，直接使用，但为了规范，需要先声明，后使用二.初始化变量在定义变量的时候，就给值。Eg: var a=45;这就是初始化变量a 把45赋值给a var a=1...

原创 3.21知识总结

一.分栏columncolumn-count 栏数 列数column-width 栏宽 列宽column-gap 列间距 栏间距column-rulecolumns>=800按栏数<800按栏宽二.媒体查询：@media screen and{max-width:}{}三.自适应布局和响应式布局1、自适应布局自适应布局就是指能忘了使网页自适应的显示在不同大小终端设备上的新网页设计方式及技术，它需要开发多套界面来适应不同的终端。2、响应式布局...

原创 css3知识总结

一.变换transform 1： 移动translate（x，y） translateX()水平移动 translateY（）垂直移动 :2：旋转rorate（） rorateX（数值+角度deg）绕x轴旋转 rorateY（数值+角度deg）绕y轴旋转 rorateZ（数值+角度deg）绕z轴旋转 perspective透视 3: 缩放scale（）等比例缩放 2、scale...

原创 css3知识总结

定义字体定义字体@font-face{font-famil：自定义字体名称src=""}使用字体选择器{font-family:自定义字体名称}@font-face { font-family:"maoti"; src: url("fonts/maozedong.ttf"); } .boc{ font-family: "maoti" } */...

原创 css3知识总结

第一部分：display:none和visibility:hidden两者的区别1：display：none隐藏元素后不保留原本元素的位置，而visibility：hidden隐藏元素后仍保留原本元素的位置。2：display：none不具有继承性，visibility：hidden给父元素隐藏后，其子元素也会继承该属性。3：display：none隐藏元素后影响整体布局，影响计数，visibility：hidden不影响计数...

原创 HTML5知识总结

什么HTML5？　HTML5是一个新的网络标准，现在仍处于发展阶段。目标是取代现有的HTML 4.01和XHTML 1.0 标准。它希望能够减少互联网富应用（RIA)对Flash、Silverlight、JavaFX等的依赖，并且提供更多能有效增强网络应用的API。一：新增语义化标签块元素;1:<header></header>2:<nav></nav>3:<section></section>4:<f

原创 css知识总结

float浮动造成标签“浮动”，影响“文档流”的空间float:left;“左浮动”float:right;”右浮动”有bug加overflow hidden对span元素添加一个float:left，span元素已经“块”化border-radius圆角vertical-align: middle居中适用于图片jpg像素图，色彩表现丰富常用来做产品图bannerpng支持透明 图标bannergif支持透明 支持动图 图标webp支持有损压缩与无损压缩 支持压缩同质量的图...

原创 css知识点总结2

盒子模型标准和模型 w3c标准盒盒子大小=width +padding+border（width height 内容大小）padding：10px 20px值1上下 值2左右10px 20px 30px值1上 值2左右 值3下10px 20px 30px 40px值1上 值2右 值3下 值4左a：link{}未访问状态a：visited{}访问后状态a：hover{}鼠标悬停状态a: active {}激活状态width和height只定义内容的大小，不包含边框和边距...

原创 css知识总结

原创 css知识点

Css（层叠样式表）css用来修饰网页优点 使HTML专注于网页的内容，CSS专注于网页的表现 提供了丰富的格式化功能 可以针对各种可视化浏览器（主要有显示器、打印机、PDA等）来设置不同的样式 CSS与浏览器并不是所有的CSS的样式都被浏览器支持不同的浏览器对CSS的实现有细微的不同，需要特别注意 1. 行内样式直接使用标记的style属性 例：style=" width:100px; height:100px; bac...

原创 【无标题】

原创 【HTML表单知识】

文本框： 文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。 代码格式： ＜input type="text" name="..." size="..." maxlength="..." value="..."＞多行文本框 多行文本框也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容。代码格式：＜textarea name="..." cols="..." rows="......

原创 【无标题】

原创 【无标题】