A类问题(技术)

1. 请谈谈微信小程序作用？

project.config.json 项目配置文件，用得最多的就是配置是否开启https校验；

App.js 设置一些全局的基础数据等；

App.json 底部tab, 标题栏和路由等设置；

App.wxss 公共样式，引入iconfont等；

pages 里面包含一个个具体的页面；

index.json (配置当前页面标题和引入组件等)；

index.wxml (页面结构)；

index.wxss (页面样式表)；

index.js (页面的逻辑，请求和数据处理等)；

2. 简单描述下微信小程序的相关文件类型？

wxml 模板文件，是框架设计的一套标签语言，结合基础组件、事件系统、可以构建出页面的结构

wxss 样式文件，是一套样式语言，用于描述WXML的组件样式

js 脚本逻辑文件，逻辑处理网络请求

json 配置文件，小程序设置，如页面注册，页面标题及tabBar

app.json 整个小程序的全局配置，包括：

pages:[所有页面路径]

网络设置（网络超时时间）

界面表现（页面注册）

window:{背景色、导航样式、默认标题}

底部tab等

app.js 监听并处理小程序的生命周期函数、声明全局变量

app.wxss 全局配置的样式文件

3. 请谈谈wxml与标准的html的异同？

都是用来描述页面的结构；

都由标签、属性等构成；

标签名字不一样，且小程序标签更少，单一标签更多；

多了一些 wx:if 这样的属性以及 {{ }} 这样的表达式

WXML仅能在微信小程序开发者工具中预览，而HTML可以在浏览器内预览

组件封装不同， WXML对组件进行了重新封装，

小程序运行在JS Core内，没有DOM树和window对象，小程序中无法使用window对象和document对象。

4. 请谈谈WXSS和CSS的异同？

都是用来描述页面的样子；

WXSS 具有 CSS 大部分的特性，也做了一些扩充和修改；

WXSS新增了尺寸单位，WXSS 在底层支持新的尺寸单位 rpx；

WXSS 仅支持部分 CSS 选择器；

WXSS 提供全局样式与局部样式

WXSS 不支持window和dom 文档流

5. 你是怎么封装微信小程序的数据请求的？

将所有的接口放在统一的js文件中并导出

在app.js中创建封装请求数据的方法

在子页面中调用封装的请求数据

或

在根目录下创建utils目录及api.js文件和apiConfig.js文件；

在appConfig.js封装基础的get\post\put\upload等请求方法，设置请求体，带上token和异常处理等；

在api.js中引入apiConfig.js封装好的请求方法，根据页面数据请求的urls，设置对应的方法并导出；

在具体页面导入；

6. 小程序页面间有哪些传递数据的方法？

给html元素添加data-*属性来传递值，然后通过e.currentTarget.dataset或onload的param参数获取。注：data-名称不能有大写字母、不可以存放对象

设置id的方法标识来传值，通过e.currentTarget.id获取设置的id的值，然后通过设置全局对象的方式来传递数值

在navigator中添加参数数值

或

使用全局变量实现数据传递

页面跳转或重定向时，使用url带参数传递数据

使用组件模板template传递参数

使用缓存传递参数

使用数据库传递参数

7. 请谈谈小程序的双向绑定和vue的异同？

大体相同，但小程序直接this.data的属性是不可以同步到视图的，必须调用this.setData()方法！1.双向绑定：vue默认支持双向绑定，微信小程序需要借助data。2.取值：vue中，通过this.reason取值。小程序中，通过this.data.reason取值。3.定义方法：小程序使用 在app.js中定义即可，vue的方法通过写在method中进行定义。1.去变量的时候：  - 小程序  wx:for="lists"- Vue是  v-for="item in lists"2.调用data模型（赋值）的时候：  - 小程序：this.data.item //调用  this.setData({item:1}) //赋值  - vue: this.item //调用  this.item =1//赋值    小程序的双向绑定实际上并不是双向绑定 如果在小程序.js文件中改变了某个变量的值 那么页面上的值并不会跟着改变 如果想要页面上的值也跟着改变的话 需要通过setData来操作 而Vue默认就是双向绑定 只改变了某个变量的值 页面上也会跟着改变

8. 请谈谈小程序的生命周期函数？

