当同时绑定 touchstart、touchend、click 三个事件的时候，触发的先后顺序是：touchstart -> touchend -> click。正是由于这种 click 事件的滞后性设计从而会产生事件穿透（点击穿透）问题。
请注意，本文编写于 2082 天前，最后修改于 173 天前，其中某些信息可能已经过时。
方法1, 可以使用定高度,然后加个overflow:hidden. ,当点击查看更多时,把overflow去掉即可.但是当我需要给每个单元格加个hover显示详情的时候,发现position:absolute的元素都给overflow给盖住了.所以这个方法只能舍弃
有些动画是页面一加载就要的，还有一些动画是需要页面滚动到那个元素才要展示的。
移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。
微信app右上角自带分享功能–不论是微信公众号还是微信小程序或者是用微信打开的别的链接，用户都可以进行微信分享出去，对于自定义微信分享功能会和默认分享存在一些样式区别。这就是为什么还要自定义微信分享功能。
大概 1 年多之前，一位老同学找到我，问能不能帮他做一个非常简单的猜数字游戏，需求是这样的：
前面我们转了博卡君通宵吐血赶稿的微信小程序开发教程，当时只更新了两章，现在接着发布第三章：微信小程序项目结构以及配置，第四章：微信小程序首页面开发，以下是微信小程序教程 找到创建的 demo 文件夹，
微信小程序「我」的页面效果图与需求： 用户有多张名片，需要左右切换查看，往下切换是菜单按钮。 这里需求两处滑动，用到了微信提供给我们的滑动组件 swiper，并且进行了嵌套使用，第一层是名片展
HTML5学堂：相对来说，JS在移动端要远远低于PC端的使用频率，因此积累的开发经验并不是太多。在这里简要整理一些JavaScript在移动端的项目经验，主要包括click点击事件延迟、元素高亮点击区、zepto的touch问题等。 移动端click时间300ms延迟 在移动端，click点击事件会造成300ms的延迟，造成这种延迟的原因在于：当用户一次点击屏幕之后，浏览器并不能立刻判断用户是要进行双击缩放，还是想要进行单击操作。因此，浏览器就等待 300 毫秒，以判断用户是否再次点击了屏幕。 对于这种体验
今天，11月3日晚22点的微课，已经结束了，内容主要是讲了vueJs的生命周期。 我在微课中并不是按vue实例，从产生到工作到消失的过程来讲解。而是将它分成了四个步骤，每个步骤有前后各二个阶段，这样来
weex 踩坑笔记 Write By CS逍遥剑仙 我的主页: www.csxiaoyao.com GitHub: github.com/csxiaoyaojianxian Email: sunjianfeng@csxiaoyao.com QQ: 1724338257 目录导航 weex 踩坑笔记 1. 基本说明 2. weex-toolkit的使用 2.1 配置入口js文件 2.2 基本命令 2.3 开发调试方式 3. 集成SDK 3.1 集成
当我们的Vue项目为了解决IOS设备事件点击卡顿，300ms的延迟的问题，引入了fastclick后，会有很多小的冲突，例如在使用mint-UI实现上拉加载和下拉刷新的时候，经常会触碰到点击事件进入下一个页面，这是因为去掉300毫秒的延迟就会使得页面特别灵敏，想着用阻止冒泡的方式来解决。
如果文本框的样式中有width属性，没有height属性就会出现此问题，不知道是什么原因
Vue.js 事件修饰符 .stop 用于阻止事件继续传播，即阻止事件冒泡。这在处理父子组件之间的事件通信时特别有用，可以防止事件从子组件冒泡到父组件，或者在一个元素上绑定多个事件处理函数时，阻止后续事件处理函数的执行。
安装electron依赖经常会不成功 在项目目录下创建.npmrc文件，设置镜像地址 npm config set strict-ssl false
前阵子做项目时偶然发现自己本地的某个index.js文件无法加入版本库，sourceTree里面一直看不到文件(且项目下面的gitignore文件并没有记录此文件)，尝试执行 git add file_name 去手动添加文件。
相信大家搜css touch-action很容易搜到一批文章，但感觉自己还是需要写下自己这这个过程中的一些探索经历。
使用： var date = util.formatDate(new Date()); 自定义的util方法需要在module.exports = { }方法中 暴露给其他类使用
问题：我有一个list，在mui 上拉加载和下拉刷新的容器里。在电脑浏览器里可以触发点击事件，手机无法触发。
<meta name="viewport" content="user-scalable=no">
在小程序启动时，微信会在背后完成几项工作：下载小程序代码包、加载小程序代码包、初始化小程序首页。 初始化小程序环境是微信环境做的工作,我们只需要控制代码包大小，和通过一些相关的缓存策略控制，和资源控制，逻辑控制，分包加载控制来进行启动加载优化。
相关配置可以在msdn上查到，建立websocket服务端如下，代码不能放在设置mvc模式后面，否则接收的js端的数据会被mvc过滤
一、事件触发顺序 PC网页上的大部分操作都是用鼠标的，即响应的是鼠标事件，包括mousedown、mouseup、mousemove和click事件。一次点击行为，可被拆解成：mousedown -> mouseup -> click 三步。 手机上没有鼠标，所以就用触摸事件去实现类似的功能。touch事件包含touchstart、touchmove、touchend，注意手机上并没有tap事件。手指触发触摸事件的过程为：touchstart -> touchmove -> touchend。 手机
有必要尽量减少代码包的大小，因为代码包大小直接影响到下载速度，从而影响用户的首次打开体验。除了代码自身的重构优化外，还可以从这两方面着手优化代码大小：
###事件模拟 模拟触发某个元素的某个事件 格式: 元素对象.trigger(“事件名称”); $(“input”).trigger(“click”); ###鼠标移入移出事件合并 hover 将鼠标移入和移出两个事件合并到一起 //给元素添加鼠标移入移出合并事件 (“div”).hover(function(){ //鼠标移入时执行 (this).css(“color”,“red”); },function(){ //鼠标移出时执行 隐藏 元素对象.hide(时间,方法); 显示 元素对象
emlog侧边栏复古翻牌时钟效果。（涛先森原创） 小编发现，本博客的后边侧边栏总是觉得空空的，反复思索了一下，决定加个时钟 但是时钟现在的人体艺术时钟已经泛滥，思索着整一个新的。 放
原因是：受ES5的限制，Vue.js不能检测到对象属性的添加或删除。因为Vue.js在初始化实例时将属性转为getter/Fsetter，所以属性必须在data对象上才能让Vue.js转换它，才能让它是响应的。
如果你关闭自动识别后 ，又希望某些电话号码能够链接到 iPhone 的拨号功能 ，那么可以通过这样来声明电话链接 ,
1.产品体验 1.1 易懂(能用) 场景化 结构化 易理解 1.2 易操作(易用) 简约 不干扰 一致性 常规化 1.3 超预期(好用) 美感 潮流 2.常见问题 2.1 企业应用复杂,功能重要,页面要怎么取舍 场景化设计：面向场景，才能取舍 沉浸于场景，才能感同身受 对待用户，少即是多：不堆砌功能，功能服务于场景和整体体验 好的解决方案都是优雅的，如果解决方案非常复杂，一定是问题错了 2.2 复杂功能和信息相似,又不同,怎么重用 先做产品结构化,之后才是功能细节 信息结构化: 抽象概念模型，定
change事件的现象是，输入框失去焦点的时候才会触发。如果文本框内容超出高度然后用户还在输入的时候，体验就会很不好。而且如果用户一直不点击别的地方让textarea失去焦点，这个事件就永远不会触发，文本框的高度就不变。
1.鼠标滚动事件。 说明：返回值 大于0向上滚动，小于0向下滚动。 兼容型：所有浏览器。 代码： /*********************** * 函数：鼠标滚动方向 * 参数：event * 返回：滚轮方向[向上（大于0）、向下（小于0）] *************************/ var scrollFunc = function(e) { var direct = 0; e = e || window.event; if (e.wheelDelta) {//
移动端轮播图与PC段轮播图，在技术选择上是有区别的，因为移动端的浏览器版本非常好，对于H5和CSS3的支持非常完美，所以很多效果可以CSS3的方式实现，比如可以使用 Transorm 属性替代原来的动画函数
easyui datagrid加载数据只有两种方式：一种是ajax加载目标url返回的json数据；另一种是加载js对象，也就是使用loadDate方法。
本文只是把官网介绍的该插件的特色列出来，并有图为证。个人使用到的最大特色就是对时间的自定义限制。具体的使用方法以及插件详细API请查看官网： http://www.my97.net/demo/index.htm
移动端浏览器兼容性好，我们不需要考虑以前JS的兼容问题，可以放心使用原生JS书写效果，但是移动端也有自己独特的地方，比如触屏事件touch(也叫触摸事件)，Android和IOS都有。
本文介绍echarts显示中国省份图，对于需要高亮的省份进行筛选。并且对省份进行选择性交互。
Page.ClientScript.RegisterStartupScript(Page.GetType(), “”, “<script>window.open(‘default2.aspx’)</script>”); 如果页面中使用了Ajax ,则上述代码即使执行也无效果。对这种情况我们通常采用： ScriptManager.RegisterStartupScript(this.Button1, this.GetType(), “alertScript”, “window.open(‘default2.aspx’);”, true); 其中第一个参数为要注册脚本的控件ID，试了一下，只要是本页面的就行。 第二个参数为注册脚本控件类型，是控件还是this的GetType（）都可以，typeOf(string)也没问题. 第三个脚本函数的名字，随便起。 第四个是脚本内容。 第五个是标明是否再添加脚本标签，如果第四个参数里包含了<script></script>标签，此处则为false，否则为true。
上个星期在微博中一个关于javascript捕获和冒泡代码的讨论，可能没有动手实现一篇的人无法给出确定的答案。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它让 JavaScript 在服务器端运行，并提供了丰富的模块和工具来构建高性能的网络应用。Node.js 的特点是单线程、异步、事件驱动、非阻塞 I/O 等，使得它能够处理大量的并发请求，并且具有高效、轻量、可扩展等优势。
jQuery([selector,[context]]) 接收一个包含 CSS 选择器的字符串，然后用这个字符串去匹配一组元素,并包装成 jQuery 对象
到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨：移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑，如果大家有遇到什么别的坑，欢迎补充，或者觉得我哪里写错了，欢迎指点！
内存泄漏是一个累积的过程，只有页面生命周期略长的时候才算是个问题（所谓“刷新一下满血复活”）。频繁交互能够加快累积过程，偏展示的页面很难把这样的问题暴露出来。最后，JS逻辑相对复杂才有可能出现内存问题（“bug多是因为代码量大，我自己都hold不住”），如果只是简单的表单验证提交，还没什么机会影响内存
埋点统计在我们业务里经常有遇到，或者很普遍的，我们自己网站也会加入第三方统计，我们会看到动态加载方式去加载jsdk,也就是你常常看到的insertBefore操作，我们很少考虑到为什么这么做，直接同步加载不行吗？统计代码会影响业务首屏加载吗？同步引入方式，当然会，我的业务代码还没加载，首屏就加载一大段统计的jsdk,在移动端页面打开要求比较高的苛刻条件下，首屏优化，你可以在埋点统计上做些优化，那么页面加载会有一个很大的提升，本文是一篇笔者关于埋点优化的笔记，希望看完在项目中有所思考和帮助。
会调用event的preventDefault()可以阻止默认情况的发生：阻止页面滚动
由http://blog.csdn.net/wusuopubupt/article/details/21083775得到的启发，在周末自己抽空也做了一个插件，也顺便补充一下po主的教程。 准备工作：正如http://blog.csdn.net/wusuopubupt/article/details/21083775提及，我们需要JavaScript开发基础，chrome插件开发基础，本人第一次开发chrome插件，所以首先恶补了一上午，再者我们还需要知道从哪里根据歌曲名和歌手名获取歌词，感谢po主给我们推荐
1.添加到指定元素 内部 的后面 $(A).append(B); // 把 B 追加到 A $(A).appendTo(B); // 把 A 追加到 B 2.添加指定元素 内部 的前面 $(A).preappend(B); // 把 B 前置到 A $(A).preappendTo(B); // 把 A 前置到 B 3.添加到指定元素的 外部 的后面 $(A).after(B); // 把 B 放到 A 的后面 $(A).insertAfter(B); // 把 A 放到 B 的后面 4.添加
大家已经发现了, 当我们点击submit提交form表单的时候, 他会刷新一次, 如果不想它刷新的话有下面两种方法:
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
