Guoxuzzz的博客

原创 新知实验室：视频应用

腾讯云

原创 前端实现分页功能

前端解决分页问题

原创 一个前端关于跨域的问题

api代理解决前端跨域问题

原创 三元运算符多个问号多个冒号

关于三元运算符的计算规律，包括多个问号，多个冒号的处理结果

原创 前端面试题

前端面试题

原创 ###vuex###

vuex

原创 Vue_1

vue基础常见重点必会

原创 node连接前后端写注册登录页面

node.js书写简单的前后端联系，登录注册页面的思路

原创 【无标题】

node简介 安装 用法

原创 Promise

promise解决回调地狱问题

原创 ES6数组新特征

数组新增特征

原创 ES6.let、const、以及变量的结构赋值

let const 变量的解构赋值

原创 canvas1

canvas的介绍，基本图形绘制，图形变换，阴影设置，贝塞尔曲线

原创 #AJAX#

局部刷新数据（不刷新页面的情况下提交获取数据）上一个任务结束，下一个任务开始，比如alert弹窗多个任务顺序开始，不一定按顺序结束，比如下载任务，图片的加载

原创 #面向对象

opp特征 原型链 mvc

原创 存储事件#

1cookie1.cookie的构成1.名称 一个唯一的确定的cookie的名称2.值 存储在cookie中的字符串值3.域 cookie对于那个域是有效的4.路径 指定域中的指定路径5.失效时间 cookie何时应该被删除的时间戳6.安全标志 指定后，cookie只有在使用SSL连接时才发送到服务器2.cookie的限制1.绑定在特定域名下，无法跨域2.浏览器对cookie数量的限制规定不同3.所有cookie的累加长度限制为4KB，超长会被忽略3.JS中的cookie

原创 dom0级事件和dom2级事件

