Eric Blog

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

前端分页的正确姿势

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

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

Svg在vue中的使用和问题

Svg在Vue中的使用和问题 前言 想到这个主题是因为工作中icon使用的一些不便和前段时间改缺陷遇到的兼容性问题。 icon的演进史 雪碧图 刚开始大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 background-positi...

Posted by Eric Blog on February 17, 2019

2018年总结及2019年计划

2018年总结 2018年发生了蛮多事情，这里一定要总结一下，为后续的规划做准备。 发生的事件 2017年8月，我转行前端工程师，进入电信工作，虽然是2018年总结，但这件事是我工作三年后的一个转变和更加清晰的决定。之前三年的工作，从事了一年多的本行业工作（海洋工程），虽然我也很喜欢这个行业，也学习了6年的时间，转行确实浪费，但由于行业的衰落，无法满足我的经济需求。后来考虑转行进...

Posted by Eric Blog on January 5, 2019

前端开发规范

前端开发规范：命名规范、html规范、css规范、js规范 命名 驼峰式命名法介绍 Pascal Case 大驼峰式命名法：首字母大写。eg：StudentInfo、UserInfo、ProductInfo Camel Case 小驼峰式命名法：首字母小写。eg：studentInfo、userInfo、productInfo 文件资源命名 文件名不得含有空格 文件名...

Posted by Eric Blog on November 10, 2018

FEATURED TAGS
vue
ABOUT ME

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

FRIENDS