onLoad() 页面加载时触发，只会调用一次，可获取当前页面路径中的参数。

onShow() 页面显示/切入前台时触发，一般用来发送数据请求；

onReady() 页面初次渲染完成时触发, 只会调用一次，代表页面已可和视图层进行交互。

onHide() 页面隐藏/切入后台时触发, 如底部 tab 切换到其他页面或小程序切入后台等。

onUnload() 页面卸载时触发，如redirectTo或navigateBack到其他页面时。

onPullDownRefresh() 下拉刷新的钩子函数 用户下拉刷新时会自动走到这个函数中

onReachBottom() 上翻到底的钩子函数

9. 简述微信小程序原理？

小程序本质就是一个单页面应用，所有的页面渲染和事件处理，都在一个页面内进行，但又可以通过微信客户端调用原生的各种接口；

它的架构，是数据驱动的架构模式，它的UI和数据是分离的，所有的页面更新，都需要通过对数据的更改来实现；

它从技术讲和现有的前端开发差不多，采用JavaScript、WXML、WXSS三种技术进行开发；

功能可分为webview和appService两个部分；

webview用来展现UI，appService有来处理业务逻辑、数据及接口调用；

两个部分在两个进程中运行，通过系统层JSBridge实现通信，实现UI的渲染、事件的处理等。

或

微信小程序采用JavaScript、wxml、wxss三种技术进行开发，与现有前端开发的区别：

JavaScript的代码是运行在微信APP中的，因此一些h5技术的应用需要微信APP提供对应的API支持；

wxml微信自己基于xml语法开发的，因此在开发时只能使用微信提供的现有标签，html的标签是无法使用的；

wxss具有css的大部分特性，但并不是所有都支持没有详细文档（wxss的图片引入需使用外链地址，没有body，样式可直接使用import导入）。

微信的架构，是数据驱动的架构模式，它的UI和数据是分离的，所有的页面更新，都需要通过对数据的更改来实现。

小程序功能分为webview和APPservice，webview主要用来展示UI，appservice用来处理业务逻辑、数据及接口调用。它们在两个进程中进行，通过系统层JSBridge实现通信，实现UI的渲染、事件处理。

10. 请谈谈原生开发小程序、wepy、mpvue 的对比？

个人认为，如果是新项目，且没有旧的 h5 项目迁移，则考虑用小程序原生开发，好处是相比于第三方框架，坑少。

而如果有 老的 h5 项目是 vue 开发 或者 也有 h5 项目也需要小程序开发，则比较适合 wepy 或者 mpvue 来做迁移或者开发，近期看wepy几乎不更新了，所以推荐美团的mpvue。

而如果如果团队前端强大，自己做一套框架也没问题。

11. 哪些方法来提高微信小程序的应用速度？

提高页面的加载速度

用户行为预测 # 什么叫行为预测

减少默认data的大小

组件化方案 # 使用

12. 分析微信小程序的优劣势？

优势：

容易上手，基础组件库比较全，基本上不需要考虑兼容问题；

开发文档比较完善，开发社区比较活跃，支持插件式开发；

良好的用户体验：无需下载，通过搜索和扫一扫就可以打开，打开速度快，安卓上可以添加到桌面，与原生APP差不多；

开发成本比APP要低；

为用户提供良好的安全保障（小程序发布 严格的审查流程）

劣势：

限制较多，页面大小不能超过1M，不能打开超过5个层级的页面；

样式单一，部分组件已经是成型了的，样式不可修改，例如：幻灯片、导航

推广面窄，不能分享朋友圈，只能通过分享给朋友，附近小程序推广

依托于微信，无法开发后台管理功能

后台调试麻烦，因为api接口必须https请求且公网地址

真机测试，个别功能安卓和苹果表现迥异，例如安卓的定位功能加载很慢

13. 怎么解决微信小程序的异步请求问题？

小程序支持 ES6 语法 在返回成功的回调里面处理逻辑Promise异步async/await在回调函数中调用下一个组件的函数：**app.js**success:function(info){that.apirtnCallback(info)}**index.js**onLoad:function(){app.apirtnCallback =res=>{console.log(res)}}

14. 小程序关联微信公众号如何确定用户的唯一性？

