app

0. 服务端渲染简介 服务端渲染不是一个新的技术；在 Web 最初的时候，页面就是通过服务端渲染来返回的，用 PHP 来说，通常是使用 Smarty 等模板写模板文件，然后 PHP 服务端框架将数据和模板渲染为页面返回，这样的服务端渲染有个缺点就是一旦要查看新的页面，就需要请求服务端，刷新页面。 但如今的前端，为了追求一些体验上的优化，通常整个渲染在浏览器端使用 JS 来完成，配合 history.pushState 等方式来做单页应用（SPA: Single-Page Application），也收到不错的效果，但是这样还是有一些缺点：第一次加载过慢，用户需要等待较长时间来等待浏览器端渲染完成；对搜索引擎爬虫等不友好。这时候就出现了类似于 React，Vue 2.0 等前端框架来做服务端渲染。 使用这些框架来做服务端渲染的兼顾了上面的几个优点，而且写一份代码就可以跑在服务端和浏览器端。Vue 2.0 发布了也有一段时间了，新版本比较大的更新就是支持服务端渲染，最近有空折腾了下 Vue 的服务端渲染，记录下来。 1. 在 Vue 2.0 中使用服务端渲染 官方文档给了一个简单的例子来做服务端渲染： // 步骤 1:创建一个Vue实例 var Vue = require('vue') var app = new Vue({ render: function (h) { return

经过千辛万苦之后，终于安装上了Android studio1.5，下面就来看一下AS的界面，了解一下工程结构，为以后的App开发做准备。 下图即为用于测试的App结构： 如上图所见，App结构包括两个子目录，包括app和Gradle Scripts两个子目录，首先对这两个子目录分别进行介绍： app目录中又包含三个子目录，其中 1、mainfests包含了app的运行配置文件。 2、java子目录中包括App工程的源码。 3、res下又包括四个子目录： (1)drawable：用于储存图形描述文件和用户图片 (2)layout：用于存放APP的布局文件 (3)mipmap：存放启动图标 (4)values:存放一些常量的定义文件。 Gradle Scripts 包括： (1)build.gradle :有项目级和模块级两种，描述App的编写的基本要求。 (2)proguard-rules.pro: 描述java文件的代码混淆规则。 (3)gradle.properties: 用于配置编译工程的命令行参数，一般无需改动。 (4)setting.gradles: 配置哪些模块在一起编译。 (5)local.properties: 项目的本地配置，一般无需改动。 来源： https://www.cnblogs.com/studya/p/12232427.html

如何给你的Android 安装文件（APK）瘦身 本文翻译自： Putting Your APKs on Diet 原作者： Cyril Mottier Android的apk文件越来越大了这已经是一个不争的事实。在Android 还是最初版本的时候，一个app的apk文件大小也还只有2 MB左右，到了现在，一个app的apk文件大小已经升级到10MB到20MB这个范围了。apk文件大小的爆炸式增长主要是因为用户对app质量的期待越来越高以及开发者的开发经验增长，具体体现在以下几个方面： Android设备 dpi 的多样化 ([l|m|tv|h|x|xx|xxx]dpi) Android平台的进化，开发工具的改进以及开源类库生态系统的丰富 用户对高质量UI的期待 其他原因 Android开发者在设计一个app的时候应该将最终发布一个轻量级app作为一个最佳实践来考虑。为什么？首先这就意味着你拥有了一个简洁，易维护代码基础。其次，官方应用商店对超过50MB的apk设置了拓展包文件下载选项，apk文件在50MB以下更容易让用户下载。最后，我们的应用程序环境是一个带宽有限，存储空间有限的环境，apk安装文件越小，下载就会越快，安装也会更快，良性循环，最后说不定用户因为这个给好评。 在大部分情况下，apk大小的增长是为了满足消费者的需要和期待。然而

本周话题： 美团CEO王兴发文称，在Chrome浏览器里点击百度搜索结果总是会跳出到百度App，为了解决这个恼人的问题，把百度App删了。 如果你是百度，这么做是处于什么原因？如果你是王兴，你会采取什么处理方式？ 十分之一: 移动互联网时代APP没有搜索引擎存在价值啊，搜索相关内容都进入相关APP。APP之间并不数据互通。搜索引擎也无法搜索APP内数据，搜索引擎天然是搜索web网页数据的。 通过关键字取得相关网页列表，APP根本进不去 更别说APP内具体数据。一个APP相当于一个细分分类搜索引擎，一系列APP集合体就取代了搜索引擎，特别是用户从电脑转移到手机 内容就从网页转移到APP 内容跟着用户迁移。 web时代和APP时代生态形式完全不同了，从零碎网页转变成有聚集效应的APP，搜索对不同用户而言也是各自有特定领域的。特定领域的人只安装特定领域APP就行了，并不需要一个万能搜索APP。 网页存在形式决定了只能统一万能搜索引擎，实际上搜索引擎一个帝国被APP系列城邦取代了。坚持用搜索可能根本搜不到内容了，内容已经从网页到了APP上。买东西电商APP， 看电影视频APP， 如果只提供APP不提供网页， 网页还能搜什么。 PC互联网 移动互联网 物联网 下一代搜索是什么？物联网时代内容应该会转移到智能设备平台上，不是按APP分类搜索 是按不同智能设备类别内部搜索

