移动web端模拟hover效果

hover在PC端的用户体验中扮演着很重要的角色，那么移动web端我们又该如何增强这方面的用户体验呢？下面我简单的在移动web端模拟了下hover的效果。效果预览请在移动端打开 源码核心代码//按钮点击效果$(document).on("touchstart", ".action-btn:not(.disable)", function (e) { var $this

业界 2016年07月29日

React组件性能优化

React: 一个用于构建用户界面的JAVASCRIPT库.React仅仅专注于UI层；它使用虚拟DOM技术，以保证它UI的高速渲染；它使用单向数据流，因此它数据绑定更加简单；那么它内部是如何保持简单高效的UI渲染呢？React不直接操作DOM，它在内存中维护一个快速响应的DOM描述，render方法返回一个DOM的描述，React能够计算出两个DOM描述的差异，然后更新浏

业界 2016年07月28日

React开发——获取不到当前触发事件的元素

应用场景：一组列表，需获取当前触发 onClick 事件元素上的 data-key ；就一个事件冒泡导致的问题；初步没解决方案是给 li 下的所有子元素都加上 data-key显然这是很很很笨的方法，仅为当时测试用。实在不行，其他地方也要解决这个问题就停下脚步得深挖下，事件捕捉/冒泡的过程（有空补全）既然是子元素冒泡上来了，就得去子元素下阻止冒泡想了5秒，子元素下要有100

业界 2016年07月05日

页面性能优化实践总结

页面性能优化学而不思则惘，思而不学则殆前几天接到一个页面效果优化的任务，边做边查阅了一些关于页面性能的资料。做完任务之后，抽空写了一篇总结，梳理一下思路，加深自己的理解。1. chrome的timeline先思考这样的一个问题：什么叫页面性能好？如何进行评判？直观上讲，我们通常会通过一个页面流不流畅来判断一个页面的性能好不好。但是开发中，总不能这么随意吧。1-1 fpsFP

业界 2016年07月14日

nodejs debug

在idea(用2016.1.1以后版本)上nodejs debug配置步骤NOTE:配置好后，发现app.js没有监听自定义端口，在debug的时候端口会随机变动，如果没有最好加下监听端口，因为有可能会遇到项目访问不了等问题。 比如: var http = require('http'); http.createServer(app).listen(8888); 关键字：n

业界 2016年07月05日

arguments.callee

一道面试题：有一个 n = 5 不用for 循环 返回[1,2,3,4,5]数组 function arr(n){var list = [];return (function(){list.unshift(n);n --;if (n !== 0 ){arguments.callee()};return list}()); } console.log(arr(5)) //[

业界 2016年06月28日

Koa源码阅读笔记(4) -- ct对象

本笔记共四篇Koa源码阅读笔记(1) -- coKoa源码阅读笔记(2) -- composeKoa源码阅读笔记(3) -- 服务器の启动与请求处理Koa源码阅读笔记(4) -- ctx对象起因前两天终于把自己一直想读的Koa源代码读了一遍。今天就要来分析Koa的ctx对象，也就是在写中间件和处理请求和响应时的那个this对象。而这个this对象，也是和Express的重要

业界 2016年08月02日

前端面试大全

HTML面试题1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。2.前端页面有哪三层构成，分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js;3.你做的页面在哪些流览

业界 2016年07月12日

省市选择器

说明：根据选择的省名，自动调用数据库中的记录，在指定的select元素中填充相应的城市名。城市数据库也一并附上。所在地区城市var address={'上海':['上海市'],'江苏':["南京市", "无锡市", "徐州市", "常州市", "苏州市", "南通市", "连云港市", "淮安市", "盐城市", "扬州市", "镇江市", "泰州市", "宿迁市"],'浙

业界 2016年07月05日

基于 socket.io 实现实时你画我猜游戏

前言一直都想好好的学习运用node，一直都不知道要做什么东西，最近Java Web老师要求做个前端的应用，既然是前端应用，那肯定得是单页应用了，而且node很适用于高并发的实时应用，所以便选择node以及基于node的socket.io。演示地址实时画板+聊天室（GitHub）你画我猜+聊天室（Demo | GitHub）图片抢先看解释关于Socket.IOSocket.I

业界 2016年07月06日