摘要：
首先： 需要在服务器端安装node.js，然后安装express，socket.io这两个模块，并配置好相关的环境变量等。 其次： 服务端代码如下： 前端代码1如下： 前端代码2如下： 小结：通过以上代码，我们可以实现类似于聊天的功能，或者长连接功能。 注意，及时通讯的功能，不同于普通的请求，相应。 阅读全文
摘要：
var arr = ["太阳光大","成功是优点的发挥","不要小看自己", "口说好话","手心向下是助人" ]; alert(arr[Math.floor((Math.random()*arr.length))]); 阅读全文
摘要：
前言： css应用中，我们常会碰到background-size的用法，不妨下面总结一下，以便后续查看。 一、先弄个简单的box框。 二、看效果： 情况1：background-size: 100% 100%; 看的出来，图片长宽都显示出来了，但是图片变形了。 情况2：background-size 阅读全文
摘要：
前言； 做移动端的同学都知道，移动端的尺寸参差不齐，那么如何才能实现各移动端情况下，都能很好地自适应尺寸大小呢？ 那就是rem这个单位！我们可以利用js来控制1rem在不同的移动端尺寸情况下对应不同的px（px是绝对单位）。 实现方式: 有兴趣的可以搜淘宝的flexible.js前端自适应解决实现方 阅读全文
摘要：
前言： 在项目中，我们常会用到页面切换，如果我们把上一个页面display:none;然后让下一个display:block;这样难免会显得比较生硬，那么如何实现缓缓切换到下一个页面的效果呢？ 实现方法： 1、首先给盒子加过度属性。 2、然后待切换的时候，再添加一个类，属性如下： 这样既可实现缓慢切 阅读全文
摘要：
pointer-events: none； 可以让某个元素实现类似于海市蜃楼的效果，具体理解为，你可以看的到某个元素，但是你无法摸的着。 而display：none; 是你摸不着，但是你也看不见。 pointer-events: none；摸不着，但是看得见。如果把某个元素再加上opacity：0； 阅读全文
摘要：
1、前言： 在项目中，我们常会遇见在手机端需要横屏观看的效果，而在pc端则默认切换到竖屏的样式。 或者是，UI提供的图是一个长图，但是在移动端我们需要让这个图在手机横屏时显示。 以上两个都需要我们实行一个框的自行切换方向，这个该如何实现呢？ 2、解决方案 我们把所有需要切换方向的内容，都放在一个盒子 阅读全文
摘要：
跨域 阅读全文
摘要：
一、背景 我们在做页面的时候，从用户体验的角度出发，肯定是希望用户以最快的速度看到完整的页面信息，但在实际情况中经常会遇到些问题。 比如受网速影响，页面加载素材的时间比较长，页面会出现短时间的错乱或者闪屏； 二、Preload插件实现 三、用法： 1、引入上面的插件js，可以自己定义一个js文件名字 阅读全文
摘要：
前言： 有时候做项目过程中，设计的是一张横向的长图，但是我们需要在手机端观看的时候，也想把手机横着观看，这样视野更宽阔，如何解决这个问题呢？ html css 说明： 1、imgBox设置成横向长图的大小，然后把长图设置成背景图片，这里尤其注意 background-size: auto 100%; 阅读全文