DOM0级事件1.所有的浏览器都支持2.时间只能注册一次，后边的会覆盖旧的3.注册1.在html上添加 this指向自身2.匿名函数 d.onclick = function() {} this指向自身3.普通函数 οnclick=“ok()” 相当于动态调用，this只想window，没有事件参数e的传递DOM2级事件IE1.attachEvent(event,function) event要加on2.detachEvent(event,functio

原创 ##触摸事件##

触屏事件兼容DOM的触屏事件1.touchstart 当手指触摸屏幕时连续触发2.touchmove 当手指在屏幕上滑动时连续触发3.touchend 当手指从频幕上移开时触发4.touchcancel 当系统停止跟踪触摸时触发每个触摸事件包含的三个触摸列表1.touches 当前跟踪的触摸操作的Touch对象的数组2.targetTouches 特定于事件目标的Touch对象的数组3.changeTouches 自从上次触摸以来发生哪些改变的Touch对象的数组每个touch对象包含

原创 事件的基本类型

事件UI事件load 当页面完全加载后在window上触发图片也可以触发load事件resize 当窗口大小发生变化时在window上触发scroll 当用户滚动带滚动条的元素中的内容时，在该元素上面触发鼠标事件事件类型onclick（单机）ondblclick（双击）oncontextmenu（右键菜单）onmouseover（移入）onmouseout（移出）onmouseenter（移入）推荐onmouseleave（移出）推荐onmouseup（抬起）onmousemo

原创 DOM基础知识

DOM的结构树形结构就是嵌套，非线性结构，非对称，html的标签逻辑就是树形结构DOM的操作增：新增 createElement 创建元素节点 插入 拼接节点：append Child(); 插入节点：inserBefore(new,old)删：删除子节点 removeChild（）改：替换节点 replaceChild(new,old)查：getElementByld() 通过id名获取元素，返回匹配元素 getElementByTagName() 通过标签

原创 BOM基础知识

BOMBrowser Object Model 一系列与浏览器相关的信息window窗口位置screenLeft 返回浏览器窗口左上角相当于当前屏幕左上角的水平距离，不兼容FF浏览器screebTop 返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离，不兼容FF浏览器screenX 功能同screenLeft，兼容FFscreenY 功能同screenTop，兼容FF窗口大小innerWidth 返回网页在当前窗口中可见部分的宽度，包含滚动条宽度innerHeight返回网页在

原创 JS dom

DOM的结构：树形结构树形结构就是嵌套，非线性结构，非对称，html的标签逻辑就是树形结构DOM的操作增：新增 createElement 创建元素节点插入 拼接节点：append Child(); 插入节点：inserBefore(new,old)删：删除子节点 removeChild（） 改：替换节点 replaceChild(new,old) 查：getElementByld() 通过id名获取元素，返回匹配元素getElement...

原创 JS数组去重问题

原创 JS处理字符串和字符串回文

处理字符串字符串回文

原创 JS反转字符串

反转字符串

原创 数据组合、字符串、时钟

数组操作arr[] 根据下标获取元素 arr[1] = 5 根据下标修改元素添加删除push(x) 将元素拼接到最末尾 unshift(x) 将元素拼接到开头 pop() 删除最后一个元素 shift() 删除第一个元素 concat() 把一个数组添加到另一个数组的末尾（必须要有变量来接受这个值6.排列reserse() 颠倒数组中的元素顺序 sort() 对数组中的元素进行排序字符串操作str.length 获取长度 str.toUppercase(...

原创 JS-ES5 重点知识与冒泡排序

强制类型转换parseTnt(n):n转换为整型 parseFloat(n):n转换为浮点型 Number(n):n转换为数字型 Typeof(n):查看n的数据类型 isNaN(n):判断n是否是NaN强数据类型与弱数据类型强：c c++ c# object-c java弱：js php python区别：强数据类型数据的数据类型在编译前确认。弱数据类型数据的数据类型在编译时确认。Math数学Math.abs(n)返回n的绝对值Math.ceil(n)n向上取整M

原创 【无标题】JS代码规范与数据类型基本知识

JS代码规范js中的一切都区分大小写（变量名，函数名，操作符） 标识符（变量名，函数名，属性名，函数的参数）按下列规则组合2.1首字母必须是字母，下划线或符号2.2其他字符可以是字母，下划线，符号$或数字2.3建议使用驼峰命名法testFunction2.4见名知意注释3.1单行注释：// 块注释/*代码*/语句标准4.1关键字和保留字是语言保留的，不能用做标识符4.2语句必须以分号为结束符4.3语句块必须有大括号数据类型数字型Number：整形，浮点型，..

原创 动画animation

作用增加用户体验 但是不要过度使用关键帧：keyframes 动画animation-name 动画属性名 animation-duration 动画持续时间 animation-delay 动画延迟时间 animation-timing-function 动画速度曲线 animation-iteration-count 定义循环次数，infinite为无限循环 animation-driection：alternate 动画轮流反向播放 an...

原创 弹性盒模型

目的提供一种更加有效的方式来布置，对齐和分布在容器之间的各项内容，即使他们的大小是未知的变化的。 让容器有能力改变项目的宽和高，以填满可用空间 最适合小规模的布局属性display：fiex适用于父类元素 声明要使用弹性盒模型 flex-direction 写在父级css中，但是作用于子级，检索，子级在盒模型中的位置，说白了就是子级的排列顺序。flex-direction:row 横向 flex-direction：row-reverse 反横向flex-wrap 写在父...

原创 定位position

定位position

原创 html5

html5一、结构标签：1.article 定义文章2.aside 定义文章的侧边栏3.nav 定义导航部分4.header 定义section或者document页眉 用于文章简介内容5.footer 定义文章section或者docunment页脚6.details 定义展开详细内容 只支持safri和chrome7.figure 定义一组媒体元素和文字二、多媒体标签1.audio 音频 属性：controls显示音频控件 autoplay准...

原创 表格与表单

表格：table 表格行：tr 表头：th 表格单元：td<table><tr><td></td></tr></table>table{border-collapse;}单元格间隙合并单元格的合并:colspan横向合并 rowspan纵向合并表单:一、表单元素:<input type="" name="" value=""> name 关键词,作用域 value 表单元素的值 ty...

原创 CSDN居中的基本方法

一、line-height = height 文本垂直居中二、text-align:center 写在父级，子集中的行元素，块元素，文本内容水平居中三、margin:0 autu 写在块标签，相对父级水平居中

原创 CSS基础和行块标签

一、块标签：h1是标题标签，一个页面最多出现一次。h2副标签，一个页面不超过八个。h1~h3都具备seo功能 seo网络引擎搜索优化 p段落标签 ul无序列表 ol有序列表 list-style：none样式列表（去除小黑点） 特点：独占一行，默认宽度占满父级，高度为0，子集内容撑开高度二、行标签：<i>倾斜<i>，<b>加粗<b>，<em>加强倾斜<em>，<string>加强加粗<string&g...

原创 前端浮动重点知识总结

一、浮动：1.定义：元素脱离文档流，按照指定方向发生移动，遇到父级边界换行。 2.取值：none不浮动 left左浮动 right右浮动 inherit继承父级3.作用：解决水平布局问题4.特征：所有标签同排显示 行标签支持所有css样式 默认内容撑开宽高 元素脱离文档流二、清除浮动：解决方案：在父级使用height但拓展性不好 在父级使用overflow：hidden 使用clear...

原创 盒模型重点知识总结

盒模型的组成：1.width宽度 2.height高度 3.padding内边距 4.border边框 5.margin外边框一、padding内边框重点：1.1~4个值 2.顺时针赋值从上开始 3.增加盒模型面积二、border边框重点：1.复合属性：border-width border-style border-color 2.增加盒模型面积 3.增：圆角 4：增：三角三、margin外边框重点：顺时针复制，从上开始...