CCG_T的博客

1、使用背景：项目前端需要实时渲染后台传回的消息。2、WebSocket 的定义是：是一个对象，用于创建和管理 WebSocket 连接，以及可以通过该连接发送和接收数据。WebSocket 对象经常使用到的属性有一下这些：WebSocket.onopen：用于指定连接成功后的回调函数WebSocket.onmessage：用于指定当从服务器接受到信息时的回调函数WebSocket.o...

平时写界面时经常要引用阿里巴巴矢量图icon（http://www.iconfont.cn/）， （一）引用icon有两种方法： （1）直接在html里面添加i标签（效果图如下）： <!--html--><div class="active-focus"> <i class="icon iconfont icon-eye"></i> <p>23</p> <i class="

（一）box-shadow的基础语法：给块元素设置阴影。 （1）h-shadow为负值代表左边框设置阴影；若为正值代表右边框设置阴影；若为0则代表左右两边都设置阴影。 （2）v-shadow为负值代表顶部设置阴影；若为负值代表底部设置阴影；若为0则代表顶部和底部两边都设置阴影。 （3）blur：只能取非负值，取值为0时代表阴影不具有模糊效果，取值越大代表代表阴影边缘越模糊。 （4）spr

寻根溯源话布局一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存在 float: center 的写法，那么 text-align: center、verticle-align: cen

px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。(另外需注意chrome强制最小字体为12号，即使设置成 10px

（一）谷歌默认的最小字体是12px,但是通常由于页面的需求我们需要使用更小的字体，解决方法如下： （1）使用transform.scale()属性，需加上谷歌前缀：-webkit- /这里的数字0.8，是缩放比例，可以根据情况变化。/注意：sacle()只会缩放给定宽和高的元素，若元素有背景的话，则其背景也会随着scale(0.8)缩放为原来的0.8倍大小的背景，为使其背景不发生变化，可以在元素

（一）当行文本超出用省略号表示： （二）多行文本超出显示省略号 （三）更多多行文本超出显示省略号兼容问题可参考：http://www.css88.com/archives/5206

（一）平时我们敲表单时总会想自己用css定义表当输入框的样式： （1）去掉默认的input边框样式的解决方法，在CSS文件中添加：border:none; （2）去掉input获得焦点后边框变黄效果的解决方法：outline:medium; （3）向input输入框里面输入内容获取焦点居中排列的方法：text-align:center;input{ border:none; width