-
Notifications
You must be signed in to change notification settings - Fork 180
Home
解决方案有好几种，本来想着用css3缩放解决，后来仔细看了看效果，突然发现用不到1px边线，于是不了了之。
主要采用flex布局，参考阮一峰老师的Flex 布局教程。
由于懒，所以使用了 vh，vw，感觉吧，兼容性好像也没啥大问题。
使用scrollIntoView()方法，在输入框获得焦点时，设置定时器执行scrollIntoView(false),输入框失去焦点时清除定时器，完美解决。
不知道为啥，scrollTop的值一直是0，断了我想用js控制内容滚动的想法。于是索性在最下方设置了一锚点，在每次输入信息或者组件更新时，模拟点击锚点，这样就使聊天界面一直保持在最下方了......方法虽然粗暴，但奈何实用，并且暂时未找到scrollTop一直为0的原因（。
起初，天真的以为官方应该提供了jsonp用的接口，然而没有找到。但是问题总是要解决的，功能也得实现，于是就在webpack的零时Dev中写了向机器人api的请求，把webapp起的零时服务器做中转层，然后前端代码直接请求webapp服务器提供的api，这样就完美的避开的跨域限制。（项目中用的聊天机器人是图灵机器人，有需要的自行百度）
产生这个需求后，找到了一个方法，nextTick()在下次 DOM 更新循环结束之后执行延迟回调,然后发现在遇到的场景中好像，并没有产生应有的效果，可能是我代码错误，所以为了偷懒，就暂时设置了一个延时一秒执行的定时器，后续会做出修改。
把父级宽度设置为120%然后左右浮动内容，监听touchstart与touchmove事件
在看教程时对于这部分，没有太过在意，以至于后面实际写的时候，不知道哪里出了问题，于是回头翻万能的教程，发现，竟然不能用索引更改数组中的值，于是恍然大悟....得用splice（）
项目中使用的ui是muse-ui，使用它纯粹是因为感觉跟设计稿挺搭，在此之前没有使用过（之前使用的是饿了吗的轮子），实际使用时发现一些小问题，ui的很多接口没有提供，例如，想在输入框上设置事件，想要对avatar组件中的图片设置懒加载等...。以至于想要去修改ui组件，另外muse提供了单组件的加载，但是由于是个人作品。主要做测试用，所以就直接整体引入了。
还有些其他零零碎碎的大小问题，反正这俩天谷歌百度频率明显有了增加