使用wx.getUserInfo方法 withCredentials为true时，可获取encryptedData，里面有union_id.后端需要进行对称解密。

15. 使用webview直接加载要注意哪些事项？

必须要在小程序后台使用管理员添加业务域名；

h5页面跳转至小程序的脚步必须是1.3.1以上；

微信分享只可以是小程序的主名称，如要自定义分享内容，需小程序版本在1.7.1以上；

h5的支付不可以是微信公众号的appid，必须是小程序的appid，而且用户的openid也必须是用户和小程序的

16. 小程序调用后台接口遇到哪些问题？

数据的大小限制，超过范围会直接导致整个小程序崩溃，除非重启小程序；

小程序不可以直接渲染文章内容这类型的html文本，显示需借助插件

注：插件渲染会导致页面加载变慢，建议在后台对文章内容的html进行过滤，后台直接处理批量替换p标签div标签为view标签。然后其他的标签让插件来做。

17. 微信小程序如何实现下拉刷新？

用view代替scroll-view，设置onPullDownRefresh函数实现

18. webview中的页面怎么跳转回小程序？

wx.miniProgram.navigateTo({url:’pages/login/login’+’$params’})**//跳转到小程序导航页面**wx.miniProgram.switchTab({url:’/pages/index/index’})

19. bindtap和catchtap的区别？

相同点：首先他们都是作为点击事件函数，就是点击时触发。在这个作用上他们是一样的，可以不做区分

不同点：他们的不同点主要是bindtap是不会阻止冒泡事件的，catchtap是阻值冒泡的

20. 简述五个路由的区别

wx.navigateTo()

wx.redirectTo()

wx.switchTab()

wx.navigateBack()

wx.reLaunch()

在wxml页面中：

跳转新页面

在当前页打开

切换到首页Tab

在js页面中：分为‘应用内的页面’和‘tabBar页面’；

如果上述跳转遇到跳转失败或者无效的问题，请访问：wx.navigateTo/wx.redirectTo无效

wx.navigateTo()：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面

wx.redirectTo()：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面

wx.switchTab()：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

wx.navigateBack()关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层

wx.reLaunch()：关闭所有页面，打开到应用内的某个页面

21. 微信小程序与H5的区别？

运行环境不同（小程序在微信运行，h5在浏览器运行）；

开发成本不同（h5需要兼容不同的浏览器）；

获取系统权限不同（系统级权限可以和小程序无缝衔接）；

应用在生产环境的运行流畅度（h5需不断对项目优化来提高用户体验）；

22. 小程序如何更新页面中的值 ?

可以通过this.setData来进行改变

23. 如何实现登录数据的持久化 ?

可以通过wx.setStorageSync('键名', 对应的值)来进行数据持久化

24. 微信小程序和app有什么不同之处

微信小程序属于轻量级的app 但是限制在微信中，开发周期短，功能较少，占用空间少,

app就相反 需要占用额外内存 开发周期长

【【我理解的意思相当于flask和django的区别】】

25. 微信小程序如何进行双向绑定

通过bind-tap点击事件 向app.js 定义的方法中获取回执

设置data的值 实现双向绑定

26. 如何自定义toobar

取消当前的toobar

插入自定义toobar组件

app.json调用组件

页面显示tootar组件

B类问题(业务)

1. 你在开发过程中有什么困难点(或者使用了什么技术)

在开发的过程中我没有太多的问题但是我的同事遇到了一个问题，怎么在序列化器中获取request的值。通过源码的研究发现self.context["reqeust"].xx 可以获取到值 大大提高了数据的粘性和开发效率 在小程序端 使用模块的引用设置url值 方便url路径的更改

2. 会写接口吗？ 项目你负责什么？

会写drf源码 在小程序的项目中我通过自定义方法 重构drf内部方法 实现更高的扩展性。

开始：小程序、api（主）

3. 你之前做过小程序吗？主要包括哪些功能？

没做过小程序，这次公司需求。

了解vue.js ，类似。

小程序就是前端技术：html、css、js

4. 这个小程序的具体设计逻辑是怎么样的? 有几个人开发？周期多长？在你离职时， 这个小程序项目是否还在开发？或者你离 职时，你们公司在开发什么？

