- 博客(17)
- 收藏
- 关注
RSS订阅原创 面试整理
Promise 问题一：谈谈你对 promise 的理解涉及面试题：Promise 的特点是什么，分别有什么优缺点？什么是 Promise 链？Promise 构造函数执行和 then 函数执行有什么区别？promise 含义所谓 promise，简单说是一个容器，里面保存着一个异步操作的结果，从语法上说，promise 是一个对象，从它可以获取异步操作的消息，promise 提供了统一的 API，各种异步操作都可以用同样的方法进行处理。promise 规范（1）prom
2020-08-28 19:43:04
355
1
原创 Git必备
Gitgit add 提交到暂存区，出错怎么办一般代码提交流程为：工作区 -> git status 查看状态 -> git add . 将所有修改加入暂存区-> git commit -m “提交描述” 将代码提交到 本地仓库 -> git push 将本地仓库代码更新到 远程仓库场景 1：当你改乱了工作区某个文件的内容，想直接丢弃工作区的修改时，用命令 git checkout – file// 丢弃工作区的修改git checkout -- <文
2020-08-13 08:15:21
122
原创 正则之字符匹配
正则表达式字符匹配两种模糊匹配如果正则只有精确匹配是没多大意义的，比如/hello/，也只能匹配字符串中的"hello"这个子串var regex = /hello/;console.log(regex.test("hello"));// => true正则表达式之所以强大，是因为其能实现模糊匹配而模糊匹配，有两个方向上的“模糊”：横向模糊和纵向模糊横向模糊匹配横向模糊指的是，一个正则可匹配的字符串的长度不是固定的，可以是多种情况的其实现的方式是使用量词。譬如{
2020-08-12 12:38:28
1301
原创 进程管理PM2
常用命令：1、 pm2 需要全局安装npm install -g pm22、进入项目根目录2.1 启动进程/应用 pm2 start bin/www 或 pm2 start app.js2.2 重命名进程/应用 pm2 start app.js --name wb1232.3 添加进程/应用 watch pm2 start bin/www --watch2.4 结束进程/应用 pm2 stop www2.5 结束所有进程/应用 pm2 stop all2.6 删除进程/应用 pm2.
2020-08-06 22:25:58
447
原创 前端常见攻击及防范 xxs csp csrf...
xxs什么是 XSS 攻击？如何防范 XSS 攻击？什么是 CSP？XSS 简单的理解就是，攻击者想尽一切办法将可执行的代码注入到网页中。XSS 可以分为多种类型，但是总体上我认为分为两类：持久型和非持久型。持久型也就是攻击的代码被服务端写入进数据库中，这种攻击危害性很大，因为如果网站访问量很大的话，就会导致大量正常访问页面的用户都受到攻击。例子对于评论功能来说，就得防范持久型 XSS 攻击，因为我可以在评论中输入以下内容 <script> alert('111
2020-08-03 12:52:28
505
原创 react-router中Route组件之特殊的children
如题，react-router中Route组件的children是一个特殊的存在，在大多数场景下我们大多会使用component或者render，下边来说说这个特殊的children~~不过在这之前先说说react-router中的Route组件…Route组件基本作用Route组件中会有path属性，表示要跳转的URL，当path(路径)和当前的URL匹配的时候，去渲染对应的组件。Route组件渲染组件有三种方式：componentrenderchildren这三个方式都可以拿到t
2020-07-27 11:50:21
5026
2
原创 浅谈HTTP1到HTTP3的进阶之路
HTTP是什么~~http是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端可能发送给服务器什么样的消息以及得到什么样的响应。请求和响应消息的头以ASCII码形式给出；而消息内容则具有一个类似MIME的格式。HTTP1当下我们用的还是...
2020-07-26 21:13:03
263
原创 react react-redux基础购物车案例
这个例子采用module范式：结构：shopcartproduts 商品模块cart 购物车模块store reduxindex.js代码produts逻辑组件//component for Productsimport React, { Component } from "react";import { connect } from "react-redux";import { asyncLoadData, decrementInventory } f
2020-07-26 15:00:25
479
原创 工程化项目之gulp
1、nodejs的安装：注：安装nodejs前需要Python解释器，推荐2.7版本！测试安装成功否：打开cmd node -v模块化核心 :引入require(路径)定义module.exports = {}依赖管理工具 npm制造一个依赖配置详情(使用说明书)根据依赖说明书自动进行配置;安装第三方插件; web 第三方插件可以用cd...
2020-04-12 20:24:42
141
原创 页面手风琴效果
1、HTML结构：注：简单实现1、外部盒子里有四个盒子2、内部盒子里都有一张图片和title<div class="container"> <div class="wrapper"> <div class="box"> <div class="title" style="back...
2020-04-06 22:29:51
396
原创 ajax封装
一、参数设计：options请求方式：type : “GET|POST”,请求路径：url : “路径”,返回类型：dataType : “text|json”,发送数据：data : null,404状态的回调函数：status如：status : {404 : function(){ } }成功的回调函数：succes...
2020-03-30 01:31:51
71
原创 TodoList案例
一、HTML骨架：<header> <section> <form action="javascript:void(0)" id="form"> <label for="title">ToDoList</label> <inpu...
2020-03-22 20:09:01
354
原创 ES6之模板渲染
模板渲染：根据模板来渲染数据！！！在ES6 中模板字符串用反引号表示。let str = 我是字符串;下面进入正题：我们先自己创建一个模板：<script type="text/html" id="template"> <ul> <% for(var i = 0 ; i < 10 ; i ++){ %> ...
2020-03-15 22:31:56
480
原创 dom节点及对节点的常用操作方法
dom节点及对节点的常用操作方法在说dom节点前，先来看看页面的呈现：dom渲染流程：1、浏览器解析html源码，然后创建一个DOM树。在DOM树中，每一个HTML标签都有一个对应的节点(元素节点),并且每一个文本也都有一个对应的节点(文本节点)。DOM树的根节点就是documentElement，对应的是html标签。2、浏览器解析CSS代码，计算出最终的样式数据。对CSS代码中非法...
2020-03-08 23:39:55
742
原创 JS基础之分支、循环、函数
首先：JavaScript：弱类型预解析脚本语言。JavaScript组成：1、ECMASCRIPT:定义了JavaScript的语法规范，描述了语言的基本语法和数据类型2、BOM（Browser Object Model）：浏览器对象模型有一套成熟的可以操作浏览器的API，通过BOM可以操作浏览器。比如：弹出框，浏览器跳转，获取分辨率等3、DOM（Doucument Object Mo...
2020-03-02 12:15:05
141
原创 CSS之浮动布局及相关问题
CSS之浮动布局及相关问题1.什么是浮动：在我们布局的时候用到的一种技术，能够方便我们进行布局，默认流动布局有不足，让块元素可以并排显示，通过让元素浮动，我们可以使元素在水平上左右移动，再通过margin属性调整位置。2.浮动的原理;使当前元素脱离普通流，相当于浮动起来一样，浮动的框可以左右移动，直至它的外边缘遇到包含框或者另一个浮动的边缘3、浮动的生成：使用css属性 float：l...
2020-02-24 22:05:03
287
原创 CSS基础之浮动属性float图文详解
宏观地讲，我们的web页面的制作，是个“流”，必须从上而下，像“织毛衣”。标准流里面的限制非常多，导致很多页面效果无法实现。如果我们现在就要并排、并且就要设置宽高，那该怎么办呢？办法是：超脱！脱离标准流！浮动是css里面布局用的最多的属性。现在有两个div，分别设置宽高。我们知道，它们的效果如下：此时，如果给这两个div增加一个浮动属性，比如float: left;，效果如下：这就...
2020-02-23 16:25:35
1135
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人