11 2019 档案
摘要：原理 在检测到touchend事件后, 会通过dom自定义事件模拟一个click事件,并把浏览器300ms之后真正触发的点击事件屏蔽掉，fastclick是不会对PC浏览器添加监听事件 使用 1、引入fastclick.js 2、给body所有的元素绑定click事件,之后我们使用的就是fastcl
阅读全文
摘要：zepto Zepto就是jQuery的移动端版本, 可以看做是一个轻量级的jQuery github地址: https://github.com/madrobby/zepto 官方地址: http://zeptojs.com/ 中文版地址: http://www.css88.com/doc/zep
阅读全文
摘要：前言 为什么通过touch可以触发click事件？ touch事件的来源 PC网页上的大部分操作都是用鼠标的，即响应的是鼠标事件，包括mousedown、mouseup、mousemove和click事件。一次点击行为，事件的触发过程为：mousedown -> mouseup -> click 三
阅读全文
摘要：一、click 和 tap 比较 两者都会在点击时触发，但是在手机WEB端，click会有 200~300 ms延迟，所以请用tap代替click作为点击事件。 singleTap和doubleTap分别代表单次点击和双次点击。 $("div").tap(function(){ ...... })
阅读全文
摘要：方法一： app可以把参数传到h5的链接里，用类似?xx=xx&xx=xx的形式拼接，js解析参数即可。 方法二： 情况一：app调用h5 原生app都可以对js的function进行触发，前端要做的只是将js定义好方法名和参数，交给app人员即可，app将数据通过参数传入 情况二：h5调用app
阅读全文
摘要：方法一： 情况一： if (window.JdAndroid){ window.JdAndroid.setPayCompleted(); window.JdAndroid.setPageIndex("cashierDesk_finish"); } 调用方式：h5调用Android方法 传递数据：通过
阅读全文
摘要：只要 new 表达式之后的 constructor 返回（return）一个引用对象（数组，对象，函数等），都将覆盖new创建的匿名对象，如果返回（return）一个原始类型（无 return 时其实为 return 原始类型 undefined），那么就返回 new 创建的匿名对象。 情景一. n
阅读全文
摘要：页面中那些内容需要适配 一、图片高清适配 图片适配的目的是为了在页面中可以高清还原设计图中用到的图片。 页面中用到的图片是否清晰和展示页面的硬件设备的dpr以及图片分辨率这两个因素有关，下面会通过三个例子来说明这个问题。 1、示例一 例如dpr=2的设备，1个设备无关像素(android中的1dp，
阅读全文
摘要：设备像素比 dpr 与 1px 物理像素 物理像素（physical pixel） 手机屏幕上显示的最小单元，该最小单元具有颜色及亮度的属性可供设置，iphone6、7、8 为：750 * 1334，iphone6+、7+、8+ 为 1242 * 2208 设备独立像素（density-indenp
阅读全文
摘要：适配的基础知识 一、理解单位 px、pt、pc、sp、em、rem、dpr、dp、dip、ppi、dpi、ldpi、mdpi、hdpi、xhdpi、xxhdpi 如果你是ios开发，你需要了解的单位：pt，px，ppi；实际开发中用到的单位：pt。 如果你是android开发，你需要了解的单位：di
阅读全文
摘要：script加载 IE的script 元素只支持onreadystatechange事件，不支持onload事件。 FireFox,Opera, Chorme, IE11+ 和Safari3+的script 元素不支持onreadystatechange事件，只支持onload事件。 如果要在一个<
阅读全文
摘要：参考 H5自定义字体解决方法（mark） 移动Web字体的使用 【原】移动web页面使用字体的思考 CSS @font-face规则 引用外部服务器字体
阅读全文
摘要：Zookeeper的client是通过Zookeeper类提供的。前面曾经说过，Zookeeper给使用者提供的是一个类似操作系统的文件结构，只不过这个结构是分布式的。可以理解为一个分布式的文件系统。我们可以通过Zookeeper来访问这个分布式的文件系统。 Zookeeper的client api
阅读全文
摘要：在上一篇文章中我们大致浏览了zookeeper的启动过程，并且提到在Zookeeper的启动过程中leader选举是非常重要而且最复杂的一个环节。那么什么是leader选举呢？zookeeper为什么需要leader选举呢？zookeeper的leader选举的过程又是什么样子的？本文的目的就是解决
阅读全文
摘要：在上一篇，我们了解了zookeeper最基本的配置，也从中了解一些配置的作用，那么这篇文章中，我们将介绍Zookeeper的启动过程，我们在了解启动过程的时候还要回过头看看上一篇中各个配置参数在启动时的位置。 Zookeeper的启动入口在org.apache.zookeeper.server.qu
阅读全文
摘要：前面两篇文章介绍了Zookeeper是什么和可以干什么，那么接下来我们就实际的接触一下Zookeeper这个东西，看看具体如何使用，有个大体的感受，后面再描述某些地方的时候也能在大脑中有具体的印象。本文只关注分布式模式的zookeeper，因为这也是在生产环境的唯一部署方式，单机的zookeeper
阅读全文
摘要：Zookeeper主要可以干哪些事情 配置管理，名字服务，提供分布式同步以及集群管理。那这些服务又到底是什么呢？我们为什么需要这样的服务？我们又为什么要使用Zookeeper来实现呢，使用Zookeeper有什么优势？ 配置管理 在我们的应用中除了代码外，还有一些就是各种配置。比如数据库连接等。一般
阅读全文
摘要：什么是zookeeper zookeeper是分布式协调服务，可以在分布式系统中共享配置、协调锁资源、提供命名服务那分布式协调服务又是个什么东西呢？首先我们来看“协调”是什么意思。在一个并发的环境里，我们为了避免多个运行单元对共享数据同时进行修改，造成数据损坏的情况出现，我们就必须依赖像锁这样的协调
阅读全文
摘要：新版本的whistle支持三种等价命令whistle,w2,wproxy 启动whistle w2 start 启动时指定端口 w2 start -p 8899（// 不设置端口默认使用8899） 默认端口为8899，如果端口被占用，要修改端口号，可以通过 -p来指定新的端口号 停止whistle
阅读全文
摘要：前言 whistle是基于Node实现的跨平台抓包调试代理工具，有以下基本功能： 查看HTTP、HTTPS请求响应内容 查看WebSocket、Socket收发的帧数据 设置请求hosts、上游http/socks代理 修改请求url、方法、头部、内容 修改响应状态码、头部、内容，并支持本地替换 修
阅读全文
摘要：一、在jquery中使用 1、代码 $('.success-info-title').append('<p class="normal_finish" id="normal_finish_anima" > </p>'); var animaPaht = data.changeSkinFlag&&da
阅读全文
摘要：参考 lottie系列文章(一)：lottie介绍 lottie系列文章(二)：lottie最佳实践 lottie系列文章(三)：动画设计规范 lottie系列文章(四)：源码分析——svg渲染
阅读全文
摘要：项目中实际使用 在项目中实际使用的时候发现还是有很多问题的 最初使用方式 <script src="vconsole.min.js"></script> <script> // init vConsole var vConsole = new VConsole(); </script> 问题一：按照
阅读全文
摘要：参考 使用方法 移动端真机debug调试神器 vConsole的引入说明（原生态与WebPack） 移动端使用vconsole调试console vConsole ——开源的前端 console 调试面板 下载地址 Github BootCDN
阅读全文
摘要：参考 Android中.9图片的含义及制作教程 .9.png Android .9.png 的介绍
阅读全文
摘要：参考 华为折叠屏应用开发指导 华为发布折叠屏官方适配方案 聊聊安卓折叠屏给交互设计和开发带来的变化 华为5G折叠屏幕适配
阅读全文