他分为两大模块，有用户动态模块，拍卖模块，用户动态模块又分为发布功能，动态展示功能以及常见的用户交互功能，拍卖模块又分为专场-拍品，由后台管理人员维护更新，连我总共有3个人开发，总共开发了三个月，我离职时，项目还在开发，正在开发xx

5. 你说你负责支付环节，那么微信支付的 流程是否可以简单说一下？

临时凭证 获取 wxid

生成repayid

json，返回给小程序，小程序调支付窗口。

支持成功提示 + POST回调。

6. 那好，既然流程说完了，那么，我问你， 你这个项目涉及到了rmb，它在用户点击 支付之后的逻辑关系和表关系你是怎么 理解的？ 有多少张表？表关系？

首先，在做这个功能的时候，会先在纸上画出来其中的逻辑，然后再把后端需要的值传过去。做这个后端api时，需要拿到前端的数据，判断它是否使用优惠券了，是否使用保证金了，是否有地址了，选择什么方式支付了，余额还是微信支付，还有该用户的支付价格，传到后端之后进行数据校验，首先判断地址是否存在，然后判断订单是否合法，是否使用了优惠券，是否使用保证金，用户的支付价格和后端计算的价格是否相符，由于支付环节必须保证一次完成，所以给它加了事务，订单表的查询加了锁，通过一系列校验，然后进行支付。支付成功之后，订单表记录，保证金抵扣记录，优惠券使用记录，退保证金记录，都需要进行相应的修改

7. 你觉得这个小程序项目的细节之处有哪些？

闭包

drf，认证组件自定义。

drf序列化 嵌套

重复订单处理 & 数据库锁（InnoDB 行级锁）

8. 如何自定义tabbar？

创建一个compent文件夹，里面创建一个tabbar页面，取消原有的tabbar页面。需要在app.json中输入compent:ture，在自定义的pages页面中写入进行选中效果显示

9. 可否说一下小程序页面之间的传值，如果是tabbar页面是否有问题？

var pages = getCurrentPages()var prevPage = pages[pages.length-2];# prevPage是上一个页面的对象，下面可以设置页面的值prevPage.setData({topicText: topicInfo.title});也可以执行那个页面的函数，prevPage.getInfo(orderId);tabbar页面没问题"

10. 我见你的celery用在了处理日志上，那除了处理 日志你还能想到什么用处吗?

celery暂时只用在日志这方面，其他方面没有考虑过 拍卖业务关于订单的处理 & 状态的变化 celery和crontab的区别？

11. serializer的流程可以聊一下吗？

source

自定方法

自定义钩子：get / validate

嵌套

关于数据库FileField字段（COS）

12. 如果遇到redis进行了加密访问，你又该怎么操作？

redis://:admin@192.168.88.88:8888,在ip地址前面加上:admin@- 传参 Connect(host='..',port....)- 字符串 connect_by_url('redis://密码@192.168.88.88:8888/,')

13. js闭包是啥？为什么使用js闭包？

var dataList = ['alex','lld','uuid']for(var iindataList){(function(data){wx.request({url:'xxx',success:(res) => {console.log(data);}})})(dataList[i])}因为微信小程序处理函数是异步执行的，异步执行造成的结果可能和预期的不合，如果函数中有循环，最后的结果都一样，所以使用js闭包可以解决这个问题。###

14. 你刚才提到了异步，在这个项目中你是否被异步坑 过，最后又是如何解决的？

算是坑过吧，我在做发布功能时，需要将用户选中的图片和其他信息发送上去，图片发送到桶中，其他信息需要放到数据库中，而其他信息需要包含图片的路径地址，这个路径地址需要上传到桶中返回，而异步执行会造成图片上传和其他信息发送时间不一致，造成的结果是图片路径不能保存到数据库中。

C类问题(个人)

1. 登陆页面和登陆优化

开发文档 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html

