Eric Blog

「离开世界之前 一切都是过程」

前端工程化之持续集成

前端工程化之 CI/CD 背景 前段时间在开发wad组件迭代的过程中，wad组件的sdk和gais组件的sdk强依赖，需要经常执行开发—调试—发布的过程，命令行需要敲很多重复命令，感觉浪费了很多时间在这种机械重复工作上，是否可以通过自动化解放双手呢。之前有在文章里看到过DevOps，知道其是一种思想，实现开发到部署整个环境的自动化，刚好趁这个机会 研究一下Devops。 DevO...

Posted by Eric Blog on September 27, 2020

第一次当爸爸的感受

第一次当爸爸的感受 本文不是在孩子出生后不久写的，是在做爸爸后的13个月以后，总结一下这13个月左右的时间里的一些感受。 这篇文章是在五一假期，在陪伴儿子的期间，儿子睡着之后我利用的一些时间总结和思考来写下的。 2019年4月9号，我们的孩子——小芒果出生了，从此生活发生了很多变化，从前我们夫妻经常一起出去逛街吃饭，现在变成了只能偶尔带孩子逛逛超市。 据我观察身边的年轻父母，大部...

Posted by Eric Blog on May 1, 2020

Charles在前端的使用心得

Charles在前端的使用心得 前言 charles是一个抓包软件，之前很少使用，最近学习了发现其在前端开发、调试工作中能起很大促进的作用，本文就Charles在前端的使用进行总结，希望可以给到没有使用过Charles等抓包工具的前端同学以启发。 这里不会讲Charles的安装、代理设置、HTTPS证书安装等，这些可以参考Charles使用教程。下面具体讲述一下Charles在...

Posted by Eric Blog on March 8, 2020

前端分页的正确姿势

前端分页的正确姿势 前言 大部分的分页只需要调用后端接口就能简单的实现，但在最近的项目中遇到一个场景得前端自己实现分页，表格得支持多选，实现前端分页的分页实现其实是非常简单的，只需要简单的数据运算就能实现，最关键也是难点最大的是分页的记忆选中，那么接下来就主要关于分页的记忆选中的实现。 项目背景 该项目中，弹窗的进出门设备得从前面穿梭框的已选择设备中获取，这种需求，后...

Posted by Eric Blog on February 24, 2020

【实用】前端调试的正确姿势

【实用】前端调试的正确姿势 前言 平时工作量大，没有很多的自测时间，难免会在写代码的时候一不小心写出BUG，同时经常测试的时间又紧，留给开发修改缺陷的时间少，如果掌握正确的调试姿势，就能快速定位问题，从容应对。本文就主要讲一下前端调试的正确姿势，希望能够给到大家帮助。 查找代码 找到出错的地方才能debug，那怎么高效地找到出问题的代码。 console.log 通常我们...

Posted by Eric Blog on January 18, 2020

记一次培训的总结

记一次培训 上周举行了一个关于三维引擎的培训，这是我第一次在很多人面前做培训，所以有必要总结和记录一下。 准备 在培训前三周就开始做PPT，但说实话PPT做的很烂，这方面需要学习一下，毕竟要往上走，PPT肯定要做的漂亮，可以多看一些这方面的视频。接到培训具体时间是在一周前，所以试讲准备时间差不多一周时间，在这期间我利用一些空闲时间试讲练习，后面也证明多做练习是很有用的，那些舞台的表演都...

Posted by Eric Blog on November 4, 2019

Vue多页面的使用

vue多页面的使用 单页面应用（SinglePage Web Application，SPA）和多页面应用（MultiPage Application，MPA）的各自的优缺点想必大家都清楚的，这里简单的列举一下：   单页面应用 多页面应用 组成 一个外壳页面和多个页面片段组成 ...

Posted by Eric Blog on August 29, 2019

Flex和grid

Flexbox和Grid 之前的传统布局方式是基于盒模型，依赖display + position +float，但它需要增加一些hack代码，比如清除浮动，并且在一些特殊布局比较不方便，比如垂直居中实现比较麻烦。Flexbox和Grid很好的解决了这些问题，使布局更加的方便，并且不用写任何的hack代码，当然目前不是所有浏览器版本都支持它们，后面会给出它们的兼容性。下面让我们来比较一下两...

Posted by Eric Blog on July 25, 2019

Websocket的使用

WebSocket的使用 为什么要用WebSocket 项目中经常会有需要实时更新数据的需求，如果采用轮询接口的形式，一是达不到实时更新数据，二是浪费性能，毕竟轮询的时候不一定是数据更新的时候。WebSocket协议主要就是实现这种需求，它只有数据更新的时候才会推送数据，而且也可以客户端主动发送数据，实现了双向传输。在这边还是简单对比一下HTTP和WebSocket，能够更加清晰的了解其...

Posted by Eric Blog on May 30, 2019

Vue cli 3的使用总结

Vue CLI 3的使用总结 基本概念 主要组成部分 CLI（@vue/cli）全局安装的npm包，提供vue命令，可以通过vue create快速创建一个新项目的脚手架，或者直接通过vue serve构建新想法的原型，也可以通过vue ui通过一套图形化界面管理项目。 CLI服务（@vue/cli-service）开发环境依赖，其构建于webpack和webpack-dev...

Posted by Eric Blog on February 17, 2019

FEATURED TAGS
vue trend-pulse
ABOUT ME

写写代码，写写博客，
离开世界之前，一切都是过程。

FRIENDS