title: 关于css的sticky
date: 2020-04-18 13:22:48
工作中要实现一个这样的效果，找来找去，找到了张鑫旭大神实现的sticky title的demo。虽然posotion:sticky并没有办法实现我需要的效果，但是觉得看完sticky的定位效果确实比我之前想象的有意思（至少我没想到position:sticky可以实现多个sticky title，并且后者会把前者网上顶的效果），所以记下，方便以后回顾。
张鑫旭原文：杀了个回马枪，还是说说position:sticky吧
项目开发中有涉及微信H5获取微信用户身份（openid、nickName、headimgurl)等工作，与之前所认识的相当不一样。所以要记一下。
官方文档更多的是说实现授权的原理，下面说一下实际的开发里的问题。
面试被问到了AMD、CMD的区别，因为平时用考虑这个问题，所以没有回答上来。本来觉得这是个过时的技术，所以没有很认真对待。但是了解过后，至少可以把这当做前端模块化历史去了解一下。并且可以深入了解一下CommonJs、以及现在的ES6modules。
之所以要单独记录一下，因为网上搜到的解释比较刻意，而阮一峰大神解释的虽然循序渐进、通俗易懂，但是由于历史原因，只解释了CommonJs与AMD。
前段时间复习了一遍大学的数据结构课程（中国大学MOOC），老师循序渐进地讲解了数据结构、排序算法的原理、思路、以及解决的办法，觉得讲得很好。而且排序算法是其中基础中的基础，平时面试的时候还可能经常问到，所以有必要总结一下。
整体知识来源于阮一峰的博客
最近公司有要招人，然后叫我负责一下技术方面的面试，然后问着问着，好像发现有一些知识点我也不是记得特别清楚。所以有必要列一下自己面试需要问的问题，并且把所有问题点给摸索清楚。不然被问住了就很尴尬了。。。
在工作中有幸参与一个全新前端架构的搭建，这份经验对于我来说弥足珍贵，可能这是我走出初级前端开发工程师的一个很重要的转折点吧。这份经验不仅让我对webpack、项目整体方面有个很深入的了解，也让我对前端各方面的技术原理、基础有了个比较深入的了解。所以有必要记录下这份经验。
注：由于我们公司代码不能外传，所以没有源码、项目目录结构等可以看。也只能介绍部分结构。。。。
最近公司项目要解决一像素问题，自己琢磨了一阵子并且网上搜索了一堆博客，总结出最好的办法应该是通过css的transform scale缩放1px的内容来模拟设备上1px的效果了。但是这个方法有太多局限。然后秉着css解决不了的问题就用js来解决的原则，然后结合vue的自定义指令，手撸了一个一像素vue自定义指令。打算扔到giuhub留存。顺便总结一下遇到的问题。
项目地址：https://github.com/HelloWorld20/onepx
手机访问：
欢迎各位取用。如有错误的地方，也欢迎指正。