GuoRongABC的博客

原创 怎么手写call函数，且不使用apply,bind辅助

怎么手写call函数，且不使用apply,bind辅助。

原创 获取或者设置dom元素的属性：

获取或者设置dom元素的属性：【0】innerText 获取或设置元素的文本内容【1】innerHTML 获取或者设置 元素的内容（文本和标签）【2】style 获取或设置元素的样式（只能获取或设置内联样式）【3】className 获取或者设置class名【4】id 获取或设置id名【5】src 获取或设置 有src属性的元素的 src 属性【6】getAttribute(‘属性’) 获取元素的指定属性的属性值【7】setAttribute (‘属性’,

原创 改变this指向的方法

call()*fn.call(target) 改变fn的this指向并执行fn,参数为任意数量apply()*fn.apply(target) 改变fn的this指向并执行fn,参数只能为一个数组bind()*fn.bind(target) 改变fn的this指向并执行fn,返回一个函数...

原创 事件中会产生哪些兼容问题

1.事件对象的创建2.事件冒泡3.浏览器的默认行为4.事件委托中事件源的获取

原创 token令牌的含义和操作

token 令牌的含义：是一个加密后的字符串，可以保存信息，也可以设置信息的有效期。token的操作步骤1.生成token，并且设置和保存数据和有效期（加密过程）2.返回给前端进行保存3.前端在请求的时候，携带token4.后端对接收到的token进行校验（解密过程）（1）校验通过，允许登录（2）校验失败，让用户重新登录5.使用第三方模块：jsonwebtoken实现（1）签名：进行加密...

原创 登录注册中验证码的校验方式

使用session会话实现第一次请求：获取图形的验证码再把验证码存入session中第二次请求：登录在session中获取到验证码在express中使用session需要引入第三方模块：express-sessionsession识别用户的原理connect.sid...

原创 常用的第三方模块详解

request模块作用：可用于发起http或者https请求，可以理解为服务端的Ajax请求。可以进行简单的服务器代理，用法 和ajax类似。安装：npm install request --saveget请求const request = require('request'); request.get('https://cnodejs.org/api/v1/topics?page=1&limit=10', (error, response, body) => {

原创 面向对象实现选项卡功能

按钮1 按钮2 按钮3 内容1 内容2 内容3

原创 实现简易选项卡

按钮1 按钮2 按钮3 内容1 内容2 内容3

原创 常用Visual Studio Code快捷键

常规Ctrl+Shift+P，F1显示命令选项板Ctrl+P快速打开，转到文件…Ctrl+Shift+N新建窗口/实例Ctrl+Shift+W关闭窗口/实例Ctrl+，用户设置Ctrl+K Ctrl+S键盘快捷键基本编辑Ctrl+X剪切线（空选择）Ctrl+C复制行（空选择）Alt+↑/↓上移/下移+Alt+↓/↑上/下复制行Ctrl+Shift+K删除行Ctrl+在下面输入插入行Ctrl+Shift+Enter上面的插入行Ctrl+Shift+\跳转到匹配的括号Ctrl+]/[缩

原创 了解面向对象的基础

1.什么是程序？程序就是：数据结构+算法；2.什么是面向对象？面向对象就是：数据+算法；数据：属性；变量；算法：方法；函数；3.面向对象与面向过程的区别：（1）.逐步实现程序；（2）有明确的目标和需求；并且分工合作；4.构造函数与普通函数的区别:构造函数就是一个普通函数在调用的时候前面添加了个new关键字；返回值不同：普通函数的返回值需要return才可以返回值；构造函数的返回值 会构造一个"实例对象"。构造函数的伴生体；可以通过构造函数.prototype去访问到；构造函数=n

原创 Css3网格布局的基础用法

Css3网格布局Css网格布局（grid）是一套基于二维页面布局系统一、父元素相关属性以及属性值1、网络容器（给父元素设置）将属性display的属性值设置为grid 或者 inline-grid，就创建了一个网格容器，所有容器中的接子元素将自动成为网格项目元素。display：grid | inline-grid2、怎样去显示网格（1）grid-template-rows 定义网格的行轨道grid-template-ro...

原创 css3渐变的基础用法

Css3渐变CSS3 渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果，现在通过使用 CSS3 的渐变（gradients）即可实现。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。1、线性渐变语法：background: linear-gradient(direction, color-stop1, color-stop2, …);...

原创 弹性盒模型的基本用法

1、弹性盒模型（1）display:flex说明：设置为弹性盒（父元素添加）（2）flex-direction (主轴排列方向)说明：顺序指定了弹性子元素在父容器中的位置　　　1.row 默认在一行内排列2.row-reverse：反转横向排列（右对齐，从后往前排，最后一项排在最前面。3.column：纵向排列。4.column-reverse：反转纵向排列，从下往上排，最后一项排在最上面（3）justify-content(主轴对齐方式)说明：内容对齐（justify-content

原创 在JavaScript中，可以实现跳转的是

1.window.open()2.window.location.href3.window.location.assign()4.window.location

原创 减速运动的简单案例

原创 加速运动简单案例

原创 匀速运动的简单案例

​​​​​​

原创 事件委托实现简单克隆功能

var div=document.querySelector('div'); div.onclick=function(e){ for(var i=1;i<=10;i++){ if( e.target.innerHTML==='按钮'+i){ var newBtn=e.target.cloneNode(true); this.appendChild(newBtn); } } ...