- 博客(50)
- 收藏
- 关注
RSS订阅原创 Nuxt.js刚安装就出现TypeError: Cannot read property ‘eslint’ of undefined
问题描述学习Nuxt.js 的时候，安装完成后进入localhost:3000， 本以为会出现应有的界面，却出现如下页面刚安装完就报错的情况还是第一次出现，不禁怀疑这个东西的可靠性。解决方案可以看出是eslint出现了问题，于是乎找到项目中的nuxt.config.js，翻到下面配指eslint-loader的地方，发现本来的代码是这样的build: { /* ** R...
2019-11-27 23:12:18
3136
1
原创 数据结构八大排序算法
数据结构排序算法分类直接插入排序核心思想：将数组中所有的元素依次和前面排序好的元素进行比较，如果当前选择的元素比已排序过的元素小，则进行交换，直到所有元素都排序完毕例如：有一个序列4，2，8，0，5，1第一趟：2与4比较，小于，插入4之前。序列为：2，4，8，0，5，1第二趟：8与前面的序列比较，大于4，插入4之后。序列不变第三趟：0与前面的序列比较，小于2，插入2之前。序列为...
2019-07-23 10:46:54
659
原创 前端实习面试汇总
随笔好久没写博客了，作为一名普通学校的大三狗，暑假期间本着学习的态度想找一份实习工作，为将来秋招做准备。个人来说虽然想进大厂，但是出于对自身和学历的不自信，还是没有头铁去送人头，在寝室面了三家北京的公司，可以说是少了点，但是因为当时已经7月份了，考虑到时间问题，还是想早点安定下来，所以一周内就速战速决了。接下来给大家分享一下当时遇到的问题第一家具体什么公司就不说名称了，是一家可能是几百...
2019-07-13 16:02:25
1224
原创 (JS面试题) 1 + - + + + - + 1的结果
题目就是求 1 + - + + + - + 1的结果分析+ 和 - 除了加减还有正负的意思，在这里，1后面的第一个 + 表示的就是加的意思，而后面的符号都相当于正和负，式子就可以写为： 1 + (- + + + - +) 1然后看括号里的正负号，遵循负负得正，但是负和正不会抵消的原则，也就是只要是奇数个负号就是负，偶数个符号就是正，和正号的数量没有关系，不是一个负号和一个正号会抵消那...
2019-06-18 23:11:12
1501
原创 (JS面试题) 5-3!=3&&!5
题目就是判断 5-3!=3&&!5 的结果是什么分析这是一道关于运算符优先级的问题，所以我们需要先了解运算符的优先级了解了运算符的优先级后，开始题目的分析优先级最高的是 ! ，因此先运算 !5 ，得到结果是false，式子变为： 5-3!=3&&false优先级次高的是 - , 因此运算 5-3, 得到结果是2,式子变为： 2!=3&&a...
2019-06-18 22:56:57
984
原创 (JS面试题)obj中使用数组的push方法
题目var obj = { "2": "a", "3": "b", "length": 2, "push": Array.prototype.push}obj.push("c");obj.push("d");原理分析可以看到obj中添加了一个push方法,就是数组的push方法，虽然对象本身并不能使用push方法，但是像这样或者通过call、apply使用后，就可以...
2019-06-18 10:33:14
4215
原创 一道闭包题目
题目function fn1(){ for(var i=0;i<4;i++){ var tc=setTimeout(function(i){ console.log(i); clearTimeout(tc) },10,i); }}function fn2(){ for(var i=0;i<4;i++){ var tc=s...
2019-06-16 17:59:21
231
原创 Vue页面刷新方法(子组件改变数据后兄弟组件刷新，不闪烁)
问题描述今天在做个人博客的时候遇到了这样一个问题，一个文章详情页面使用了评论显示组件和发表评论组件，但是当评论发表完成后评论显示组件的数据不会自动渲染出来，那么如何让最新的数据渲染呢问题分析可以看出这两个组件是兄弟组件，在评论显示组件中，是通过 mounted 生命周期函数获取数据的，也就是 el 挂载到实例上时获取的，但是当发表评论数据库内容变化后，并不能主动去获取数据的更新问题...
2019-06-12 15:11:33
13347
6
转载 element-ui 日期选择控件少一天？
日期控件选择后提交到后端少一天？前几天一个同事问我，为何我使用element ui 的日期控件出现了一个奇葩的问题，当我选择一个日期后，页面显示是我选择的日期，但我提交到后端之...
2019-06-11 20:43:59
1327
转载 使用mongoose存储数据
mongoose网址:https://mongoosedoc.top/ 1）在硬盘中创建文件夹（mongodb），用于存放mongodb数据 2）打开cmd命令行，输入mo...
2019-06-11 15:27:29
755
原创 vue-cli3使用pdf.js以及各种显示pdf方法无效原因
问题描述今天在做个人博客的时候，想显示一张pdf，但是一直显示未能加载 PDF 文档问题分析开始以为是方法的原因，百度找了object、iframe、embed标签来显示pdf无果(当然可以用这些方法正确显示，但是这里与不使用vue有一些区别，下面会解释到)，甚至使用了pdf.js、vue-pdf等插件来帮助显示，但都无果，这就引起了我的思考，为什么别人能正常显示的我却不能呢，甚至按照...
2019-06-08 19:39:49
12342
16
原创 微信小程序自定义组件传值无效问题
问题详情在学习微信小程序的时候,有一个自定义组件stars,用于处理用户的评分.这个组件传入接口获取到的数据,然后经过一系列转换显示相应的分数和对应的星星个数.如果没有评分,则显示未评价的信息.预期效果如下但是在数据传递之后,发现有一部分组件的数据能正确渲染,但是有一部分的数据却始终显示未评价的样式,查看appData可以看到接口数据是正确返回的,那么问题出现在哪里呢,下面让我们一探究竟....
2019-05-26 13:56:12
8150
9
原创 TypeScript error TS2345:Argument of type 'String' is not assignable to parameter of type 'string'
今天在学习TypeScript的多态(也就是继承)的时候遇到了一个错误错误展示这里提示我们super继承出现了错误.翻译过来就是:string类型的参数不能分配给string类型的参数??? 这是什么鬼解决错误看到后面的 String , 心生一计,改成 String 试试?果然可以改装后的多态代码class Animal { name:String constr...
2019-05-18 17:03:54
39093
2
原创 css3 属性笔记(二)
drop-shadow阴影效果. text-shadow为文字添加阴影, box-shadow 为元素添加阴影, drop-shadow 主要用于png格式的图片,当然jpg图片也可以使用使用方法: filter:drop-shadow(10px 10px 10px rgba(255,235,59,0.74))在jpg类型图片之中,上述方法会在图片周围生成一个10px的阴影,但是...
2019-05-16 19:24:44
137
原创 css3 属性笔记(一)
conic-gradient()圆锥渐变,参数中指定渐变的颜色用法: background: conic-gradient(#9ED110, #50B517, #179067, #476EAF, #FF3BA7, #FF5800, #FF8100, #FEAC00, #FFCC00, #EDE604);效果(这里通过border-radius将其变为了圆形)radial-gradien...
2019-05-11 00:00:34
299
原创 SpeechSynthesisUtterance 语音合成使用
SpeechSynthesisUtterance基本介绍SpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音.也包含一些配置项,指定如何去阅读(语言,音量,音调)等SpeechSynthesisUtterance基本属性SpeechSynthesisUtterance.lang 获取并设置话语的语言SpeechSynthesisU...
2019-05-01 16:30:58
28676
16
原创 前端localStorage使用
何为localStorage?在html5中,新增了localStorage和sessionStorage来实现本地存储,它们统称为web Storage.目的是为了解决cookie存储空间不足的问题.这里笔者只提及localStorage的使用localStorage的优势和不足优势存储空间的扩大(一般为5M)没有时间限制,若不手动删除的话可以永久存储不足浏览器大小规范不...
2019-04-29 00:55:21
4801
原创 前端console调试技巧
标签断点在chrome中,可以通过给标签添加断点来定位标签属性的变化对应的代码所在行(ps:可能会有点绕…直接看代码)首先添加断点,在F12后的Elements界面,右键想要查看的标签,选择 break on 中的attribute modification即可添加断点这里假设有一个p标签,绑定了click方法,点击后改变字体颜色和字体大小添加断点后刷新页面,点击p标签,就会定位到对应的...
2019-04-27 22:12:27
2275
原创 css 变量 --*
何为css变量随着各种css预编译工具sass,less,stylus的逐渐流行,css中引入变量已经成为一种趋势,因此原生(不知道能否用这个词,权当是css本身好了)css也加入了变量的定义方式优点在编写css过程中使用变量无非是希望能使用通用的样式,提高性能,降低维护成本在更改样式的时候,我们可以统一修改而无需一个个的去更改样式,十分方便语法css中原生变量定义是通过 -...
2019-04-24 23:46:45
782
原创 vue-cli3 + mongodb + express + node跑在服务器上以及刷新页面404解决方案
项目描述一个基于vue-cli3 + node 作为后台服务器 + mongodb 存储数据 的发型官网.分享一下部署到阿里云Windows服务器遇到的一些问题代码结构偷个懒,用截图代替除了server目录和vue.config.js都是vue-cli3自动生成的目录,这里就不一一解释server目录用于存放node服务端文件,里面包含4个文件,笔者这里没有再去分类,直接写在一个文件...
2019-04-14 00:21:10
832
原创 阿里云Windows server 2012R2 安装mongodb
最近在部署一个项目到服务器上,需要用到mongodb,简单说一下遇到的问题问题描述在官网下载了Windows64位安装包安装后启动时提示缺少MSVCP140.dll文件,根据网上的教程下载了dll文件安装后又提示应用程序无法启动,错误码:0xc000007b解决方案有些地方说需要什么vs插件,感觉很假,最后找到一个论坛说是版本问题,下面给出一个链接mongdb下载,笔者亲测下载安装后再无上...
2019-04-12 23:42:23
1351
原创 node.js 使用nodemailer发送qq邮件
实现nodemailer发送邮件给qq邮箱安装环境这里分享笔者的版本,各位可以根据需求更改node – 10.15.3express – 4.16.4nodemailer --6.1.0注意:笔者只使用了一个index.js文件,以下代码合并在一个页面后即可运行.可以根据个人需求分页开发配置传送服务let mailTransport = nodemailer.cre...
2019-04-11 11:48:31
3043
5
原创 阿里云ECS Windows服务器远程连接失败问题
最近买了阿里云ESC Windows server 2012R2数据中心版服务器,但是在本地远程连接想共享文件夹的时候出现了问题.本文提供小编经过几天时间查找资料总结的解决办法具体问题在Windows + R 中打开mstsc远程桌面连接时报错解决过程远程控制未开启问题和防火墙问题首先网上大部分的教程都是防火墙问题,有没有启动远程控制问题.因此我们首先查看服务器和本地是否开启了允许...
2019-04-07 00:04:07
2926
原创 Vue中父组件滚动条出现在子组件上的解决方案
问题描述当我们在使用vue 的时候,可能会遇到当你在父组件上调用了其他子组件的时候,这个子组件明明不应该有滚动条,却显示了滚动条,而且上下拖动还会影响父组件的滚动条,这对网页的实际使用产生了不好的影响楼主的情况有一个命名为a的父组件<template> <div> <detail-banner></detail-banner...
2019-03-29 12:28:38
2280
原创 ES6 class的基本语法
class的基本语法class是ES6提供的更接近于传统语言的的写法,作为对象的模板.通过class关键字,可以定义类class写法只是一个语法糖,它只是让对象原型的写法更加清晰,更像面向对象编程的语法.例如: //传统对象原型写法 function Point(x, y) { this.x = x; this.y = y; } Point.prototyp...
2019-03-28 00:45:44
4686
原创 ES6 Generator函数(二)
GeneratorGenerator.prototype.throw()Generator 函数返回的遍历器对象都有一个throw方法,可以在函数体外抛出错误,然后在Generator 函数体内捕获var g = function* () { try { yield; } catch (e) { //catch只能捕捉一次错误 console.log('内部捕获', e); }...
2019-03-25 23:15:41
140
原创 ES6 Generator函数(一)
Generator概念Generator是ES6提供的一种异步编程解决方案从语法上来看,Generator 函数是一个状态机,封装了多个内部状态执行Generator 函数会返回一个遍历器对象,也就是说,Generator 函数除了状态机,还是一个遍历器对象生成函数.返回的遍历器对象,可以依次遍历Generator 函数内部的每一个状态形式上,Generator 函数是一个普通函数,但...
2019-03-24 21:58:23
181
原创 JavaScript Iterator和for...of循环(二)
for…of循环基本原理一个数据结构只要部署了Symbol.iterator属性,就被视为具有iterator接口,就可以用for…of循环遍历它的成员.也就是说for…of循环内部调用的是数据结构的Symbol.iterator方法使用范围for…of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象（比如 arguments 对象、DOM NodeList ...
2019-03-23 22:12:55
78
原创 JavaScript Iterator和for...of循环(一)
Iterator(遍历器)概念JavaScript原有的表示"集合"的数据结构,主要是数组和对象,ES6又添加了Map和Set.用户可以组合使用它们,定义自己的数据结构.这样就需要统一的接口机制处理所有不同的数据结构.Iterator就是这样一种机制,它是一种接口,为各种不同的数据结构提供统一的访问机制.任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有...
2019-03-22 00:08:43
218
原创 webpack Error: clean-webpack-plugin only accepts an options object
错误原因这是由于clean-webpack-plugin版本问题导致的,在2.0.0以上的版本中,对clean-webpack-plugin的使用有了一定的变化具体使用在2.0.0版本以前,也就是1.x版本中,官方文档指示的配置是这样的plugins: [ new CleanWebpackPlugin(paths [, {options}]) ]也就是大多数视频中提到的传...
2019-03-21 11:27:04
2005
原创 Vue input中过滤器的简单使用
Vue过滤器first今天在阅读Vue官网的时候发现它有一个capitalize 过滤器的小demo,将input中的值首字母大写显示在下面,然而…没有具体的实现代码…,于是乎本着学习的精神自己写了一个实现代码<div id="root"> <input type="text" v-model="message"> <p>{{messag...
2019-03-21 00:51:19
10224
1
原创 Vue 简单的函数式组件
Vue 函数式组件吐槽…以下是官方的例子,嗯…啥都看不懂…没有实现任何效果…var EmptyList = { /* ... */ }var TableList = { /* ... */ }var OrderedList = { /* ... */ }var UnorderedList = { /* ... */ }Vue.component('smart-list', { ...
2019-03-21 00:41:21
10593
原创 Webpack 的坑 keyword «const»错误
今天在学习webpack课程的时候跟着老师使用uglifyjs-webpack-plugin来压缩代码,遇到了以下问题 ERROR in index.js from UglifyJs Unexpected token: keyword «const» [index.js:93,0]首先上网搜了之后有人说是uglifyjs不支持ES6语法,即使你的代码中没有用到ES6的语法,但是node_m...
2019-03-19 01:08:21
3663
原创 ES6 Promise入门
Promise概念Promise简单来说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果.从语法上说,Promise是一个对象,从它可以获取异步操作的消息特点Promise对象的状态不受外界影响.Promise对象代表一个异步操作,有三种状态:pending(进行中),fulfilled(已成功),rejected(已失败).只有异步操作的结果可以决定当前...
2019-03-18 22:15:09
360
原创 ES6 Reflect初探
Reflect基本概念与proxy对象一样,也是ES6为了操作对象而提供的新API设计目的将object对象的一些属于语言内部的方法(比如Object.defineProperty),放到reflect对象上.也就是说在reflect对象上将拿到语言内部的方法修改某些object方法的返回结果,让其变得合理.比如， Object.defineProperty(obj, name, d...
2019-03-17 23:27:41
178
原创 ES6 Proxy入门
Proxy基础知识概念:用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种元编程,即对编程语言进行编程.可以理解为,在目标对象之前架设一层拦截,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写.Proxy的原义是代理,在这里表示由它来代理某些操作,可以译为代理器 一个简单的例子:var obj = new Proxy(...
2019-03-16 23:54:34
113
原创 你真的了解JavaScript中的真值吗?
今天在阅读Vue官网时get到了一个没有注意过的小知识点,记录一下通常我们所使用的 if或while 都会说判断为真时会执行相应的代码,那我们所认为的真是什么?可能大部分人第一反应都是 true 这个值,或许也可能会想到可以被认为是真值的任意正整数.当然这样想完全没有错误,可是我个人觉得这样的想法更贴近于类似C语言方面的判断方式,我们的JavaScript拥有自己独特的术语:Truthy这...
2019-03-15 10:34:43
147
原创 ES6 Map入门
MapJavaScript对象本质上是键值对的集合(Hash结构),传统上只能用字符串当做键.为了解决这个问题,ES6提供了Map结构,类似于对象,也是键值对的集合,但键的范围不限于字符串,各种类型的值(包括对象)都能当作键.也就是说,object结构提供了"字符串-值"的对应,Map结构提供了"值-值"的对应,是一种更完美的Hash结构实现基础使用只有同一个对象的引用,Map结构才将...
2019-03-14 22:51:31
137
原创 JS ArrayBuffer溢出问题(有符号正数溢出问题)
有符号正数溢出变负问题今天在学习ES6的ArrayBuffer的时候遇到了一个问题,让我对有符号正数溢出有了新认识.下面给大家看一下 //这里溢出了 Int8Array.of(127, 126, 125).map(x => 2 * x) //这里没有溢出,因为遍历不是针对原来的8位数组,而是将其拷贝到另一段内存中处理后再将结果转换为指定的数组格式 // Int8Array [ -...
2019-03-14 12:42:22
1228
原创 ES6 Set和WeakSet结构初识
Set数据结构Set基础知识概念:ES6提供的新数据结构，类似于数组，但成员的值都是唯一的，没有重复的值.看一个简单的例子: const s=new Set(); [2,3,5,4,5,2,2].forEach(x=>s.add(x)); for(let i of s){ console.log(i); ==>2,3,5,4 表明Set结构不会重复添加值...
2019-03-13 23:04:11
168
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人