微信小程序登录注册

今天用自己的话理解的说一下小程序登录注册流程:

下面我来解释一下：
在登录按钮触发事件：

先注册 要用wx.login获取code 因为注册接口要用到code值，它会返回一个code值

接着用小程序内置的api方法 wx.getuserinfo，会返回iv和加密值

code ，iv， 加密值都得到了，调用注册接口，成功以后，跳到登录

调用登录接口 登陆成功以后会返回三个值 openid ，token，uid

接着把token和uid存储到本地

用户一进来就刷新页面 onShow刷新页面

接下来就是检查登录态 调用wx.checkSession方法，就是检测token的有效性 检测本地有没有token值

如果有效结果为true 就可以调用接口 ，返回 获取用户信息，直接传token就可以。

常见前端面试题：

一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验？

1. 图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端的距离与页面的距离，如果前者小于后者，优先加载。

2. 如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和后一张优先下载。

3. 如果图片为css图片，可以使用CSSsprite，SVGsprite，Iconfont、Base64等技术。

4. 如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验。

5. 如果图片展示区域小于图片的真实大小，则因在服务器端根据业务需要先行进行图片压缩，图片压缩后大小与展示一致。

谈谈以前端角度出发，做好SEO需要考虑什么？

1. 了解搜索引擎如何抓取网页和如何索引网页，以及如何对搜索结果进行排序等。

2. Meta标签优化：主要包括主题（Title)，网站描述(Description)，和关键词（Keywords）。还有一些其它的隐藏文字比如Author（作者），Category（目录），Language（编码语种）等。

3. 如何选取关键词并在网页中放置关键词，关键词分析和选择是SEO最重要的工作之一。首先要给网站确定主关键词（一般在5个上下），然后针对这些关键词进行优化，包括关键词密度（Density），相关度（Relavancy），突出性（Prominency）等等。

4. 了解主要的搜索引擎，不同的搜索引擎对页面的抓取和索引、排序的规则都不一样。

5. 按点击付费的搜索引擎里面也大有优化和排名的学问，你得学会用最少的广告投入获得最多的点击。

6. 发外链。

7. 合理的标签使用。

有哪些方式可以对一个DOM设置它的CSS样式？

1. 外部样式表，引入一个外部css文件。

2. 内部样式表，将css代码放在标签内部。

3. 内联样式，将css样式直接定义在HTML元素内部。

CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？

1. display:none;（隐藏后不占位置）

2. visibility:hidden;（隐藏后依然占位置）

3. overflow:hidden;

4. 设置宽高为0

行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？

块级元素特性：总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示；宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制；

行内元素特性：和相邻的行内元素在同一行；宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变（也就是padding和margin的left和right是可以设置的），就是里面文字或图片的大小。
行内块级元素：input、img 、button 、texterea 、label