About Instruments Instruments是一个强大的和灵活的性能分析和测试工具的Xcode工具集的一部分。它的目的是帮助您配置您的OS X和iOS应用程序、进程和设备，以便更好地理解和优化他们的行为和性能。从应用程序开发过程的开始将工具集成到您的工作流中，可以帮助您在开发周期的早期找到问题。Instruments is a powerful and flexible performance-analysis and testing tool that’s part of the Xcode tool set. It’s designed to help you profile your OS X and iOS apps, processes, and devices in order to better understand and optimize their behavior and performance. Incorporating Instruments into your workflow from the beginning of the app development process can save you time later by helping you find issues early in the development cycle.

使用Release编译程序后，会输出xxx.app文件 eg: app.app 使用命令打包 macdeployqt app.app -qmldir=../../app/qml -dmg 来源： CSDN 作者： ms_ 链接： https://blog.csdn.net/mhw828/article/details/104077367

和MVC框架模式一样，Model模型处理数据代码不变在Android的App开发中，很多人经常会头疼于App的架构如何设计： 我的App需要应用这些设计架构吗？ MVC,MVP等架构讲的是什么？区别是什么？ 本文就来带你分析一下这几个架构的特性，优缺点，以及App架构设计中应该注意的问题。 1.架构设计的目的 通过设计使程序模块化，做到模块内部的高聚合和模块之间的低耦合。这样做的好处是使得程序在开发的过程中，开发人员只需要专注于一点，提高程序开发的效率，并且更容易进行后续的测试以及定位问题。但设计不能违背目的，对于不同量级的工程，具体架构的实现方式必然是不同的，切忌犯为了设计而设计，为了架构而架构的毛病。 举个简单的例子： 一个Android App如果只有3个Java文件，那只需要做点模块和层次的划分就可以，引入框架或者架构反而提高了工作量，降低了生产力； 但如果当前开发的App最终代码量在 10W 行以上，本地需要进行 复杂操作 ，同时也需要考虑到与其余的Android开发者以及后台开发人员之间的 同步配合 ，那就需要在架构上进行一些思考！ 2.MVC设计架构 MVC简介 MVC全名是Model View Controller，如图，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码

最近做一些CI+Vue开发的简单项目，由于刚开始一直从事后端，对Vue了解不是很多，fork了团队的项目代码发现项目的文件夹很多，一时间有些懵，上网上参考了部分资料，博客园中的 放晴的天空 与 狮子爱吃草 两位的博客提供了很大的帮助，现将该部分知识做以下总结。 下图为Vue项目文件夹： 以下就项目文件夹中的各文件的作用进行介绍： ├── build/ # Webpack 配置目录 ├── dist/ # build 生成的生产环境下的项目 ├── config/ # Vue基本配置文件，可以设置监听端口，打包输出等 ├── node_modules/ # 依赖包，通常执行npm i会生成 ├── src/ # 源码目录（开发的项目文件都在此文件中写） │ ├── assets/ # 放置需要经由 Webpack 处理的静态文件，通常为样式类文件，如css，sass以及一些外部的js │ ├── components/ # 公共组件 │ ├── filters/ # 过滤器 │ ├── store/ 　　　　 # 状态管理 │ ├── routes/ # 路由，此处配置项目路由 │ ├── services/ # 服务（统一管理 XHR 请求） │ ├── utils/ # 工具类 │ ├── views/ # 路由页面组件 │ ├── App.vue # 根组件 │ ├──

在电脑上对App抓包 首先，为什么选择fiddler，与charles优缺点对比 fiddler可以通过修改FiddlerScript达到更多的目的，charles不能 fiddler免费。charles要花钱，否则每半个小时就要重启一次，还要延时 平台性，charles是跨平台的（Windows、mac、Linux），fiddler只能在Windows、Linux中使用 其次，下载fiddler及证书生成插件 英文官方最新版下载地址 老版汉化版百度网盘链接 密码：8r11 推荐使用英文最新版，方便证书安装以及使用FiddlerScript功能 之后，配置fiddler 可参考： 使用fiddler实现手机抓包 手机app通常使用http协议，不用选择https协议解密。在我的使用中，https协议解密与http协议抓包冲突，不选择https协议解密的时候，手机app联网才正常并可正常使用http协议抓包 添加证书的时候，第二项“设置证书用途”我选成了WALN,改成“VPN和应用” 若证书有问题，需删除电脑端和手机端的证书，在官网下载 证书生成插件 ，并重新生成根证书 参考文章： fiddler小技巧 ； fiddler对安卓APP进行抓包 ； Fiddler在抓取https数据包时如何解决Tunnel to 443的问题 ； Python爬虫抓取手机APP的数据 ；

下面是一些Python脚本中操作app的用法： 检查app安装情况（返回true/false)， driver.is_app_installed(package_name) 安装app driver.install_app("x:/xxx.apk") 卸载app driver.remove_app(package_name) 打开通知栏 driver.open_notifications() 关闭app driver.close_app() 启动app driver.launch_app() 锁定屏幕x秒（不是很好用，锁定后屏幕无法解锁，导致无法后续，本人未找到解锁的方法） driver.lock(X) 模拟摇晃设备 driver.shake 重置应用 driver.resetApp() 检查是否存在某个activity(未找到则返回异常） driver.find_element_by_id(activity) 获取当前的activity： activity = self.driver.current_activity print(u"当前的activity是:", activity) 等待activity启动直到x秒超时，每隔y秒扫描一次 driver.wait_activity(activity, x, y) 将app置于后台运行x s(注意：测试发现置于后台数秒后变为前台时