a.使用wx.login获取code值b.使用wx.request请求后台的api,把code值作为参数发送给后台        后台会根据我们传过去的code值来获取openid和session_key        微信官方建议：为了安全不要直接采用openid和session_key来作为用户身份的标识                把微信账号登录态生成一个sessionid并维护在我们自己的session机制中，然后把这sessionid派发到小程序客户端作为session标识来使用。返回一个自定义token值c.把session_id保存到本地，使用wx.setStorage把token保存到本地,d.在你需要使用的地方session_id的地方调用wx.getStorage（建议你也可以封装一个方法，就可以很方便的取出你要的数据）e.定义登陆方法1.使用官方提供的button返回值      登录 | 注册    2. 导入全局appvarapp=getApp();    3.传值app.initUserInfo(res.data.data, e.detail.userInfo)    4.封装app.js#封装全局数据globalData:{      userInfo: null, // {phone:xxx,token:xxxx}      authorInfo: null,    },  initUserInfo: function (res, localInfo) {    console.log(""app打印"",localInfo)    var info = {id:res.id,      token: res.token,      phone: res.phone,      nickName: localInfo.nickName,      avatarUrl: localInfo.avatarUrl    }    //1.去公共的app.js中调用globalData，在里面赋值。(在全局变量赋值)    this.globalData.userInfo = info;//{phone:xxx,token:xxxx}    //2.在本地“cookie”中赋值    wx.setStorageSync(""userInfo"", info);5.取数据        var app=getApp();        app.globalData.userInfo##认证f.在你调用那些需要后台登录才可以访问的接口的时候，就可以把session_id作为参数加到header或者query里面就可以了wx.checkSession为什么要用wx.checkSession()有时候，我们会因为session_key不正确而导致解密或者校验签名失败。有几方面的原因：1、因为wx.login()被调用时，用户的session_key会被更新导致就session_key失效。所以，在调用wx.login()的时候应该要明确需要登录之后再调用。2、另外，微信不会把session_key的有效期告诉我们，用户越频繁使用微信，session_key的有效期就更长。因为，就需要调用wx.checkSession()来校验当前用户的session_key是否有效。*使用wx.checkSession来检测登录状态是否过期，如果过期了才调用登录接口，而不是每次进入小程序都调用登录接口，这样也可以优化页面加载速度onLoad: function () {　　wx.checkSession({　　　　success: function(res){　　　　　　console.log(""处于登录态"");　　　　},　　　　fail: function(res){　　　　　　console.log(""需要重新登录"");　　　　　　wx.login({})　　　　　　}　　})}"

2. 认证

1.认证的错误定义的错误码不能返回自定义 被403捕获fromrest_frameworkimportexceptionsclassUserAuthentication(BaseAuthentication):""""""用户认证，用户必须先登录。""""""defauthenticate(self, request):token = request.META.get('HTTP_AUTHORIZATION',None)        print(token)ifnottoken:            print('走token')raiseexceptions.AuthenticationFailed()        print('xxxx')        user_object = api.UserInfo.objects.filter(token=token).first()        print(""xxxx"", user_object)ifnotuser_object:            print(""走这了"")raiseexceptions.AuthenticationFailed()        print(""打印返回值"", user_object, token)return(user_object, token)2.认证的简化源码流程defdispatch(self, request, *args, **kwargs):try:            self.initial(request, *args, **kwargs)ifrequest.method.lower()inself.http_method_names:                handler =getattr(self, request.method.lower(),                                  self.http_method_not_allowed)else:                handler = self.http_method_not_allowed            response = handler(request, *args, **kwargs)exceptExceptionasexc:            response = self.handle_exception(exc)#所以的异常被这样优先捕获3.handledefhandle_exception(self, exc):""""""Handleanyexception that occurs, by returning an appropriate response,orre-raising the error.""""""ifisinstance(exc, (exceptions.NotAuthenticated,                            exceptions.AuthenticationFailed)):# WWW-Authenticate header for 401 responses, else coerce to 403auth_header = self.get_authenticate_header(self.request)ifauth_header:                exc.auth_header = auth_headerelse:                exc.status_code = status.HTTP_403_FORBIDDEN#被403返回"

3. rasise主动报错

"apiview使用raise报错 listapivie

1.自己的代码

            # 1.是否使用优惠卷

            if discount_id:

                # 从自己的优惠卷中查找优惠卷

                discount_object = models.Userdicount.objects.filter(user=request.user, status=1,

                                                                    dis_id=discount_id).first()

                if not discount_object:

                正常返回错误信息  return Response(""没有此优惠卷"")

                  返回源码流程的错误信息  # return exceptions.ValidationError(""没有此优惠卷"")

