- 博客(41)
- 资源 (28)
- 问答 (2)
- 收藏
- 关注
RSS订阅
原创 一到三年经验前端面试题总结——看完这些月薪过万没问题（持续更新中）
前言：目前大三，在准备秋招的路上，没有实习经验，以下是根据自己复习的资料和面试遇到的问题整理出来的，后面逐渐更新，复习用！！希望大家都能找到满意的工作我自己的技术栈是vue加小程序，所以react这方面写的少一、思想1、说一下你是怎么学习前端的？二、html css html5和css3阶段说一下三栏布局，两边固定，中间自适应，五种bfc三、js JQueryjs基本数据类型和基本数据类型的区别js数据类型的检测和装换relpace说一下用法四、 ES6,7，8，9，10什么
2021-06-03 15:47:40
5695
2
原创 npm run dev 报错：missing script:dev
我们在github上拉取项目或者自己建立一个vue的项目时通常都是init之后直接npm install然后npm run dev把项目跑起来可是我却出现这个问题。看了网上一些教程 说查看package.json配置文件，文档配置文件似乎跟她们的不一样server这项没有描述怎么跑起来然后我仔细想了一下我拉取代码之后直接npm install这样是不对的我在D:\code\vue3.0yuanma中拉取代码之后是一个完整的文件夹。此时在这里npm install是没有效果的。正
2021-06-27 15:48:23
2311
原创 TypeScript基础学习
最终还是没有逃过ts的魔爪，哈哈哈也不能说魔爪，工作这段时间，感觉每天都在学习新的知识，最近在看源代码的时候看到了部分源码是用ts写的，之前没接触过，今天就来学习一下ts。文章参考：TypeScript超详细入门教程TypeScript 入门教程——菜鸟教程TypeScript 入门教程-阮一峰Typescript 和 Javascript之间的区别上面的教程都写的比较详细了，我就总结部分重要的知识点和我自己的理解文章主要参考阮一峰老师的教程写的。一、了解TypeScript1、 Ty.
2021-06-24 18:36:52
5857
转载 Typescript 和 Javascript之间的区别
TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言，我们已经熟知 TypeScript 是 JavaScript 的一个超集，但是 TypeScript 与 JavaScript 之间又有什么样的区别呢？在选择开发语言时，又该如何抉择呢？本文将会深入对比这两种语言，讨论两种语言之间的关联和差异，并概述两种语言各自的优势。JavaScript 和 TypeScript 的概要介绍JavaScriptJavaScript 是一种轻量级的解释性脚本语言，可嵌入到 HT.
2021-06-23 16:44:21
1031
原创 Flow学习笔记
1、强类型与弱类型类型安全的角度来看 分为强类型和弱类型。强类型实参和传参必须类型必须保持一致弱类型实参和传参不用保持一致语法上 不会报错 运行中可能会出问题。强类型有更强的语法规范在强类型只能不允许有任意数据隐式类型的装换弱类型语言则允许任意的数据隐式类型转换javascript就是弱类型语言。存在隐式转换Typescript是强类型语言，不存在隐式转换2、静态类型与动态类型是根据类型检查区分的：静态类型：一个变量声明时就被定义属于声明类型，后期不会修改动态类型：声明的时候是没.
2021-06-23 13:48:00
539
原创 VUE安装YARN：无法加载文件 C:\USERS\JIUYV\APPDATA\ROAMING\NPM\YARN.PS1解决
VUE安装YARN：无法加载文件 C:\USERS\JIUYV\APPDATA\ROAMING\NPM\YARN.PS1解决
2021-06-23 10:17:44
129
转载 TypeScript超详细入门教程（上）
TypeScript超详细入门教程（上） 01 开篇词：Hello~TypeScript 01 开篇词：Hello~TypeScript 更新时间：2019-10-30 13:49:46 既然我已经踏上这条道路，那么，任何东西都不应妨碍我沿着这条路走下去。——康德 同学你好，我是Lison。很高兴你对TypeScript感兴趣，或许你对TypeScrip...
2021-06-22 16:10:01
1971
3
原创 Promise入门学习
1、promise概述Promise是ES6中原生的一个方法 代表着未来要发生的某件事情，在javascript中来说就是异步操作，所以在js中promise就是异步操作常见的一种方法，异步操作常见方法：1、callback回调函数2、事件监听3、promise4、发布/订阅模式5、async/await6、generator链式调用这里我们主要学习PromisePromise主要的优点在于能把异步操作通过同步操作的流程表示出来，避免了异步的嵌套回调。产生回调地狱。2、promis
2021-06-22 13:40:25
235
1
原创 vue项目目录结构详解
├── README.md 项目介绍├── index.html 入口页面├── build 构建脚本目录│ ├── build-server.js 运行本地构建服务器，可以访问构建后的页面│ ├── build.js 生产环境构建脚本│ ├── dev-client.js 开发服务器热重载脚本，主要用来实现开发阶段的页面自动刷新│ ├── dev-server.j
2021-06-21 16:20:27
384
原创 MQTT -通讯协议学习
1、MQTT概述MQTT（Message Queuing Telemetry Transport，消息队列遥测传输协议），是一种基于发布/订阅（publish/subscribe）模式的"轻量级"通讯协议，该协议构建于TCP/IP协议上，由IBM在1999年发布，MQTT优点就是利用极少的代码和有限的带框，为物联网设备远程通讯提供消息传输服务，相比于HTTP协议在互联网上的客户端请求，服务端应答模式，MQTT的发布订阅模式在物联网设备上更适用。MQTT是一个基于客户端-服务器的消息发布/订阅传输协议
2021-06-18 10:35:27
548
原创 WebSocket学习笔记
WebSocket与http一样，也是一种网络传输协议那么有http协议了为什么还需要webSocket呢两者区别：HTTP中，通信只能由客户端向服务端发起请求WebSocket，通信既可以从服务端发起请求，也能从客户端发起请求。两者一比较，优势就显示出来了如果服务端的状态是连续变化的，比如天气实时变化，在HTTP协议中，服务端不能主动向客户端发起请求，只能由客户端每隔一段时间定时向服务端请求数据，这样就造成了资源的浪费和动态数据的延迟性，...
2021-06-18 10:09:01
428
1
原创 绝对路径和相对路径
在计算机的学习过程中 经常会遇到绝对路径和相对路径这两个概念，今天就来详细说一下绝对路径定义：绝对路径是指文件在硬盘上真正存在的路径比如：“E:\book\网页布\代码\第2章\bg.jpg“相对路径：就是相对于当前文件的路径比如：我们常用的…/bg.jpg ; “bg.jpg”都是相对于当前文件的相对路径知识点补充：…/当前目录上一级目录（父级目录）…/…/当前目录上两级目录（爷爷级目录）在开发中 我们常用的是相对目录，…/或者./之后可以直接找到对应文件因为我们打包上传
2021-06-18 09:35:05
409
转载 WebSocket简介
写在前面webSocket是一项可以让服务器将数据主动推送给客户端的技术。前几天写了一个日志功能，日志数据需要实时更新。正好项目中有封装好的WebSocket组件，且接口支持webSocket，就用它实现了。也是第一次用，简单研究了一下，分享出来。文章示例代码：https://github.com/neroneroffy/webSocketDemo什么是WebSocket首先需要明白webSocket的概念，下边是维基百科的解释 WebSocket是一种通信协议，可在单个TCP连接上进行全双工通信。WebS
2021-06-18 09:06:24
536
转载 Windows 下Redis 安装
下载地址：https://github.com/tporadowski/redis/releases。Redis 支持 32 位和 64 位。这个需要根据你系统平台的实际情况选择，这里我们下载 Redis-x64-xxx.zip压缩包到 C 盘，解压后，将文件夹重新命名为 redis。打开文件夹，内容如下：打开一个 cmd 窗口 使用 cd 命令切换目录到 C:\redis 运行： redis-server.exe redis.windows.conf 如果想方便的话，可以把 redi.
2021-06-16 10:23:33
232
1
原创 javascript中的垃圾回收机制
为什么需要垃圾回收js不像C/C++ 有自己的一套垃圾回收机制（Garbage Collection）前端的叫法就是GCjs的解释器可以检测到何时程序不在使用一个对象，确定一个对象没有用的时候，就会启动这个垃圾回收机制详细分析：由于js中字符串，对象和数组没有固定的大小，所以当他们的大小已经知道的时候，才能对他们进行动态的存储分配，js每次创建字符串，数组，对象的时候，解释器都必须分配内存来占用那个实体，，每次创建都会分配一次，可想而知，分配的次数多了之后，系统中的内存消耗完，然后系统奔溃 ga
2021-06-13 21:30:00
239
2
原创 浅析javascript三种定时器原理和异同
念念不忘 必有回想前言众所周知js定时器有两种 setTimeout和setInterval 还有一个新增的requeTanimationFrame（动画API）也被加入到了面试经常考察的范围，那么我就从是什么 怎么用，什么时候用，他们的区别是什么来简述一下这三者的关系1、setTimeout（延时器）setTimeout完整的写法其实是window.setTimeout 是window的一个属性，由于window是全局作用域，通常我们写的时候就省略了setTimeout()方法用来指定某个函.
2021-06-13 19:56:29
2438
7
原创 CSS中几种解决高度坍塌方式分析
优秀的你，才能遇到优秀的世界为什么会产生高度坍塌：父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。先上结论,清除浮动的方式：1、给父元素添加overflow：hidden2、在浮动元素下方添加空div，并给元素声明 clear：both3、使用after伪类选择器清除浮动4、父元素添加浮动5、给父元素设定高度一、父元素添加overflow：hid.
2021-06-13 17:29:09
384
原创 下一阶段的小目标
上个周末觉得这个暑假应该找个实习或者全职的工作 ，穗开始投简历。周六开始投的 海投 在boss 智联 拉钩 实习僧上投了好多家 ，有些简历没过的，当时因为是周末没有人联系我 网盘还以为是简历的问题继续投（现在想起来是周末大部分公司都休息了）周一开始，陆续有公司开始约面试 周二开始面试 一天面了五家 线一家，下午到晚上一直在面试 ，中小公司可能对实习生的要求不太高，所以都过了，哈尔滨两家 ，北京一家，杭州一家，问的主要是一些基础和项目相关的，开始面大厂的时候就开始力不从心了。字节的一面，问的都是基础知识，
2021-06-12 15:47:54
154
原创 记录一下最近的面试心得
今天面试了五家 过了两家，字节没过 还有一家等通知，海康威视一面过了二面刚刚结束等通知总结如下：小厂问项目 大厂问基础1、先进行自我介绍 学校专业技术栈等等我在这个部分就会有意的去强调熟悉哪个方面 面试官就会朝哪个方向去问准备一两个比较擅长的知识点 比如我就js原理懂的比较多会引导面试官问我js原理自己会的多说一些，不会的也不要着急，可以避开之后继续引导面试官问你对应的问题2、项目上的东西，一定要摸透。小厂的大部分面试都是围绕简历来的3、大厂一面基础比较多，还比较深入，所以要根据面试的不同.
2021-06-08 21:19:24
1113
转载 vue常见面试题
1.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；虚拟DOM：dom操作是非常耗费性能的， 不再使用原生的dom操作节点，极大解放d
2021-06-06 19:05:33
290
转载 vue切换中英文（i18n）
vue-i18n 仓库地址：https://github.com/kazupon/vue-i18n兼容性：支持 Vue.js 2.x 以上版本 安装方法：（此处只演示 npm）npm install vue-i18n 使用方法：1、在 main.js 中引入 vue-i18n （前提是要先引入 vue）import VueI18n from 'vue-i18n'Vue.use(VueI18n) 2、准备本地的翻译信息const messag.
2021-06-06 12:19:07
1286
原创 如何完整的搭建一个vue项目（流程）
1、整个项目需求分析，按需求确定基本的技术栈，以及整体逻辑。2、vue-cli 脚手架搭建，涉及到webpack，如有脚手架不满足的需求，需要做调整，如项目环境在域名的二级目录，图片、字体路径修改等。3、开发、测试、预发布、正式环境配置，以及package.json script 脚本补充。4、涉及到https，需要兼容http。5、增加目录：assets、layouts 、api、component、libs、plugin、router、store。（有本地mock习惯的加上mock目录），sto
2021-06-06 12:03:33
1048
3
转载 vue 269个知识点（面试题）（转载）
要招一个会vue的开发者：作为面试官的你，你还会每次都只是问这些老土的问题吗？你对MVVM的理解是什么？你知道什么是双向绑定吗？你了解它的原理吗？说说vue的生命周期有哪些？组件通讯有哪些？你用过vuex吗？...作为面试者的你，在网上搜索下“vue面试题及答案”，看完后你是不是觉得：自己掌握了武林秘籍？能忽悠住面试官了？我熟练掌握vue了？记一次印象深刻的面试面试过很多小伙伴（要招会vue的开发者），没工作经验的，5年工作经验的，甚至10多年工作经验的...
2021-06-06 11:58:31
1294
转载 详解vue的diff算法
前言我的目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，目的让看这篇文章的朋友一定弄明白diff的边边角角。先来了解几个点...1. 当数据发生变化时，vue是怎么更新节点的？要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排，有没有可能我们只更新我们修改的那一小块dom而不要更新整个dom呢？diff算法能够帮助我们。我们先根据真实DOM生成一颗virtual DOM，当virtu.
2021-06-06 10:51:25
442
原创 阿里云安装宝塔面板后，打不开网页的问题
安装宝塔界面成功后，输入网址一直没打开网页换了几个浏览器也没找到原因；仔细看提示应该是8888端口没打开：打开阿里云控制台找到服务器实例：找到配置规则点击进去：入方向手动添加8888端口：我这里添加的是全部字段，添加成功之后保存，在此刷新网页就ok了：...
2021-06-04 21:48:15
2198
转载 如何用阿里云服务器建立个人网站（宝塔面板+wordpress）超简单！
首先，我们需要购买云服务器和域名。域名建议用.com后缀的（一般五十左右），想要便宜的域名可以买.top等后缀的（一般几块钱）。点击这里购买域名云服务器的话，根据自己的需要购买，如果只是简单的发发文章图片，视频等，网站访问量不高的话，买个1核2G1M的配置也能够用。当然，如果对响应速度等体验比较看重的话，可以买个稍微高点配置的，比如2核4G的这样的。（注意：下单的时候先买服务器再去买域名，一次买多个云产品可以加入购物车一起结算更划算，首购优惠很大不要错过，这里有份阿里云和腾讯云的最新优惠和代金券..
2021-06-04 20:54:21
743
原创 vue字母导入eachrts出错：Cannot read property ‘init‘ of undefined
在vue项目中导入echarts时，出现错误：这是我的导入方法：然后图表并没有显示出来：检查结果如下：错误原因：Cannot read property ‘init’ of undefined解决办法。在需要导入echarts的vue组件中import导入，然后再前面加 * as后成功：最后效果：...
2021-06-04 18:00:02
114
原创 百万阅读量的前端面试题链接整理
最近一直在看前端面试题。发现很多写的比较全的，就收藏整理了一下，文章整理自互联网，如有侵权，请私信我马上删除。有很多内容是重复的，所以一部分内容只需要看一两篇文章即可1、html部分前端面试—HTML面试题汇总HTML最新面试题（笔试面试题）20道HTML基础面试题（附答案）html常见面试题及答案2、css部分50道 CSS 经典面试题（包含答案）CSS 经典面试题+答案CSS3面试题20203、html5 css3部分一些html5和css3的一些常见面试题HTML5 +.
2021-06-03 22:44:23
254
5
原创 vue2和vue3的区别
1、vue2 和vue3双向数据绑定原理不同vue2的数据绑定是利用Object.definePropet（）对数据进行劫持 结合 发布订阅模式实现vue3利用Proxy API对数据代理实现两者区别：defineProperty只能监听某个属性，ProxyAPI可以进行全局监听proxy可以监听数组，不用单独对数组进行异性操作，可以检测到数组内部的变化paoxy可以直接绑定整个对象，省去for in 闭包等内容来提升效率2、 vue3默认进行懒观察（lazy observation）。
2021-06-03 15:24:59
5042
原创 vue优化
编码阶段尽量减少data中的数据，data中的数据都会增加getter和setter，会收集对应的watcherv-if和v-for不能连用如果需要使用v-for给每项元素绑定事件时使用事件代理SPA 页面采用keep-alive缓存组件在更多的情况下，使用v-if替代v-showkey保证唯一使用路由懒加载、异步组件防抖、节流第三方模块按需导入长列表滚动到可视区域动态加载图片懒加载SEO优化预渲染服务端渲染SSR打包优化压缩代码Tree Shaking/Scope Hois
2021-06-02 19:54:08
199
1
原创 axios相关配置属性
url是用于请求的服务器URLmethod是创建请求时使用的方法,默认是getbaseURL将自动加在url前面，除非url是一个绝对URL。它可以通过设置一个baseURL便于为axios实例的方法传递相对URLtransformRequest允许在向服务器发送前，修改请求数据，只能用在’PUT’,'POST’和’PATCH’这几个请求方法headers是即将被发送的自定义请求头headers:{‘X-Requested-With’:‘XMLHttpRequest’},params是即将与请求
2021-06-02 11:09:25
976
转载 正则表达式巧妙实现字符串去重
今天上午看到新浪的一个面试题： 将字符串 "adsfjjbkk"处理，就是连一起重复的字符删除，变成“adsfjbk”，写出实现代码。 当然了，实现思路有很多。但是如果你用正则实现出来的话，估计会给你加分不少。下面我实现如下： 对于去除简单的相邻重复的情况，我们可以用正则实现如下： <span style="font-size:14px;">var str = "adsfjjbkk"...
2021-06-01 22:33:19
4096
转载 5种方式实现数组扁平化
数组扁平化概念数组扁平化是指将一个多维数组变为一维数组[1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5]实现1. reduce遍历数组每一项，若值为数组则递归遍历，否则concat。function flatten(arr) { return arr.reduce((result, item)=> { return result.concat(Array.isArray(item) ? flatten...
2021-06-01 22:13:47
600
转载 CA证书的生成过程
创建根证书密钥文件(自己做CA)root.key：创建根证书的申请文件root.csr：创建一个自当前日期起为期十年的根证书root.crt：创建服务器证书密钥server.key：创建服务器证书的申请文件server.csr创建自当前日期起有效期为期两年的服务器证书server.crt创建客户端证书密钥文件client.key创建客户端证书的申请文件client.csr创建一个自当前日期起有效期为两年的客户端证书client.crt将客户端证书文件client.crt和客户端证书密钥文件
2021-06-01 22:09:30
2395
转载 js中replace的用法
replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正则表达式对象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。为了帮助大家更好的理解，下面举个简单例子说明一下 Js代码 1. <script language="javascript"> 2. &...
2021-06-01 22:03:40
47384
1
原创 微信云开发学习笔记（一）
云开发学习文档一、项目初始化1、注册号小程序之后新建项目时不在使用测试号，使用带id的云开发2.创建好项目之后删除无用的配置项包括云函数 多余的page页面 只留下一个index页面3、在app.json中删除多余的页面配置 只留下index、删除公共的css，其他的配置不需要改变4、删除index中的html css js 重新配置 在配置js的时候 使用page中的第二个选项如图js配置成功后效果如图：二、使用云控制台控制数据库可以进行表格数据的创建。点击添加记录：一共七种
2021-06-01 20:39:41
252
转载 CSS画三角形
效果图 全部代码 <!DOCTYPE html><html><head> <title></title> <style type="text/css"> /* css3...
2021-06-01 09:42:10
262
原创 css重置样式表
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }table { border-collapse: collapse; border-spacing: 0; }fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var
2021-06-01 09:28:34
231
原创 html中mate常见属性
Keywords（关键词）说明：告诉搜索引擎你网页的关键字（keywords）Robots (机器人向导)说明：Robots用来告诉搜索机器人页面需要或者不需要索引。Content的參数有all、none、index、noindex、follow、nofollow。默认是all。viewport（视窗/移动端）说明：viewport 是用户网页的可视区域，即“视区”。http-equiv=“X-UA-Compatible” （这是一个文档兼容模式的定义）renderer （指定双核浏览器默.
2021-06-01 09:21:41
947
转载 为什么css放头部、js放尾部
（题图：梵高-向日葵）我们最开始学前端的时候都会看到教程在处理外部css，js的时候会将css放在header中，js放在body的最后。为什么要这样子处理，今天参考一些资料好好分析下。为什么外链css为什么要放头部？#首先整个页面展示给用户会经过html 的解析与渲染过程。而外链css无论放在html的任何位置都不影响html的解析，但是影响html的渲染。如果将css放在尾部，html的内容可以第一时间显示出来，但是会阻塞html行内css的渲染。浏览器的这个策略其实很明智的，想象一下..
2021-06-01 09:14:53
1754
cdn的高层次应用有哪些
2021-06-02
服务端到客户端传过来得是公钥还是私钥
2021-06-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人