微信网页授权
照着官方教程设置好JS接口安全域名并且把文件放到服务器后
首先需要引入weixin-js-sdk
然后创建一个文件
根据用户性别来显示不同的图标,但是如果获取失败,导致img的src为空从而显示异常处理
1 | // 解决src为空的异常样式 |
事件是您在编程时系统内发生的动作或者发生的事情——系统会在事件出现的时候触发某种信号并且会提供一个自动加载某种动作,列举一些可能发生的事件。
每个元素的默认值,将元素放入它在文档布局流中的正常位置。
开启定位后,可以使用top、right、bottom,left四个属性设置偏移量。选择一个垂直方向和竖直方向上的偏移量即可为一个元素定位。
要点
浮动会脱离正常的文档流,并吸附到其父容器左边,正常布局中位于浮动元素下的内容会围绕着浮动元素
值 | 效果 |
---|---|
none | 默认值,元素默认在文档流中排列 |
left | 元素会立即脱离文档流,向页面的左侧浮动 |
right | 元素会立即脱离文档流,向页面的右侧浮动 |
主要就是对话框小三角的实现,效果如下
主要难点就是三角形的实现,有两种思路,一种是利用border,网易云音乐是用两个 ◆ 层叠显示边框的,下面是核心代码
1 | <div class="comment"> |
1 | .comment { |