农场主，做网站卖猪

2

virtualbox安装自己的gitlab，并配置静态IP

• 万年打野易大师   3月28日发布
• 1 收藏

直接安装就行了，运行过程中有无法加载的问题，需要进入bios打开电脑的虚拟机模拟设置（有些电脑可能不支持）。具体的操作在百度搜一下一大堆，这儿就不再说了

4

react17中生命周期改变，组件挂载流程微调

• 万年打野易大师   3月25日发布
• 3 收藏

可以看到新版的生命周期中 componentWillMount, componentWillReceiveProps, componentWillUpdate 三个生命周期被干掉了，其实还没被干掉，使用时会报警告：（componentWillReceiveProps也一样的警告）

16

vue3常用的API实用型

• 万年打野易大师   3月24日发布
• 12 收藏

vue3.x已经发布了这么久，相关的生态也慢慢起来了，包括vite这个新的打包工具，在vue3.0学习过程中有一些实用性的api对比，希望能在开发中给大家做个示范，准确的使用对应的api去完成我们的项目开发

22

reduce方法高级使用

• 万年打野易大师   3月18日发布
• 16 收藏

前端小伙伴儿应该都听过reduce这个数组的方法，总结一下我在开发过程中遇到的reduce的一些好玩儿的用法老规矩，上MDN：reduce-MDN简单介绍一下一些重要的点定义：reduce() 方法对数组中的每个元素执行一个由您提...

1

函数复杂度检测和优化-学习

• 万年打野易大师   3月15日发布
• 1 收藏

代码的复杂度是评估一个项目的重要标准之一。较低的复杂度既能减少项目的维护成本，又能避免一些不可控问题的出现。然而在日常的开发中却没有一个明确的标准去衡量代码结构的复杂程度，大家只能凭着经验去评估代...

1

学习vuecli背后的过程

• 万年打野易大师   3月15日发布
• 1 收藏

【vue.js】bin/vue.js利用commander来定义命令选项create，将create命令匹配到create方法(lib/create.js)，执行该方法;

2

封装一个performance监控类

• 万年打野易大师   3月13日发布
• 1 收藏

谷歌浏览器内嵌了性能测试工具Lighthouse，F12打开能看到，使用参考： Lighthouse工具前端性能监控，设置监控超时的任务，回传到服务器完整代码如下 {代码...} 为了监测工具不占用主线程的 JavaScript 解析时间。...

2

鼠标移入放大图片预览效果实现

• 万年打野易大师   3月4日发布
• 1 收藏

商城项目中，有鼠标移入图片放大的功能，研究一下实现 {代码...} 具体效果复制下去打开看看

0

JS高级运算符

• 万年打野易大师   2月25日发布
• 收藏

在代码精简优化过程中，我们总会想着要去简练我们的代码，尽量做到用最少的代码完成最好的功能下面介绍4个JS开发优化的高级运算符使用1、(param ? res1 : res2)三元运算符三元运算符，又叫条件运算符接受三个运算...

5

nuxt构建项目

• 万年打野易大师   1月30日发布
• 3 收藏

一、引入并创建nuxt项目确认已经安装 npx ( npx 依附于 npm 5.2.0 安装引入) {代码...} 或者在 npm v6.1版本后 可以这样创建: {代码...} 或者用： yarn: {代码...} 二、引入axios库1、使用nuxt自带模块 {代码...}...

1

nuxt使用vue-awesome-swiper组件采坑记录

• 万年打野易大师   1月30日发布
• 1 收藏

在vuecli中构建使用vue-awesome-swiper组件没有任何问题，但是加上ssr就一直会报错，原生组件的切换上一个下一个的按钮不显示，即便是显示了点击也不会生效，后面排查也不知道是不是电脑硬件的问题，我们使用要求...

13

JS中间件封装api调用处理过程，解耦一堆复杂操作

• 万年打野易大师   2020-12-30 发布
• 13 收藏

秉持低耦合的观念，拆分各个功能函数，做到清晰控制，数据单向流转定义中间件对象 {代码...} 使用 {代码...} 配合API接口数据返回后的操作函数 {代码...} 通过中间件以此注册 {代码...}

1

Vue.extend有怎么用？

• 万年打野易大师   2020-12-10 发布
• 1 收藏

这样在页面中只要调用那个定义的方法，然后传参(参数可以用对象的形式传过去，自己改一下就行了)过去就能实现弹窗，不用再每个页面去引入组件，data定义一个变量去保存message，components注册组件，再调用加载绑定

26

vuex按需加载，避免首页初始化所有数据

• 万年打野易大师   2020-12-10 发布
• 17 收藏

大型项目中，不管首页需不需要那么多变量，vuex都会一次性打包进去，vuex会很大，因为都是一次性加载的需求：按需异步加载vuex解决方案如下第一步： 把.vue文件对应的vuex拆分出来，第二步：在xxx.vue文件里面添...

11

vue-server-renderer实现vue项目改造服务端渲染

• 万年打野易大师   2020-12-09 发布
• 11 收藏

这是一篇教程，从创建项目到改造项目vue-cli创建一个项目在放你做demo的地方，创建一个项目 {代码...} 经过漫长的等待，下载好文件开始我们的改造之路文件目录进入vue-ssr文件夹，使用命令 {代码...} 把vue-route...

26

视频处理，让video活灵活现

• 万年打野易大师   2020-12-08 发布
• 17 收藏

Web 开发者们一直以来想在 Web 中使用音频和视频，但早些时候，传统的 Web 技术不能够在 Web 中嵌入音频和视频，所以一些像 Flash、Silverlight 的专利技术在处理这些内容上变得很受欢迎。

0

文件上传到底怎么回事

• 万年打野易大师   2020-12-08 发布
• 收藏

平常在写业务的时候常常会用的到的是 GET, POST请求去请求接口，GET 相关的接口会比较容易基本不会出错，而对于 POST中常用的 表单提交，JSON提交也比较容易，但是对于文件上传呢？大家可能对这个步骤会比较害怕...

3

大文件上传优化，断点续传，分片上传

• 万年打野易大师   2020-12-08 发布
• 收藏

第一步是结合项目背景，调研比较优化的解决方案。文件上传失败是老生常谈的问题，常用方案是将一个大文件切片成多个小文件，并行请求接口进行上传，所有请求得到响应后，在服务器端合并所有的分片文件。当分片上...

0

图片处理好用的工具库

• 万年打野易大师   2020-12-08 发布
• 收藏

下面列举的图片处理库拥有模糊、压缩、裁剪、旋转、合成、比对等技能。能满足我们基本使用图片的操作。你将学习到：如何区分图片的类型（非文件后缀名）；如何获取图片的尺寸（非右键查看图片信息）；如何预览本...

0

promise，async/await实现原理

• 万年打野易大师   2020-12-07 发布
• 收藏

{代码...} async/await基于generator的语法糖：async函数返回一个promise对象 {代码...}