袁杰的博客

2018年干的几件大事

1. 在广州的一家公司小团队当了个小小的leader
2. 来了一场说走就走的旅行
3. 对技术的提升
4. 英语的学习

前后端分离开发的模式已经很常见了，接口调用的库其实已经有很多了，比如axios、fetch(h5自带的)、request等，这些都是封装的比较好的一些库了，但是每个公司的接口标准都不一样的，所以我们应该基于自己的接口规范进行二次的封装，这样子才能更大的提升开发效率。

       因为最近做了个存前端的项目，没有后端支持的，又想要实现增删改查的效果，所以就用浏览器的indexddb这个存储库，但是直接用indexddb的api又好像不是很友好，所以就用了这个jsstore库，因为封装的很像sql语句。

这几天把我博客的上传资源的功能重新搞了下，主要搞了两个方面，图片压缩用了spatie/image-optimizer库它主要集成了jpegoptim,optipng,pngquant,svgo,gifsicle比较方便，以及视频生成一个gif的预览图，用了ffmpeg

最近开发一个微信公众号的商城，什么都做好了，最后测试的时候，发现在苹果上用的点击购物车的时候，没反应，然后整个微信卡死，手机发烫，这是什么鬼???我这是做一个网页而已啊…

相信大家做过CRM管理系统的人应该都有遇到那种树形结构展示的需求，比如公司架构，用金字塔的树形结构展示我觉得是最明显的了。

根据数据之间的依赖关系，转换成树形结构，比如以pid来连接他们的依赖。

组件的无限嵌套，相信大家在一些场景中应该都会用到，比如侧边栏导航、树形结构等等，今天我就来说下怎么实现组件的无限嵌套吧，很easy

今天用phpstudy(版本2018)集成环境来搭建nginx，遇到了一个坑，就是路径开头不能有特殊字符的存在比如C:\User\test \t 就是特殊字符了，会被转换成一个制表符的还有 \r \n 这些。

今天做项目遇到一个手机号码和验证码一个数字对应一个input的需求，感觉这样子也蛮好看的，所以就写下。

每次看到那些加上各种动画的网页，就感觉逼格满满，一直没有机会去做这种页面效果，所以今天花了2个小时小小的尝试了一下，感觉很好玩哈，所以就封装了一个函数，方便以后用，喜欢的就拿去吧，嘿嘿~~~

CSS3的具有很多的伪类，如果把这些伪类用好了，可以让少写很多的html，而且伪类还可以替代一部分的JS功能，所以说伪类还是很强大的，这里我就写下其中的一个伪类nth的强大用法，好记性不如多撸页面，这才是王道啊~~~

今天接到了一个需求，要调用浏览器的打印接口，把学生信息打印出来，因为没有做过这方面的一个功能，所以就各种度娘，后来发现其实不是很难，但还是遇到了坑，所以总结下。

刚入职一个星期，因为公司的前端框架是用React的，而我以前都是用Vue的，所以又要从头开始学了，听很多人说React上手挺难的，辛亏有Vue的开发经验，看了两天就开始上手公司的项目了，公司主要做的是偏向后台管理系统，所以就采用Ant Design Pro这个框架(蚂蚁金服做的),又是一番挣扎啊。这篇文章就当是对这个星期挣扎的总结吧。