07 2020 档案

项目实战之跨域处理~一文搞定所有跨域需求
摘要：什么是跨域？ 跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。 什么是同源策略？ 同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，它是由Netscape提出的一个著名的安全策略。 同源 阅读全文
posted @ 2020-07-31 13:29 monkeySoft 阅读(784) 评论(0) 推荐(0)
项目实战之接口处理篇~一文搞定接口请求
摘要：在项目开发中，接口请求是必不可少的，为了方便使用和维护，大家都会将接口请求的方法二次封装。下面小编将我项目中接口封装使用的方法分享给大家，希望可以帮到大家。喜欢的给个三连击再走哟。 目前前端常用的请求方式主要有两种：axios、Fetch。下面小编就这两种给大家详细的介绍介绍。 axios axio 阅读全文
posted @ 2020-07-24 11:07 monkeySoft 阅读(638) 评论(0) 推荐(0)
项目实战之本地存储篇
摘要：在前端项目开发中，前端的本地存储是必不可少的，今天小编就前端的本地存储在项目中的使用详细的介绍一下。前端本地存储主要有： cookie localStorage sessionStorage webSQL/indexDB 接下来就这三种前端常用的存储方式进行介绍。 cookie cookie就是存储 阅读全文
posted @ 2020-07-22 11:57 monkeySoft 阅读(371) 评论(0) 推荐(0)
最全JavaScript基础总结
摘要：JavaScript介绍 什么是JavaScript？ Javascript是一门面向对象的，跨平台的脚本语言。 JavaScript有什么特点？ 解释性脚本语言 运行在浏览器（浏览器内核带有js解释器，Chrome v8引擎） 弱类型语言（松散型） 事件驱动（动态） 跨平台 JavaScript有 阅读全文
posted @ 2020-07-20 11:47 monkeySoft 阅读(275) 评论(0) 推荐(0)
史上最强vue总结~万字长文---面试开发全靠它了
摘要：vue框架篇 vue的优点 轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb； 简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习； 双向数据绑定：保留了angular的特点，在数据操作方面更为简单； 组件化：保留了react的优点，实现了html的封装和重用，在构建 阅读全文
posted @ 2020-07-14 21:35 monkeySoft 阅读(614) 评论(0) 推荐(2)
手把手从零开始---封装一个vue视频播放器组件
摘要：现在，在网页上播放视频已经越来越流行，但是网上的资料鱼龙混杂，很难找到自己想要的，今天小编就自己的亲身开发体验，手把手从零开始 封装一个vue视频播放器组件。 作为一个老道的前端搬砖师，怎么可能会一心闭门造车呢？还是先去网上找找轮子吧 经过在网上不断的查阅之后，我最终选择了video.js这个轮子， 阅读全文
posted @ 2020-07-13 14:15 monkeySoft 阅读(2560) 评论(0) 推荐(0)
react的setState到底是同步还是异步？
摘要：在介绍这个问题之前，我们先来看一下一个例子： state = { number:1 }; componentDidMount(){ this.setState({number:3}) console.log(this.state.number) } 看完这个例子，也许很多小伙伴会下意识的以为setS 阅读全文
posted @ 2020-07-11 14:49 monkeySoft 阅读(1496) 评论(0) 推荐(0)
前端性能优化整理总结
摘要：gzip压缩 gzip压缩效率很高，可以达到70%的压缩率 //npm i -D compression-webpack-plugin 安装插件依赖 configureWebpack: config => { const CompressionPlugin = require('compressio 阅读全文
posted @ 2020-07-10 22:12 monkeySoft 阅读(357) 评论(0) 推荐(0)
Event Loop我知道，宏任务微任务是什么鬼？
摘要：在介绍宏任务和微任务之前，先抛出一个问题。相信大家在面试的时候，会遇到这样的相似的问题： setTimeout(function(){ console.log('1') }); new Promise(function(resolve){ console.log('2'); resolve(); } 阅读全文
posted @ 2020-07-09 10:50 monkeySoft 阅读(175) 评论(0) 推荐(0)
vscode常用插件快捷键
摘要：俗话说，工欲善其事必先利其器，我们码农的器是什么尼？没错，就是我们亲爱的IDE，前端开发者最爱的编辑器应该是vscode了吧。但是我们要怎么去锋利它尼？不外乎就是熟悉它的使用方法、快捷键以及第三方的插件。接下来，我整理了一些vscode常用的快捷键以及常用插件，希望可以帮助各位码农锋利自己的武器。 阅读全文
posted @ 2020-07-07 16:55 monkeySoft 阅读(347) 评论(0) 推荐(0)
vue开发必须知道的九大秘法
摘要：近年来，vue越来越火，使用它的人也越来越多。vue基本用法很容易上手，但是还有很多优化的写法你就不一定知道了。本文列举了一些vue常用的开发技巧。 require.context() 在实际开发中，绝大部分人都是以组件化的方式进行开发。随之而来就有了许多的组件需要引入。比如以下场景： import 阅读全文
posted @ 2020-07-06 15:56 monkeySoft 阅读(213) 评论(0) 推荐(0)
面试宝典带你走向人生巅峰
摘要：又到了七月面试季，全国各大高校的毕业生如洪水猛兽一般涌入市场，随之而来的则是大量的投递简历、参加面试、等待通知。但是很多小伙伴可能初次找工作，最终结果往往都不如人意，接下来我就我自己的面试经历简单的说说面试那些事，希望可以帮到大家。 面试 找工作前准备 找工作前的准备的话主要是相关行业的知识点以及一 阅读全文
posted @ 2020-07-05 10:33 monkeySoft 阅读(190) 评论(0) 推荐(0)
深入探讨深拷贝浅拷贝两兄弟
摘要：基本数据类型 在深入探讨深拷贝和浅拷贝之前，我们需要先了解一下Javascript得数据类型。众所周知JavaScript得数据类型，分为基本数据类型和引用数据类型。那么这两种类型到底有什么区别？接下来我们详细的谈谈。 导图： js内存 接下来我们还需要了解一个重要的知识点 js中的内存 js中的内 阅读全文
posted @ 2020-07-03 15:02 monkeySoft 阅读(403) 评论(0) 推荐(0)
canvas实现贪吃蛇小游戏
摘要：话不多说，直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>贪吃蛇</title> <style type="text/css"> * { margin: 0; padding: 0; font-f 阅读全文
posted @ 2020-07-02 09:46 monkeySoft 阅读(216) 评论(0) 推荐(0)
canvas简易画布
摘要：今天学习了canvas，利用它做了一个简易版的画板，校验自己所学的知识，分享出来以供大家学习指教。先上效果图。 主要是使用了canvas的stroke和clearReact来实现画板的绘画和橡皮擦功能，然后通过监听鼠标的按下、移动、弹起事件，完成绘画及擦除功能。直接上才艺代码 html: <inpu 阅读全文
posted @ 2020-07-01 17:25 monkeySoft 阅读(354) 评论(0) 推荐(0)