zhcxk1998

**复现步骤** 使用less引入wxss，编译less的时候报错了 ``` // index.less @import "../../weui.wxss"; ``` 但是将`index.less`改为`index.wxss`引用就不会报错  **样式库版本** `version: v2.3.0`

> 原文地址：https://juejin.im/post/5e717376e51d4526dd1ec2e6 哈哈哈俺又来啦，这次带来的是canvas实现一些画布功能的文章，希望大家喜欢！这个css3变化公式可以适用于平常我们使用的`transform`属性或者是移动端我们缩放地图啊之类的都可以哟！  # 前言 因为也是大三了，最近俺也在找实习，之前有一个自己的小项目: > https://github.com/zhcxk1998/School-Partners 面试官说可以往深层次思考一下，或许加一些新的功能来增加项目的难度，他提了几个建议，其中一个就是**试卷在线批阅，老师可以在上面对作业进行批注，圈圈点点等**俺当天晚上就开始研究这个东东哈哈哈，终于被我研究出来啦！ > 采用的是`canvas`绘制画笔，由css3的`transform`属性来进行平移与缩放，因为呢考虑到如果用canvas的`drawImage`或者`scale`等属性进行变化，生成出来的图片也会有影响，想着直接css3变化，canvas用来做画笔等功能。大佬们有何妙招，在评论区指点指点！ （**希望大家可以留下宝贵的赞与star嘻嘻**） # 效果预览  > 动图是放cdn的，如果访问不了，可以登录在线尝试尝试: http://test.algbb.cn/#/admin/content/mark-paper # 公式推导 **如果不想看公式如何推导，可以直接跳过看后面的具体实现~** ## 1. 坐标转换公式 ### 转换公式介绍 其实一开始也是想在网上找一下有没有相关的资料，但是可惜找不到，所以就自己慢慢的推出来了。我就举一下横坐标的例子吧！ **通用公式** >...

> 目前因学业任务比较重，没有好好的完善，现在比较完善的只有题库管理，新增题库，修改题库以及登录的功能，但搭配小程序使用，主体功能已经实现了 ### 此后台系统是为了搭配我的另一个项目 `School-Partners学习伴侣`微信小程序而开发的。是一个采用`Taro`多端框架开发的跨平台的小程序。感兴趣的可以看一下之前的文章 这篇文章主要是分享一下在开发这个东东的时候，遇到的一些问题，以及一些技术的巧妙的方法分享给大家，如果对大家有帮助的话，请给我点赞一下给个star鼓励一下~无比感谢嘿嘿  希望大佬们走过路过可以给个star鼓励一下~感激不尽~ > https://github.com/zhcxk1998/School-Partners 这个是小程序的介绍文章 [这是配套的小程序介绍文章，使劲戳！](https://juejin.im/post/5dd161675188254efb3bceea) 无图无真相！先上几个图~ ## 运行截图 ### 1. 登录界面  ### 2. 题库管理  ### 3. 修改题库  ## 技术分析 就来说一下项目中自己推敲做出来的几个算是亮点的东西吧...

### 1. 后端部分 * 数据库部分  我们将所有的聊天记录存放到一张表上方便管理，因为我们有多个聊天群组，我们该如何区分这些不同的聊天群组呢？答案是，通过room_name来区分，获取聊天记录的时候就直接查询这个群组名即可，这样就不用开很多的表，将不同的群聊记录存放到不同的表中啦！ 同时因为我们的聊天记录内需要存储emoji等信息，所以，我们需要将数据库的字符集调整为`utf8mb4 -- UTF-8 Unicode`，排序规则选择`utf8mb4_unicode_ci`，这个可以通过自行百度，或者navicat中设置。  然后我们将数据表以及字段类型也设置为`utf8mb4`，便于存储emoji信息   * 后端处理聊天记录的方法。 ```javascript router.get('/chatlog/:to', async (ctx) => { const to = ctx.params.to const response =...