我不止喜欢前端-CSDN博客

原创前端面试常见手写题目

1.实现防抖function debounce(fn,delay = 200){ if(typeof fn !== 'function'){ throw new TypeError('fn is not a function') } let lastFn = null; return function(...args){ if(lastFn) clearTimeout(lastFn) lastFn = setTimeout(()=>{ fn.cal

2020-12-07 00:09:08 427

原创 javascript es6 es7 es8 “String高级用法“

文章目录一、拓展用法1.Unicode使用2.标签模板2.方法1.includes()2.startsWith()3.endsWith()4.补全字符padStart()、padEnd()5.trimStart()、trimEnd()总结提示：以下是本篇文章正文内容，下面案例可供参考一、拓展用法1.Unicode使用ES6 加强了对 Unicode 的支持，允许采用\uxxxx形式表示一个字符，其中xxxx表示字符的 Unicode 码点。并且可以使用Unicode来制作表情包。consol

2020-09-02 16:13:27 530

原创 React解决跨域

React在开发环境中解决跨域问题其实解决方法和vue的解决方法类似，此项目是使用create-react-app的方式创建的。于是我们去查看官方的解决方案：官方文档地址其实原理和vue解决跨域方法类似，通过代理的方式来解决。方法一：修改package.json文件官方文档：具体操作：直接去package.json文件下，加上你的真实请求地址现在我们去发起请求试试，可能出现一个304的状态码，这个时候只需要重启一下服务就好。最终效果：这就拿到数据了方法二：手动配置解决跨域

2020-07-10 12:46:37 4711 1

原创 Kpoint：html5 drag与原生js拖拽详解

拖拽事件dragstart：事件主体是被拖放元素，在开始拖放被拖放元素时触发，。darg：事件主体是被拖放元素，在正在拖放被拖放元素时触发。dragenter：事件主体是目标元素，在被拖放元素进入某元素时触发。dragover：事件主体是目标元素，在被拖放在某元素内移动时触发。dragleave：事件主体是目标元素，在被拖放元素移出目标元素是触发。drop：事件主体是目标元素，在目标元素完全接受被拖放元素时触发。dragend：事件主体是被拖放元素，在整个拖放操作结束时触发。其中事件主体是拖

2020-07-04 13:04:00 299

原创 Kpoint：BOM对象详解

BOM属性对象是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。主要包括的Bom属性BOM是browser object model的缩写，简称浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象；1、window对象，是JS的最顶层对象，其他的BOM对象都是window对象的属性；2、docume

2020-07-03 19:04:35 313

原创使用nginx部署vue项目时，请求接口报404，但是postman能够拿到数据：解决办法

问题重现在使用nginx部署vue项目时，使用的是前后端分离的方式部署vue，采用nginx反向代理部署的，但是当我把打包后的文件放入 /nginx/html/文件下时，然后再将nginx的配置文件修改如下：这里我是在宝塔面版里面直接修改的配置文件server { listen 80; server_name localhost; location / { root html; ind

2020-07-02 15:57:21 8210

原创 Error: invalid JSON, only supports object and array:报错详解

问题重现：问题大意：发送POST请求时发送Koa-Bodyparser错误“无效的JSON，仅支持对象和数组”。此问题是使用koa开发的时候出现的，当我使用postman发送post请求时，后端使用koa-bodyparser接收数据时，出现了这个错误。后端代码：main.ts:import * as Koa from 'koa';import { useControllers } from "koa-controllers";import db from './models';import

2020-07-01 14:01:13 8298 1

原创 TypeScript模块导入终极解决方案

在使用TypeScript导入一般的第三方模块时，因为兼容了es6、es7的语法，所以一般在typescirpt中可以使用 import、export 的方式来导入导出模块ts模块。但是使用ts写nodejs的代码时，这样就有问题，因为nodejs采用的是commonjs，所以这样两者就有冲突使用commonjs的方式导入第三方模块：const koa = require(‘koa’)这种方式虽然没报错，但是这个里面还是有问题的。使用es6的方式导入：import {koa} from ‘.

2020-06-30 10:46:59 12627

原创 moduleName is declared but its value is never read.ts(6133)报错解析

问题重现当使用ts语法导入第三方库时，比如koa模块，这时会发现出现这个错误。这个错误因为没有默认导出。问题原因一般我们使用ts导入其他模块时都会有一个声明文件。不明白可以看我另外一篇博客，我们进入声明文件中可以发现模块是通过export =的方式导出的。于是我们去TS官网中的模块可以发现：当使用export = 和 import = require()时CommonJS和AMD的环境里都有一个exports变量，这个变量包含了一个模块的所有导出内容。CommonJS和AMD的export

2020-06-30 09:41:35 36241

原创 Kpoint：HTTP/HTTPS/浏览器

http与https、它们之间的区别http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。https: 是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。https协议的主要作用是：建立一个信息安全通道，来确保数组的传输，确保网站的真实性。htt

2020-06-12 17:02:36 1476

原创 nodeJS使用TCP传输数据

TCP-数据传输可靠的、有连接的服务、传输效率低对精准度要求高、但是传输效率低表单提交、文件传输等nodeJS处理方案-net模块创建一个服务端监听地址以及端口处理发送到当前监听地址以及端口的数据返回（发送）数据到连接的客户端server.js:const net = require('net')//创建一个服务端//const server = new net.Server()const server = net.createServer()//客户端有人连接的时候

2020-06-04 14:06:09 3074

原创 Electron框架的简单使用-node.js实现GUI软件开发

基于Node.js的GUI框架NW.JS (Node-Webkit)Electron 使用HTML、CSS、JavaScript来构建UI、处理与用户的交互、同时不约而同的使用了开源浏览器Chromium。基于这个浏览器做了一系列的软件开发，比如：Vscode、Atome、网易云音乐等。使用Node.js来访问浏览器之外的内容。比如文件系统、文件、网络等，相当于是浏览器与Node.js的结合。安装使用使用npm init -y来初始化项目。安装electron npm i

2020-06-04 00:06:42 5160

原创 nodeJS使用UDP传递数据

UDP-数据传输不可靠的、无连接的服务、传输效率高效率要求高、对精准性要求相对低如：在线视频、网络语音电话nodeJS处理方案–dgram(数据报)dgram模块提供了UDP数据包scoket的实现。官方链接dgram方法：8close、message、listening、error使用首先创建一个客户端 client.js，一个服务端server.js两个文件。服务端：const dgram = require('dgram')//引入// 创建一个socket类，sock

2020-06-03 19:51:46 5320 4

原创 Uncaught (in promise) TypeError: Cannot read property 'ownerDocument' of null 报错详解

Uncaught (in promise) TypeError: Cannot read property ‘ownerDocument’ of null 报错详解问题重述：在使用开发的时候使用vue页面转pdf的时候出现的。首先在/src文件夹下创建一个htmlToPdf.js文件// 导出页面为PDF格式import html2Canvas from 'html2canvas'...

2020-05-06 16:52:54 8539

原创 js字符串 new String()、String和String()之间的深度剖析

JS中包装对象、原始资料类型之间的深度剖析1. 字符串定义在平时开发中定义字符串无疑3中方式：let str1 = 'test'let str2 = String('test')let str3 = new String('test')2.定义分析众所周知使用 new 关键字定义的都是对象。所以可以清楚的知道str3是一个对象，对于str1只是定义了一个变量，然后做了赋值操作，st...

2020-04-25 21:25:05 2140

原创 js数组常用方法大全

javascript Array常用方法这里小编总结一下Array中的一些常用数组方法，方便总览。1.删除添加常用方法 push | pop | shift | unshift定义：pop(): 该方法用于删除数组的最后一个元素，并返回被删除的元素。官方语法：arrayObject.pop()shift(): 该方法用于删除数组的第一个元素，并返回被删除的元素。官方语法：arrayObj...

2020-04-17 16:51:33 419

原创 [Vue warn]: Invalid prop: type check failed for prop "total". Expected Number with value NaN报错详解

报错：vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “total”. Expected Number with value NaN, got Function问题重现：本文使用的是elementUI的框架，在开发时加载页面刷新时出现的报错。问题分析：发现是Number的值为...

2020-03-29 23:15:13 18867 5

原创 [Vue warn]: Error in render: "TypeError: data.reduce is not a function"报错详解

报错：[Vue warn]: Error in render: "TypeError: data.reduce is not a function"详解查看报错信息：[ Vue warn]: Error in render: "TypeError: data.reduce is not a function 问题分析：本文用的是elementUI框架的el-table组件来开发的。于是...

2020-03-29 23:03:36 48828 7

原创 Windows使用ssh远程连接虚拟机服务器

使用ssh远程连接虚拟机服务器本文主要是介绍的是windows用户使用xshell等工具远程连接虚拟机。windows ping通了虚拟机就能通过xshell连接虚拟机，然后通过xshell方便的操作虚拟机操作，可以上传数据和作内网的服务器等。查看本地IP和网关因为必须使本地和虚拟机在同一个网关下，所以需要使用 ipconfig命令在命令行查看本地的ip和网关信息。只需要看IPv4地址，...

2020-01-08 11:26:45 5861

原创 Ubuntu安装软件时报错（报错：dpkg: 处理软件包 xxx (--configure)时出错：依赖关系问题 - 仍未被配置）

Ubuntu安装软件时报错报错：dpkg: 处理软件包 ······ (–configure)时出错：依赖关系问题 - 仍未被配置。报错信息：done!update-alternatives: 使用 /var/lib/mecab/dic/ipadic-utf8 来在自动模式中提供 /var/lib/mecab/dic/debian (mecab-dictionary)dpkg: 依...

2020-01-08 09:47:41 13229

原创 Vue跨域：解决Vue项目跨域问题

解决Vue项目开发过程中的跨域问题问题分析：在开发过程中我们远程访问发起http请求时可能会遇到跨域问题，虽然服务器能够开了防跨域，但是vue的项目还是请求不到数据，遇到跨域的问题，如图。解决方法新建config配置文件在vue cli2之前使用脚手架搭建的项目，自带了一个config的配置文件，但是在vue-cli3之后，就没有这个配置文件了。所以想要配置，就必须在根文件夹下新建一...

2020-01-07 15:57:55 982

原创 vue:用Axios Element 实现全局的请求 loading

用Axios Element 实现全局的请求 loading:背景业务需求是这样子的，每当发请求到后端时就触发一个全屏的 loading，多个请求合并为一次 loading。现在项目中用的是 vue 、axios、element等，所以文章主要是讲如果使用 axios 和 element 实现这个功能。就是在每次页面加载的时候，页面都会发起请求，这个时候就需要使用loading来过度这个过程...

2019-12-05 12:36:43 763

原创 Element UI框架bug：Element UI级联选择器高度bug解决

element框架级联选择器的高度无法控制的bug代码显示：先去element官方文档 https://element.eleme.cn/#/zh-CN/component/cascader里面去引用级联选择器。代码应用 <el-cascader expand-trigger="hover" v-model="selectedCateKeys" :op...

2019-12-02 15:42:28 1645 7

原创报错：Uncaught SyntaxError: Cannot use import statement outside a module 详解

JS错误Uncaught SyntaxError: Cannot use import statement outside a module< 分析及解决方法错误信息：错误分析：HTML 网页中，浏览器通过 script 标签加载 JavaScript 脚本。由于浏览器脚本的默认语言是 JavaScript，因此type="application/javascript"可以省略。在报...

2019-10-01 20:10:30 182916 16

咕咕鸡的执着