袁飞翔 于 2年前发表 4434 4 1
从 https://developer.chrome.com/devtools/docs/remote-debugging [https://developer.chrome.com/devtools/docs/remote-debugging] 我们可以知道在android 4.4+可以通过在apk中使用下面的代码开启webview的chrome远程调试 WebView.setWebContentsDebuggingEnabled(true); 但我们开发中接触的apk往往是第三方的,没谁会为我们开启webContentsDebuggingEnabled。而Xposed能强制做到这一点 XPOSED [HTTPS://GITHUB.COM/ROVO89/XPOSEDBRIDGE/WIKI/DEVELOPMENT-TUTORIAL] Xposed能够勾住(Hook) Android应用程序对象的方法,实现AOP,一个简单的例子: publicclass WebViewHook implements IXposedHookLoadPackage {
2年前
调试
结一 于 2年前发表 1547 1 0
##为什么要用sass 在选择sass之前,我们先说下为什么要使用CSS Preprocessor。 大概两年前,CSS Preprocessor其实没有这么热,而了解sass,less,stylus的人也还没那么多(当时三者占比less还是拥有绝对优势的),但很多时候就是那么duang的一下,然后改变就发生了,就如html5&css3,仿佛一夜之间就遍地开花。当然这其中质变肯定是有道理值得去说道说道的。下面我们一起来对比下css和CSS Preprocessor(以sass为例),了解下其中的优劣。 CSS无层级嵌套机制 因为css无嵌套机制,所以造成层级方面的阅读及折叠方面极为不便,如下代码,使用scss就能更好的管理代码层级关系 // css .parent{} .parent .child{} // scss .parent{ .child{} } css本身缺少变量机制 举个最简单的例子,每个站点都有个主色,如果没有变量的话,我们只能每次使用都拷贝颜色,当然也有神人是可以把颜色的六位数记住,但多数肯定是记不住。下面以文本色及链接色为例: // css body{
2年前
CSS/重构
moonye 于 2年前发表 1514 1 1
##背景 当前网速越来越快,但是随着网页内容越来越丰富,其实我们打开网页的速度并未得到什么提升,相反,过多的内容会导致网页打开速度变慢。于是,出现了一些性能优化的方法。 1.合并文件,如css,js等 2.将js文件放在文档的底部 3.将服务器部署到离用户近的地方,如cdn技术 4.缓存技术 5.负载均衡 6.文档直出 等等 有这么多通用的方式能够适用于我们的产品中,每一种实现的技术难度不大,当我们都应用了这些技术,发现网站性能依然不那么乐观的时候,会考虑到一些非常规、适用于某些特定场景的优化技术 ##另一种思路 Facebook的研究科学家changhao jiang提出了一个优化方案,名字叫做bigpipe,应用了此项技术的facebook首页,访问速度提升一倍。它极大的提升了fackebook的性能。它是怎么做到的。 传统的一个打开页面的步骤 1. 浏览器发送HTTP请求 2. 服务器接收到HTTP请求,解析请求,从存储层拉取数据,拼接HTML,发回一个HTTP响应 3. 这个请求通过网络传输到浏览器
2年前
性能
helondeng 于 2年前发表 1533 1 0
* AppCan是HTMl5移动开发应用平台,支持跨平台,可以简单、快速、高效开发移动应用。 * 倡导Hybrid App开发。 * 为HTML5开发提供底层Native交互能力。getcimg [https://cloud.githubusercontent.com/assets/3880323/6895662/175babbe-d715-11e4-9a29-2c28a0051f3b.gif] 主要优势 * 跨平台 * 原生体验,引入Native UI控件和交互 * 模拟调试:提供模拟器和调试工具 * 多窗口机制,秒杀phoneGap * 一键打包 * … ###开发工具IDE AppCan IDE基于Eclipse定制,支持跨平台、本地打包、模拟调试、真机同步等功能 模拟调试default [https://cloud.githubusercontent.com/assets/3880323/6895666/243c6bac-d715-11e4-92d3-2ed86c1a908e.png]
2年前
调试
ouven ,https://ouvens.github.io/ 于 2年前发表 1238 3 0
标记审核屏蔽分享加入黑名单 {{urlHost}} {{updateDate | date(‘yyyy-MM-dd HH:mm’)}} {{share.readCountLimit - share.readCount}} {{share.expiredAt | date(‘yyyy-MM-dd HH:mm’)}} 点击右上角“…”按钮 发送给朋友 分享到朋友圈
转载自fromwiz.com
2年前
浏览器
黎清龙 于 2年前发表 3297 4 0
前言 最近项目需要实现一个fixed标题栏的功能,很普通的功能,实现核心也是在sroll事件中切换到fixed状态即可,但是在某些版本ios的某些内核中,在惯性滚动过程中不执行任何js代码,亦即不会触发scroll事件,基本任何事情都做不了,为了解决这个问题不得不使用div内滚动,然后使用iscroll库实现滚动逻辑。 基于使用过程中的一些问题,抱着学习的态度,稍微看了一下源代码,现把学习所得记录如下。 源代码学习 核心实现 滑动相关组件(如swipe库)的实现基本都是类似的,就是通过3个核心事件:touchstart,touchmove,touchend完成操作。 switch ( e.type ) { case'touchstart': case'mousedown': this._start(e); break; case'touchmove': case'mousemove': this._move(e); break; case'touchend':
2年前
CSS/重构
杨文坚 ,首席吹牛工程师 于 2年前发表 1431 0 0
阿里妈妈 @一丝 [http://weibo.com/jieorlin] 准备发布其 CSSGrace [http://yisibl.github.io/share/css-post-processor.html#/1] ,即CSS后处理插件,于是顺便聊聊CSS postprocessors。 从REWORK说起 Rework是TJ大神开发的CSS预处理框架。但为什么会出现呢?TJ大神如此回答: The simple answer is that Rework caters to a different audience, and provide you the flexibility to craft the preprocessor you want, not the choices the author(s) have force on you. Our goal with Rework contrasts the others, as it
2年前
构建工具
杨文坚 ,首席吹牛工程师 于 2年前发表 1288 0 0
UNIX PIPES Unix管道扫描稿 1 [https://cloud.githubusercontent.com/assets/2239584/6735604/23253736-ce9a-11e4-936e-61818fa207a1.jpg] 简单样例: $ netstat -apn | grep 8080 相信这个大家经常使用,这里就不细说了。 那么管道基本思想是什么呢? * 让每个程序只完成一件事,并将其做好( do one thing and do it well ),完成一个新任务,新建一个程序,而不是在旧程序中添加新特性 * 标准化每个程序的输入和输出,让任意符合标准的程序可以串在一起( write programs to work together ) * 设计和创造软件,而不是架构或系统 NODEJS STREAM NodeJS中引入流概念来解决I/O异步问题,如果没有Stream,我们可能要这么写代码: var http = require('http'); var fs = require('fs');
2年前
构建工具
黎腾 ,如果sea能带走我的哀愁 于 2年前发表 1321 6 1
[http://ww2.sinaimg.cn/mw690/005RM8OMgw1eqdox1ghdoj30ie0b73yf.jpg] 09. 打破规则 如之前所提到过,在极简主义中,你可以尝试到在其它风格中不可能实现的可能,这也就意味着,需要略微突破一下规则。就这个 Ruby Wight所设计的LOGO字体来说,其中一半的字母都颠倒排放看起来是个不可思议的决定,放在任何其它设计风格中,这都会造成不易阅读的困扰。但是,好在这款品牌设计极度简洁,摒弃所有不必须的元素,令这貌似疯狂的想法最终倒呈现出了良好的视觉效果。 [http://ww2.sinaimg.cn/mw690/005RM8OMgw1eqdowerq3gj30ie0iewfj.jpg] 10. 字体的图形化 字体是不可忽视的重要武器,对极简主义尤为如此。它可以被用作视觉元素,根据所需状况调整其形态。譬如这个意大利Vogue中的页面,字体展现出水流波纹的视觉效果,无需多余元素,便令设计概念清晰简洁。 [http://ww4.sinaimg.cn/mw690/005RM8OMgw1eqdowr95znj30ie0p0mxs.jpg]
2年前
构建工具
黎腾 ,如果sea能带走我的哀愁 于 2年前发表 1697 0 0
[http://leiphone.qiniudn.com/uploads/new/article/600_600/201503/550fb2187739e.png] 当你在观看《纸牌屋》的过程中,哪些品牌曾引起了你的注意? 克莱尔·安德伍德(由罗宾·怀特饰演)在影片中通常会使用 苹果 [http://www.leiphone.com/tag/%E8%8B%B9%E6%9E%9C] 的iPhone;雷米·丹顿(由马赫沙拉·阿里饰演)则会驾驶着通用汽车公司的别克;弗兰西斯·安德伍德(由凯文·史派西饰演)佩戴的手表一直都是万国手表。 在《纸牌屋》第三季中一共出现了105个不同的品牌。 105个品牌听起来好像很多,然而和《纸牌屋》第一、二季的129个品牌和134个品牌相比,则出现小幅下降。
转载自www.leiphone.com
2年前
Web安全
黎腾 ,如果sea能带走我的哀愁 于 2年前发表 1537 2 0
Application Cache [https://developers.whatwg.org/offline.html] , also known as AppCache, has been a pretty hot topic with web developers these days. AppCache enables you to allow your website visitors to browse your website when they are offline. You can even store parts of your website, such as images, stylesheets, or web-fonts in the cache on a user’s computer. This can help your website load faster and hence reduces load on your server.
2年前
Web安全