作为盛行已久的开发方式,Hybrid的相关介绍已经是相当普遍了.不过看到博客园里基本上都是从android或者ios的角度来讲解的,对于h5的前端来说看起来只能是一直半解.感觉有必要从前端的角度来理解和解读一下Hybrid相关内容.作为移动开发技术中不可或缺的一项,Hybrid 凭借其特有的优势牢牢的占据了一席之地.这里就不展开讨论讨论Hybrid的优劣了(想了解请查看http://www.cnblogs.com/yexiaochai/p/4921635.html)  html作为一种解释性语言…

前言 随着前端承担的职责越来越重,前端应用向着复杂化.规模化的方向发展.大型项目模块化是一种趋势,不可避免模块之间要相互依赖,此外还有很多第三方包.这样的话如何去管理这些繁杂的文件,是一个不可避免的话题.此时作为一种已经被实践证明过的思想模式一直得到大家的青睐,这就是控制反转(IOC). IOC定义 先看一下维基百科上的定义: 控制反转(Inversion of Control,缩写为IoC),是面向对象编程中的一种设计原则,可以用来减低计算机代码之间的耦合度.其中最常见的方式叫做依赖注入(De…

前言 面向对象(OOP)作为经典的设计范式,对于我们来说可谓无人不知,还记得我们入行起始时那句经典的总结吗-万事万物皆对象. 是的,基于OOP思想封装.继承.多态的特点,我们会自然而然的遵循模块化.组件化的思维来设计开发应用,以到达易维护.可扩展.高复用的目的. 既然OOP这么多优点,那么经常被大家提起的面向切面编程(AOP)是什么回事呢,下面我们就一起来看一下. AOP定义 第一步还是要知道aop是什么,先个来自维基百科的解释: 面向侧面的程序设计(aspect-oriented progra…

文中是我个人的一些开发经验,希望对各位有用,也希望各位多多支持讨论,指出文中不足以及提出您的一些建议. 双容器 得益于近几年移动端的发展,前端早已今非昔比,从大型框架来说angularJS.react.VueJS都有其应用场景,从工程化来说各种配套构建工具也纷纷出世,而从前端复杂度来说,最近几年的前端代码难度着实提升不少,从模块化的必须,到MVC的必要.再到组件化编程,一种分而治之的思想逐渐侵入前端领域,而这种种迹象均表明一个问题,前端代码现在不好写了!!! 抛开近几年前端交互加重而导致的难度,…

前置条件 项目中,采用 MainActivity + 3个 fragment 的模式作为主要框架.MainActivity 使用 singleTask 模式启动.Fragment 采用 show/hide 方法进行显示和隐藏. 给 H5 提供了接口,可以通过相关方法跳转到一些页面. 其中有个方法是,前端通过 webView 调用相关原生方法跳转到 MainActivity 的第一个 Fragment 原生的代码如下: Intent it = new Intent(activity, MainAc…

CORS跨域资源共享是前后端跨域十分常用的一种方案,主要依赖Access-Control-Allow(ACA)系列header来实现一种协商性的跨域交互. 基本模型 其中的具体流程大致可以分为以下几步: 1.前端从webview上发出ajax请求 2.浏览器监测到ajax跨域,添加origin头部,标明请求来源 2.后端接收到请求后,根据正常业务逻辑包装业务返回 3.在业务返回的response上添加ACA系列头部,如 'Access-Control-Allow-Origin' '*'; 'Ac…

mustache是一个很轻的前端模板引擎,因为之前接手的项目用了这个模板引擎,自己就也继续用了一会觉得还不错,最近项目相对没那么忙,于是就抽了点时间看了一下这个的源码.源码很少,也就只有六百多行,所以比较容易阅读.做前端的话,还是要多看优秀源码,这个模板引擎的知名度还算挺高,所以其源码也肯定有值得一读的地方. 本人前端小菜,写这篇博文纯属自己记录一下以便做备忘,同时也想分享一下,希望对园友有帮助.若解读中有不当之处,还望指出. 如果没用过这个模板引擎,建议 去 https://github.co…

最近做了一个webview中的兑换页面,本来以为很简单,想不到遇到了远远超出预期数量的BUG,记下来,以备后患. 1 inline-block元素折行 BUG描述:现在我有三个DIV,要在一列等宽排列,设定宽度为33.33333%,想象中应该是正好充满一列. 然而事实是,div折行了=.=,div之间还出现了一个缝隙. 这个问题很常见,出现的原因是浏览器在解析html时认为两个div之间有空格,而一个空格的占位是1/4em. 一般解决的办法是设置父元素font-size=0,然后再给子元素设置字…

本文作者是计算机视觉life公众号成员蔡量力,由于格式问题部分内容显示可能有问题,更好的阅读体验,请查看原文链接:代码解读 | VINS 视觉前端 vins前端概述 在搞清楚VINS前端之前,首先要搞清楚什么是SLAM前端? SLAM的前端.后端系统本身没有特别明确的划分,但是在实际研究中根据处理的先后顺序一般认为特征点提取和跟踪为前端部分,然后利用前端获取的数据进行优化.回环检测等操作,从而将优化.回环检测等作为后端. 而在VINS_MONO中将视觉跟踪模块(feature_trackers)…

讲师:Issam Elbaytam,葡萄城集团全球首席架构师(Chief Software Architect of GrapeCity Global).曾任 Data Dynamics.Inc 创始人兼资深产品经理,个人研究方向主要为 MS.NET语言及平台.动态化系统构建,以及高性能大型分布式Web系统架构,主导了葡萄城多款畅销控件产品的系统架构与性能优化.   “25年来每天只休息4小时,除了日常作息时间,Issam不是在研究技术和产品,就是在去研究技术发展趋势的路上”这就是葡萄城同事对他…