仿微信Day10

• 仿微信Day10

• 2020-04-08
• 源码在：https://gitee.com/jimmyxuexue/jxChat
• 今天是做这个项目的第十天，今天经过长时间的思考，终于下定决心对这个项目进行转型，哈哈其实就是换一个软件抄，最近Timing软件很火，所以我决定将他和微信结合起来
• 上图
• 
• 
• 
• 自习室的界面算是搭好了，这里现在开始将知识点
• 像是点击会切换界面的这种功能一般都是运用子路由的形式来开发的
• 
• 这里用了子路由的子路由来开发，相对应的也就是router-link要写好
• 

• 让一个span原生处于一个课编辑内容的状态，我们只需要在span标签上的contenteditable属性设置成true，这样以后这个标签就是处于一个课编辑的状态

• 
• 这时候再监听这个标签的键盘事件，和blur失去焦点事件，当失去焦点时，就将这个数据存入到sessionstroage中。

• 因为涉及到了一个样式的改变，所以使用比较的refs引用 来代替dom的操作

• 给一个原生设置背景时原型渐变的时候代码如下

• 
• 第一个参数时方位 at center代表从中心开始扩散，后面跟的就是颜色

• 差不多就是这些内容，写起博客来感觉并不多，但是写代码的时候就是花了很久，现在只要是给我效果图，我是能够将界面给布出来了，但是时间还是有点久，哎~ 只能是慢慢加油

• 今天就到这 明天除了学习JS基础 sql操作 我觉得还得掌握一下md格式的书写，我这博客写的太丑了哈哈哈~