微信小程序登录注册

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

登录注册流程图
下面我来解释一下:
在登录按钮触发事件:
在这里插入图片描述
先注册 要用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

猜你喜欢

转载自blog.csdn.net/weixin_45616142/article/details/107946509