最近ytkah在学习用bootstrap搭建网站，Bootstrap能自适应pc端和手机端，并且移动设备优先，适合现如今移动营销。bootstrap是封装好的框架，需要某些功能只需调用相应的组件就可以，但有些还是没加入，比如幻灯轮播触屏左右滑动手势就不支持，大家用的设备基本是触屏的了，能用滑动交互在小屏幕上体验会更好，那么如何实现呢？一个比较简单的方法是增加一个滑动手势js插件：hammer.js，网上有很多cdn调用地址，像//cdn.bootcss.com/hammer.js/2.0.8/hamme
现在 web 设计是最有趣的了，做好 web 设计不仅要熟练使用 Javascript，css 和 html 等，还要有自己的创意设计。为了方便大家发挥自己的创意，就产生了很多 JS 框架，Node.js 扩展等等。有了这些工具，开发者们就能专注于创意设计了，而不用为某个功能而花费太多精力。这里我们介绍的是 12 个开发者们必备的 JavaScript 库，都是一些很基础功能很强大的库。有了这些库，开发者们可以节省很多时间，大大提高开发的效率，所以大家赶紧收藏起来吧：） 1) Headroom.js H
web前端开发人员经常会用到一些现成的js库（框架）。框架的使用增加了代码的模块化和可复用性，目前主流的js框架有很多，各有侧重，我们通常只会用到其中一小部分子功能，这里总结了2020年11个热门JavaScript 库。
hammer.js是一款移动端手势库组件，支持pan（拖动）、swipe（滑动）、tap（轻触）、press（按压，即长按）、doubletap（双击）等很多手势操作，提供比较完善的事件监听机制，但是
来源：https://juejin.im/post/5d759f706fb9a06afa32adec
svg平移缩放，我刚开始尝试的是自己处理外层容器的控制，结果发现能用，但是效果不太好，有拖尾现象，后来用个js库svg-pan-zoom即可。如果想支持手机端手势操作，需要先安装Hammer.js。
1：GMU:http://cloudajs.org/ui/brand/gmu GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件! http://gmu.b
https://juejin.im/post/5d759f706fb9a06afa32adec
网上看了很多解决办法，几乎本质都是一样的，都是引入一个滑动的js插件，加入一段js代码，即可生效，但是我试了hammer.js 和 touchSwipe.js 都不生效，也找不到原因是什么，目前在网上就找到 toucher.js 可以实现，贴到博客，留作备用： 1 <script> 2 $(function(){ 3 var myTouch = util.toucher(document.getElementById('carousel-index')); 4
Web Components:http://css-tricks.com/modular-future-web-components//
虽然JavaScript本身很棒，但有它对应生态圈也很重要，这些圈会让 JS 更好。开发人员在开始一个新的中等项目时经常喜欢重新写轮子，这是一个糟糕的策略，使用第三方库是有意义的。因为这样的库有明确的用途，有更长生成的迭代，如果遇到问题更容易找到解决方法，最主要的一点是提高开发效率，缩短开发周期。
在开发任何移动项目时，要尽可能保持每一种资源尺寸都尽可能的小，以给最终用户提供一个好的体验是非常重要的。在这篇文章中我们已经编制了今年新出炉的 jQuery 移动插件列表，收集了滑块，旋转木马，画廊，
· HTML: https://developer.mozilla.org/zh-CN/docs/Web/HTML
这里直接贴上angular源码地址：angular源码之hammer_gestures <这里方便它更新后的修改> 这里又贴上该地址的源码以便说明：
在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。
在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1. PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素，所以网页文字非常小，为了快速让网页还原到原来的大小，Safari最新引入了双击缩放功能：用户双击手机页面的时候，浏览器会智能的缩放当前页面到原始大小。 双击缩放的原理就是，当用户click一次之后，浏览器会经过约300ms之后检测是否再有一次click，如果有的话，
1、如果默认给video标签加muted属性，调试获取到的为true，但是依然有声音，即：即使设置为true，也是有声音； 2、通过js改变muted是无法改变ios8下的值的，改变了之后打印依然为改变之前的； 3、网上看到其他的一个video库也是写了 ios8，ios9 不能设置静音。
如今 React+Redux+Immutable.js 的组合已在项目中广泛应用，但对于 Vue 技术栈的同学们来说，认知 immutable-js 也同样关键且必要。
对 APP 里的一些使用 H5 实现的功能模块，一般体验都比原生差，那么怎么提高h5加载速度？优化 h5 体验？
写在前面 很久没更新了，真的是没时间，周末要做兼职，工作日要加班赶项目，筋疲力尽了，今天稍微好点，更新一下吧，最近用的一些东西！ 问题描述 我们开发一款软件，其中涉及到一些支付的问题，这边担心IOS的App无法通过AppleStore的审核，所以中间支付的模块使用H5进行内嵌，也就是直接使用webview进行调起H5完成对应的功能， 代码 /** * @FUNCTION memberRecharge * @params NaviType是否需要显示导航栏 1 不显示 2 显示 3 会员充值（
本周被盖到400+楼的最最最热门文章是《大家聊聊待遇：工作几年，待遇大概多少？？》。由于回复的内容“炒鸡”多，小编也无法很好的整理并得出高大上的结论，我想大家还是自己去看吧。 但在这里，我想给小伙伴们说两句话，不管你的待遇好与坏，想想自己曾经为何走上这条路的？随着生活的压力与日俱增，曾经的梦想还在么？只希望你在前行时不仿说一句：我喜欢IT、我爱编程、我会一直坚持走下去！ “听过很多道理却依然过不好这一生。”但我想还是相信有很多人可以过好的，只要努力、坚持，并做自己爱做的事情，你就成功了。 下面是小编为大
上面的两个问题解决后能大大提升用户体验 解决它们就用到了throttle和debounce
image.png WWDC2014刚结束，这次的大会是名符其实的开发者大会，更贴切的应该说的确是一次软件开发者的大会，对于OSX和iOS的更多功能特性让人兴奋，Swift新语言促成了如上图片 image.png 但我更感兴趣的是WebGL终于官方的在OSX和iOS上得到了支持，这篇《A first look at what iOS8 means for Phaser and Pixi.js》分享了在iOS下运行WebGL例子的图片： image.png 以后分享HT的移动终端例子终于有了iOS
首先，需要在Info.plist配置文件中，增加键：UIViewControllerBasedStatusBarAppearance，并设置为YES；
UIWebView是苹果继承于UIView封装的一个加载web内容的类,它可以加载任何远端的web数据展示在你的页面上，你可以像浏览器一样前进后退刷新等操作。不过苹果在iOS8以后推出了WKWebView来加载Web。UIWebView自iOS2就有，WKWebView从iOS8才有，毫无疑问WKWebView是将会逐步取代笨重的UIWebView。且UIWebView存在占用过多内存，js执行效率低等问题。而WKWebView网页加载速度大有提升，占用更少内存。
上面这个 slide 资料讲的非常好，算是一个入门的介绍吧。带我们建立基本的移动 web 开发知识体系和常见问题的实践。包含以下几个方面：
前端时间为移动游戏做一个网页活动需求（9宫格的刮奖），遇到一个很诡异的问题:Android端OK，就是在Ios设备上，点击非第一块区域，显示却是第一块区域被刮开咯，查看后端返回数据缺失OK的【前端采用backbone写法，遍历返回数据用的是underscore.js中的each】。经过一番查证，原来如此。 参考水木社区这里的叙述，知晓原来这个属于：IOS 8 Safari JIT bug 影响 jQuery 和 underscore，致使： $.each/.each，看到 .length 后，会把一个 ob
当我在拉斯维加斯的Luxor Hotel（金字塔酒店）碰碰手气的当口，朋友圈大部分消息都是iOS8更新版本正式放出相关的消息。尽管不少人都在吐槽iOS每次更新所需要的大空间，但依然义无反顾地开始进行照片同步、应用删除和iOS8更新下载。长痛不如短痛，一切顾忌都让位给iOS每次更新所带来的快感。 一位朋友甚至说，如果可以不上班，他愿意赖在家里玩一天iOS8。正如苹果官方所言，iOS8确实是有史以来最大的更新版本——当然，比从0到1的iOS第一版新增功能还是要少些。 最新版iOS中，苹果设备整合得更平滑，提供多
你还在用rem弹性布局吗？在html文件头部放入一大段压缩过的js代码，是不是让你很难受？来了解下vw吧，能让你的代码更纯粹。
iOS tableView的cell在显示之前必须获取cell的高度，如果cell的高度都一样，统一设置就行了，但是cell的高度不统一的话就要一一设置了，在ios8之前，需要自己手动去计算，iOS之后就方便多了
iOS中让cell分割线顶头在可认知的范围内，一共有四种办法。但是度娘一抄一大把，往往给出的方法都是舍近求远。很多小白也是两眼一闭，拿来就复制粘贴。 以后不要再求人了，也不用在度娘了。记住下面的方法，足够应对各种场景了。 1 iOS8以前 iOS8以前需要在controller中以下两个方法中进行约束。 - (void)viewDidLoad { [super viewDidLoad]; self.tableView.separatorInset = UIEdgeInsetsZero; self.table
其中，"查看"的buttonIndex == 1，"评论"的buttonIndex == 2，"取消"的buttonIndex == 0
在这里我并不会提供了一个列表出来给你，我主要还是想分享小程序的运行环境对兼容性的一些影响。
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/52833611
WKWebView 适用于iOS8之后的系统 引用 #import <WebKit/WebKit.h> 1.OC调用JS NSString *jsmethod = [NSString stringWithFormat:@"mymethd(\"%@\")",data]; //data（NSDate）为要传给js的数据 [self.wkWebView evaluateJavaScript:jsmethod completionHandler:^(id _Nullable result,
在iOS8中，APP的定位服务apple就做了一些修改，需要用户申请相应的权限，并在info.plist文件中添加对应的键值。具体的做法在这篇博客中有详细的讲解：http://my.oschina.net/u/2340880/blog/414760。
iOS8中更新和公开了非常多接口，当中有一项本地消息通知UILocalNotification，大家肯定都不陌生。
在iOS8上设置self.whiteLight.transform = CGAffineTransformMakeScale(0, 0);会出现<Error>: CGAffineTransformInvert: singular matrix. 在iOS9不会，在swift上也不会，只有在OC的iOS8会出现 查了一下要解决这个问题就是要把CGAffineTransformMakeScale(0.00001f, 0.00001f)即可，因为CGAffineTransformMakeScale设置为0不会
UIApplication *app = [UIApplication sharedApplication]; // 应用程序右上角数字 app.applicationIconBadgeNumber = 99;
在上一篇博客中，介绍了iOS8新特性扩展功能之一的Today功能：http://my.oschina.net/u/2340880/blog/485533，这里我们再介绍一下分享的扩展功能。
| 导语 现如今，在做移动端 H5 开发时，少不了与 Native 之间进行交互。而在Native中，H5的承载容器为 WebView，其核心是使用 WebView 控件实现加载 url。
IOS8之前，apple官方并不建议开发者使用类似毛玻璃的模糊效果，也并没有开放相关的接口，大部分的开发者是通过转化CGImage这个类来实现毛玻璃的模糊效果，并且实现的效果也很优秀。在IOS8之后，苹果官方新出了一个类UIVisualEffectView，通过这个类，实现毛玻璃效果变得轻而易举，而且效率非常之高，下面，我们来介绍下这个类的简单用法。
在诺基亚塞班系统和黑莓操作系统各占智能手机市场半壁江山的情况下，iOS系统竟异军突起，意外地成为了企业移动化领导性操作系统，这大概连苹果公司本身都没有料到。消费者们对iPhone的意外青睐，开启了BYOD时代。 iPhone成为占主导地位的企业移动设备，原因是多方面的：首先，方便使用企业应用；其次，iPhone作为社会地位象征而流行起来，从而为其赢得了大批高层次客户；最后，逐渐加入一些企业元素。不过，最重要的原因还是iPhone拥有许多忠实客户。 在BYOD流行起来之前，消费者要求实用性，画质以及设备
然后我运行时，发现地图定位功能竟然不起作用，一查，发现我的是ios8版本, 针对ios8版本，必须在配置文件info.plist进行一项配置，就是增加NSLocationAlwaysUsageDescription或者NSLocationWhenInUseUsageDescription来告诉用户使用定位服务的目的：
与其他开发人员不同的是，前端开发都是在端上游走舞者，直接与用户交流沟通，这就需要前端开发具有更敏锐的交互体验思考，或者能更精准地理解设计师们意图，将最佳的用户体验带给用户。优质的交互体验对于用户来说学习成本应该是极低的，都是非常自然的操作，却可以让用户感到畅快愉悦，甚至惊喜。本文将通过一个看似简单的 poplayer 来分析我在这其中通过思考做的体验优化，获得类似 native 的体验感。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