2.简略源码流程

def dispatch(self, request, *args, **kwargs):

        “,......省略”“”

        self.response = self.finalize_response(request, response, *args, **kwargs)

        return self.response

3.finalize_response

def finalize_response(self, request, response, *args, **kwargs):

        """"""

        Returns the final response object.

        """"""

        # Make the error obvious if a proper response is not returned

        assert isinstance(response, HttpResponseBase), (

            'Expected a `Response`, `HttpResponse` or `HttpStreamingResponse` '

            'to be returned from the view, but received a `%s`'

            % type(response)

        )

        if isinstance(response, Response):

            if not getattr(request, 'accepted_renderer', None):

                neg = self.perform_content_negotiation(request, force=True)

                request.accepted_renderer, request.accepted_media_type = neg

            response.accepted_renderer = request.accepted_renderer

            response.accepted_media_type = request.accepted_media_type

            response.renderer_context = self.get_renderer_context()

        # Add new vary headers to the response instead of overwriting.

        vary_headers = self.headers.pop('Vary', None)

        if vary_headers is not None:

            patch_vary_headers(response, cc_delim_re.split(vary_headers))

        for key, value in self.headers.items():

            response[key] = value

        return response"

4. 略

1.序列化器就可以使用classUserAddModelSerializer(serializers.ModelSerializer):""""""用户添加优惠卷""""""# 领取的优惠卷要进行减法运算remain = serializers.SerializerMethodField()classMeta:model = models.Userdicount        fields = ['dis',""ord"",""remain""]defvalidate_dis(self, value):user_object = self.context['request'].user        print(""优惠卷的判断的值"", value)# 优惠券不存在ifnotvalueorvalue.deleted:raiseexceptions.ValidationError('优惠券不存在')# 优惠券状态必须是领取中ifvalue.status !=2:raiseexceptions.ValidationError('优惠券不可领取')# 优惠券个数是否合法if(value.use_count +1) > value.total_count:raiseexceptions.ValidationError('优惠券已领完')# 是否已领取优惠券exists = models.Userdicount.objects.filter(user=user_object, dis=value).exists()ifexists:raiseexceptions.ValidationError('优惠券已经领取过，不可重复领取')returnvalue2.源码流程forfieldinfields:            validate_method =getattr(self,'validate_'+ field.field_name,None)            primitive_value = field.get_value(data)try:                validated_value = field.run_validation(primitive_value)ifvalidate_methodisnotNone:                    validated_value = validate_method(validated_value)exceptValidationErrorasexc:                errors[field.field_name] = exc.detail3.ValidationErrorclassValidationError(APIException):status_code = status.HTTP_400_BAD_REQUEST#序列化器可以完美返回错误信息和badrequestdefault_detail = _('Invalid input.')    default_code ='invalid'def__init__(self, detail=None, code=None):ifdetailisNone:            detail = self.default_detailifcodeisNone:            code = self.default_code# For validation failures, we may collect many errors together,# so the details should always be coerced to a list if not already.ifnotisinstance(detail,dict)andnotisinstance(detail,list):            detail = [detail]        self.detail = _get_error_details(detail, code)"

特殊问题

1. 你负责的内容有哪些，遇到了哪些技术难点？

2. 微信小程序 支付的流程是怎样的

3. 如何做到启动django后台时自动启动celery定时任务

4. 序列化器跨表取值的方式有哪些

5. ajax文件上传有什么注意事项

6. 如何提高django中操作redis的效率

常见问题

rpx:小程序的尺寸单位，规定屏幕为750rpx，可适配不同分辨率的屏幕。

本地资源无法通过wxss获取

RE：

background-image：可以使用网络图片，或者base64，或者使用标签

wx.navigateTo无法打开页面

RE：

一个应用同时只能打开5个页面，请避免多层级的交互方式，或使用wx.redirectTo

tabBar设置不显示

RE：

tabBar的数量少于2项或超过5项都不会显示；

tabBar写法错误导致不显示；

tabBar没有写pagePath字段（程序启动后显示的第一个页面）