Knight__D

使用官方脚手架creact-react-app1. 首先通过npm全局安装create-react-appnpm install -g create-react-app2. 然后使用create-react-app命令来创建项目create-react-app <项目名>3. 启动项目npm start删除不必要的文件后梳理需要安装那些依赖1.react-router-dom路由2.axios3.js-cookie4.redux、react-re

现象：在使用canvas的toDataURL（）方法时，控制台有时会报错：Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.原因：这是由于之前由drawImage（）向canvas导入的图片跨域而导致的。解决方法：1、在引用图片之前打开跨域资源允许权限（一定要注意顺序）： const image = ne

表单中有如下配置项，阶梯条件可以动态增加，这里涉及到的验证问题:Element ui 表单验证普通校验(model、rules、ref)个体校验：单独为每个item写rules<el-form-item prop="email" label="邮箱" :rules="[ { required: true, message: '请输入邮箱地址', trigger: 'blur' }, { type: 'email', message...

vue项目中的拦截器axios 是什么 --文档Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中，本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范，有以下特点：从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRFaxios应用场景.

CentOS7 常用命令集合这两天一直在对CentOS 7.2进行初体验，各种学习命令肿么用，不过其实大多和DOS是一样的，只是命令的表达上可能有点儿不一样，毕竟这些都不是一家出来的嘛~废话不多说，直接上命令和解析！常用命令文件与目录操作命令 解析 cd /home 进入 ‘/home’ 目录 cd .. 返回上一级目录 cd ../.. 返回上两级目录 cd - 返回上次所在目录 cp file1 file2...

vue.config.jsvue.config.js是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。"use strict";const path = require("path");const webpack = require("webpack");const defa...

H5的新特性1.语义化标签有利于SEO，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构 方便其他设备的解析 便于团队开发和维护 1. 语义化标签 header：定义文档的页眉 头部 nav：定义导航链接的部分 footer：定义文档或节的页脚 底部 article：定义文章。 section：定义文档中的节（section、区段） aside：定义其所处内容之外的内容 侧...

1. 什么是CSS盒模型 元素的外边距（margin）、边框（border）、内边距（padding）、内容（content）就构成了CSS盒模型。2. IE盒模型和W3C盒模型CSS盒模型分为IE盒模型（图2）和W3C盒模型（图3）。其实，IE盒模型是怪异模式（Quirks Mode）下的盒模型，而W3C盒模型是标准模式（Standards Mode）下的盒模型。 IE6及其更高的版本，还有现在所有标准的浏览器都遵循的是W3C盒模型，IE6以下版本的浏览器遵循的是IE盒模型。IE盒...

rem淘宝的移动端布局方案 Flexible.DPR(设备像素比)：设备像素比 = 设备像素 / 设备独立像素(CSS像素)。将根据已有的meta标签来设置缩放比例//如果在meta标签中，我们手动配置了flexible，则使用里面的内容//devicePixelRatio这个属性是可以获取到设备的dpr的var devicePixelRatio = window.devicePixelRatio;这里只对IOS端做了处理 dpr = dpr >= 3 ? 3 : ( dpr >

目录Flex容器的属性项目的属性Flex是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。display: flex行内元素也可以使用 Flex 布局。display: inline-flex;注意，设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。容器的属性flex-direction flex-wrap flex-flo.

目录BFC 特性(功能)怎么触发BFC实际遇到的问题：BFC 全称为 块格式化上下文 (Block Formatting Context) 。BFC 特性(功能)使 BFC 内部浮动元素不会到处乱跑； 和浮动元素产生边界。第一个特性情况示例：效果如下：如果这时候我给里面的元素一个 float 或者绝对定位，它就会脱离普通文档流中。效果如下：第二个特性情况示例：怎么触发BFC浮动元素：float 除 none 以外的值。绝对定位元素：po

关于前端学习整理的复习大纲，偏向于理论方面（面试）目录css篇js篇浏览器篇vue篇react篇小程序篇css篇什么是BFC flex布局，flex:1是哪几个属性的缩写 移动端布局dpr这个是什么东西，怎么获取的，rem布局一般页面根元素fontsize是多少？ css盒模型 Css3新特性 （H5、C3、ES6的新特性） 多栏布局方式 水平垂直居中的几种实现方式 清除浮动 伪类和伪元素的区别，::before 和:after 的作用分别是什么 CS.

关于token关于token的相关知识还有很多，知识从前端角度去理解一下token，简单记录下，以后有机会学习更多的话再补充token可以解决哪些问题呢？Token 完全由应用管理，所以它可以避开同源策略 Token 可以避免 CSRF 攻击(http://dwz.cn/7joLzx) Token 可以是无状态的，可以在多个服务间共享token原理1.将荷载payload，以及Header信息进行Base64加密，形成密文payload密文，header密文。2.将形成的密文用句号链

目录需求调研js判断键盘是否按了F5刷新js判断浏览器访问，刷新，返回防止其他不正当访问需求需求：统计某个页面访问量，用户状态不限制需要排除非正常进入页面的方式，比如刷新或者其他不正当手段调研用户刷新页面的方式：键盘F5 或者 浏览器的刷新，通过调研发现，两种方式都可以被监听到避免其他不正当手段访问页面：页面参数都不可作为判断依据，可携带唯一标识js判断键盘是否按了F5刷新直接上代码<script> document.onkeyd.

package.json是什么什么是Node.js的模块？在Node.js中，模块是一个库或框架，也是一个Node.js项目Node.js醒目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的描述文件就是package.jsonpackage.json定义了项目所需要的各种模块，以及项目的配置信息（名称、版本、许可证等）npm install命令也是根据这个配置文件自动下载项目所需的模块。{ "name": "risk-management", .

安装工具安装：finalshell_install （连接服务器的工具）相关文档：http://www.hostbuf.com/?install_fs关于使用：下载finalshell客户端，点击文件夹新建连接，输入IP等信息，就可以进入命令窗口参考链接：https://jingyan.baidu.com/article/11c17a2cfff2eaf447e39d7c.html部署流程中用到的命令需要用到 centos7 命令可以百度搜索，熟悉命令写法常用：1. 进入到...

第一次接触服务端渲染，从项目入手开始了解Nuxt.js 是一个基于vue.js的通用应用框架，其核心主要是通过vue-server-renderer模块来实现服务端渲染。 vue-server-renderer是Vue服务端Node.js渲染的一个模块，用来生成HTML内容。nuxt路由机制 pages目录中的任何Vue组件都会基于他们的文件名称和目录结构自动添加到vue-router中。Nuxt可以生成对应的路由配置，在.nuxt/rouer.js可以体现出来 在pages文件夹下新建v.

如图：实现在用户列表中输入信息时，下面的列表随之更新，我遇到的问题是，列表更新后，对应的选中状态没有及时更新。以下为示例代码<template><div style="border-bottom: 1px solid #e9e9e9;padding-bottom:6px;margin-bottom:6px;"><Checkb...

实例：https://www.cnblogs.com/weichen913/p/iview.html解释：https://cn.vuejs.org/v2/guide/render-function.htmliview table使用说明：https://www.iviewui.com/components/table搜索+复选框列表：<FormItem...

wrong actionfunction asyncfunc() { let ret = 100; setTimeout(() => { return ret; }, 1000) } let ret = asyncfunc() console.log(ret) // undefinedcallbackfunction asyncfunc(callback) { let ret =...