- 博客(11)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 浅入webpack4 高效简单的配置
前言在vue-cli3中已经将webpack等详细配置（config）去除，我们配置webpack只能在vue.config.js里进行配置，这里我个人总结了一套webpack的优化方案模板并且附有我个人的讲解（尚在研究中）。总体优化这几个方面：提升生产打包的构建速度拆分每个 npm 包将稳定的第三方库（体积比较大的）改用cdn引入，不进行打包安装可视化打包分析器（可选）1.提升生产打包的构建速度首先，你要知道运行在 Node.js 之上的 Webpack 是单线程模型的，所以Webpa
2020-05-13 18:25:46
2121
2
原创 分享一些好用的插件（大佬看了都说好）
前言最近在整理笔记的时候，发现平时收藏使用的插件的笔记比较乱，刚好抽空整理了一下，并提取一些精华部分放在这里，方便自己查看，也方便看掘友们查看。这里我分一下类主要为以下三大类：开发中用的依赖或库vscode插件其他/黑科技开发中用的依赖或库echartechart是一个基于js开发的可视化图表库，在这块echart确实做的非常不错，各类图表一应俱全，有比较复杂的需求建议可以使用他，上手还是比较简单的。推荐指数：⭐⭐⭐⭐⭐官网地址：https://echarts.apache.or
2021-05-26 11:59:03
1199
原创 基于vue的简单轻便的开源图片预览组件
先上效果图vue-dark-photo基于 element-ui2.x 开发的预览图片组件支持 放大、缩小、复原、下载、打印等功能支持在线预览pdf、word等文档暂时只支持jpg、png格式的图片继承 el-dialog 等组件的属性事件等适合使用了element-ui的项目GitHub地址：https://github.com/Dark2017/vue-dark-photo.git适用vue2.X的项目安装使用说明npm i vue-dark-photo// 在入口（ma
2021-05-14 19:26:13
571
1
原创 通宵肝了一份前端规范 大量篇幅请细嚼慢咽
前言前端规范主要是为了让代码能有更好的可读性以及优雅性。不要为了规范而去规范，使用某些花里胡哨的写法，本质上是为了代码的维护性更强一些，所以才会制定规范来约束。主要针对vue2.0~ 其实我觉得vue2.0的options的写法是比较清晰的，在vue3.0去除了这些写法就需要一定的规范去让各个模块划分清晰一些，往react靠了，未来的趋势可能就是函数化编程，所以对于把控可维护性这块也需要去跟进，也可以配合ts以及eslint和各种插件去配合使用。主要针对以下方面推荐一些个人觉得比较好的写法以及规范等，现
2021-05-07 16:47:07
256
原创 基于koa搭建的服务端
开头你需要安装以下环境（请同学们自行安装，这里不再叙述）来支持本项目：nodejs >= 7.6.xmysql可选项（辅助软件）：Navicat Premium 15（数据库管理工具）postman （接口测试）项目介绍本着探索的精神前往js世界中的node后台，想试试node作为服务端的优劣以及用js写服务端的好奇心，于是乎诞生了这个项目，仅仅是作为demo去学习或者帮助初入node的同学们，写的不太好，欢迎大佬来指点，有时间我都会持续更新。????前端主要是vue2.x脚
2021-04-25 17:45:18
155
原创 写给 vue 转 react的老同志们
PS：本文适合熟悉vue以及了解react的同学由于公司业务使用得是react开发的后台系统（也有vue的项目），对于我这种只写过react demo 的小白菜确实是一个机会，学习一个框架最好的办法就是从业务做起。首先我们要弄清做业务需要什么知识点去支持比如：react 是怎么样传输数据的？react 怎么封装组件？react 的生命周期？。。。。实际上vue熟练的同学们，我觉得转react还是比较好上手的，就是要适应他的纯js的写法以及jsx等，个人认为还是比较好接受的，其实基本上都一.
2021-04-22 11:46:53
663
2
原创 node 自定义脚手架 简单易懂好上手
nodejs是个非常神奇的东西，同时对我们前端同学来说学习成本低，非常友善，可以使用js来开发后端，同时兼顾前端，实现了语言统一化，这里我不展开说了，主要展开说一下node的脚手架是怎么实现的。前端的同学想必都使用过vue脚手架，一条简单的命令vue init 就可以将一个简单的单页面应用包括webpack的简单配置全部搭建好并且你只用关注开发层面的东西（如果没有什么特殊的要求的话），他的实现原理其实也不难。先上vue脚手架的原理图：整个vue init大致流程如我上图所示，应该还是比较好理解的。这.
2020-08-06 18:42:45
836
原创 总结：前端各类场景经常遇到的问题
前言在开发中，大家肯定会遇到过这种问题：当出现一个BUG的时候，发现自己曾经解决过，但是忘记怎么解决了，这里做笔记是一个很好的解决方案，但是有时候做笔记也想不起来，毕竟做过的笔记实在是有点多（我不是炫耀哈- -），所依这里更多的还是依赖经验之谈，但是只要逻辑清晰，原理通，相信大家都能很快定位到问题所在，这里我列出我遇到过的一些场景。场景一：前后端联调，由于后端返回的值类型不一样，导致前端组件传值时的一些错误。 例如：html: <el-form-item> <el-s
2020-07-28 18:10:29
1178
原创 vue+express+nginx搭建一个简单的本地代理服务器
场景描述：在后台没有配置环境，但是产品大大想看网页效果的时候，虽然可以直接给他开发环境的地址看，但是开发环境需要频繁改动代码、开关项目或多或少会影响到产品大大的观看效果，因为打包之后在vue中配置的代理会失效，所以可以用nginx做一个简单的代理配合express搭建一个简单的本地服务器。（需要安装vue脚手架、nodejs）安装express-generator生成器执行 $ npm install express-generator -g 进行安装此过程可能会有点慢有了他，就可以帮助我们.
2020-05-15 11:39:42
684
原创 灵活玩转Mockjs
灵活玩转Mockjs（小白篇）有几年工作经验的大佬可以忽略，此文章针对还没使用过的小白系列。mock数据用过的人一定不陌生，他的好处也是层出不穷，比如下面就是一段对mockjs很好的描述：前后端分离不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。数据类型丰富通过随机数据，模拟各种场景。（等等）总结起来就是在后端接口没有开发完成之前，前端可以用已有的接口文档，在真实的请求上拦截ajax，并根据mockjs的mock数据的规则，模拟真实接口返回的数据，并将随机的模拟数据返回
2020-05-12 11:41:17
1086
原创 配置多账户git、git常用命令以及git忽略提交
------记录自己在个人项目和公司项目中常用操作，主要是给自己记录笔记，还有给有需要的人分享，写的不好还请谅解一下哈。
2020-03-03 15:42:34
214
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人