app

Vue的事件修饰符

旧街凉风 提交于 2020-01-15 21:21:42
转载于: https://www.cnblogs.com/xuqp/p/9406971.html 事件处理 如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量 $event ,把它传入到 methods 中的方法中。 在Vue中, 事件修饰符 处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑处理。在Vue中事件修饰符主要有: .stop :等同于JavaScript中的 event.stopPropagation() ,防止事件冒泡 .prevent :等同于JavaScript中的 event.preventDefault() ,防止执行预设的行为(如果事件可取消,则取消该事件,而不停止事件的进一步传播) .capture :与事件冒泡的方向相反,事件捕获由外到内 .self :只会触发自己范围内的事件,不包含子元素 .once :只会触发一次 .stop 防止事件冒泡 冒泡事件:嵌套两三层父子关系,然后所有都有点击事件,点击子节点,就会触发从内至外 子节点-》父节点的点击事件    <!-- HTML --> <div id="app">   <div class="outeer" @click="outer">     <div class="middle" @click="middle">       

创业公司一年工作总结

微笑、不失礼 提交于 2020-01-15 16:58:39
集锦:http://www.lanceyan.com/category/chuangye http://www.cnblogs.com/xdp-gacl/tag/%E5%88%9B%E4%B8%9A/ 公司由于要转型,导致我们整个软件开发部门要解散了,作为开发部负责人的我也不得不离职了,在离职之际,总结一下自己在创业公司一年的工作感受吧。 一.面试   2014年1月份年底的时候公司开完年会我就从公司离职了,整理了一下简历准备开始找重新工作,机缘巧合之下,在QQ群里面遇到了现在公司的技术负责人在招人,简单和他聊了一下之后,他就邀请我去和他见个面具体聊聊,见面地点是在一个咖啡厅,他问了几个技术问题后就觉得我很满足他的要求,然后就开始和我聊待遇的问题了,开出来待遇挺不错的,有税后15K,我就心动了,然后我也简单问了一下公司的情况,他说公司是新成立的,主要是做在线教育产品的,产品的需求文档,开发环境以及项目的开发架构什么的都事先准备好了,招我们进去就直接可以做开发了。面试的过程就是这样了,我没有当场答应他,我说考虑一周之后给他答复,一周之后他打电话给我,问我考虑得如何,我当时手上有另一个公司的Offer,但是薪资没有他给得高,所以我还是选择了薪资高的公司,于是就答应了他,过完年后去公司报道。 二.入职   2015年3月2号早上9点我正式到公司报道了,进入公司一看,傻眼了

vue-cli 项目结构

最后都变了- 提交于 2020-01-15 09:22:51
Vue-cli 项目结构 vue-cli 为我们搭建开发所需要的环境 目录结构及主要功能 |-- build // 项目构建(webpack)相关代码 | |-- build.js // 生产环境构建代码 | |-- check-version.js // 检查node、npm等版本 | |-- dev-client.js // 热重载相关 | |-- dev-server.js // 构建本地服务器 | |-- utils.js // 构建工具相关 | |-- webpack.base.conf.js // webpack基础配置 | |-- webpack.dev.conf.js // webpack开发环境配置 | |-- webpack.prod.conf.js // webpack生产环境配置 |-- config // 项目开发环境配置 | |-- dev.env.js // 开发环境变量 | |-- index.js // 项目一些配置变量 | |-- prod.env.js // 生产环境变量 | |-- test.env.js // 测试环境变量 |-- src // 源码目录 | |-- components // vue公共组件 | |-- store // vuex的状态管理 | |-- App.vue // 页面入口文件 | |-- main.js //

Vue-cli浅入浅出

爱⌒轻易说出口 提交于 2020-01-15 09:18:32
搭建环境 工欲善其事必先利其器,我们的学习计划从学会搭建Vue所需要的环境开始,node和npm的环境不用说是必须的,现在前端流程化很热门,基本上新的技术都会在这套流程的基础上做开发,我们只需要站在巨人的XX上装*就可以了。我假设你的机子上已经有了最新的node和npm了,那我们就只需要执行以下命令: $ npm install -g vue-cli 构建完了之后,随便进入一个我们事先准备好的目录,比如demo目录,然后在目录中做初始化操作: $ vue init webpack vue-cli-demo webpack 参数是指 vue-cli-demo 这个项目将会在开发和完成阶段帮你自动打包代码,比如将 js 文件统一合成一个文件,将 CSS 文件统一合并压缩等。 init (初始化)的过程中会问你给项目定义一些描述,版本之类的信息,可以不管,一直输入y确定跳过,完成之后出现以下界面,部分会提示你接下来要做的操作,按照它的提示继续敲代码就对了。 同时获取信息: npm i -S axios vue-axios cd vue-cli-demo npm install npm run dev npm install 是安装项目所需要的依赖,简单理解就是安装一些必要的插件,需要等一段时间; 同样也可以使用 yarn npm run dev 是开始执行我们的项目了

8266接入华为hilink Demo之APP验证(三)

£可爱£侵袭症+ 提交于 2020-01-15 07:34:21
8266接入华为hilink Demo之sdk编辑(二)已设置成粉丝可见! 各位好,我是Tomi 本章主要记录下APP调试的一些配置,因为有时候官网的手册讲的并不是很详细有点模凌两可的感觉! 由于小编项目需求,已经转战了爱联的MCU侧开发,后续我会对爱联mcu移植做一个总结,移植起来也是很简单。 1.APP下载 下载的二维码: 下载完成过后注意在华为应用市场里让它不自动更新,因为测试版的话只能在该版本进行 2.选择服务器 测试的话就选择厂家认证云(这边小编咨询过华为的技术,即使是mcu侧的开发也是同样的,有的mcu侧开发的文档上要求是测试云,但实测后发现测试云不咋灵光,有可能是文档有误 ) 下一步:这边随意选,我使用了中间一个(没细究) 3.切换环境目录 设置-》关于-》选择测试环境(guide目录),如下图: 4.配置H5(这里是官网文档里没有讲到的) 这里你要配置一个本地服务器,我用的是HFS网络文件服务器(已上传) 然后把H5文件地址放入H5地址配置中,如图: 至于HFS文件服务器怎么配置网上一搜教程就有。 h5_001文件夹是在网页端下载的,文章(一)中有提到。 5.搜索设备,配网连接 这个时候你就能搜到自己的设备了,搜到后输入自己密码进入自动配网,之后在首页就会显示出设备了。 至此就能开始简单的测试了。 来源: CSDN 作者: mhj258258 链接: https:/

更改公众号名称对用户关注的影响

旧时模样 提交于 2020-01-15 06:50:18
我们的app内有引导用户关注公众号的弹窗和任务。 最近,因为app对应原公众号没有资质,我们对公众号进行迁移,迁移至另外一个app的公众号。于是,用户在引导用户关注的弹窗里,相当于引导用户关注另外一个app的公众号,公众号名称和app的名称不对应。因为这个调整,新用户关注公众号的占比从16%降低到了11%。 新用户真是敏感啊OAO 来源: CSDN 作者: 原住民阿烁 链接: https://blog.csdn.net/weixin_41337483/article/details/103926214

APP测试流程

*爱你&永不变心* 提交于 2020-01-15 05:43:17
1. UI 测试 app主要核ui与实际设计的效果图是否一致;交互方面的问题建议,可以先与产品经理确认,确认通过后,才开始让开发实施更改或优化 2. 功能测试 根据软件说明或用户需求验证App的各个功能实现,实际测试过程一般都是根据功能测试用例来执行。测试覆盖率基本上都是有测试用例主导,也就是说在功能测试部分,是检验测试用例是否有效以及完整的,也就导致另外一个问题,测试用例怎么写的问题,将另外一篇文章来单独阐述测试用例的编写方法。 3. 中断测试 模拟用户真实使用app是会遇到的中断情况进行测试.如: 网络的断网, 切换网络, 断电,来电话/短信,听音乐,切换到其他app, 打开其他app 的通知等 4. 兼容以及适配测试 新旧版本的在功能,逻辑层面的兼容测试, 同一个app 在不同系统版本运行,以及不同机型之间的适配测试 兼容测试:接口的兼容性测试能够保证大部分的功能完善;app在不同系统版本上保证运行 适配性: 屏幕,系统版本等(系统位数一定要考虑) 该部分通过第三方的云平台进行 5. 性能测试 可测试的方面 - 安装和启动时间 - CPU的占用 - 内存的占用 - 流量的耗用 - 电量的耗用 - 后端,测试App中的各类操作是否满足用户响应时间要求,主要是测试点在网速方面,2g,3g,wifi, 4g一定要覆盖到 - 后端 有网络并发 6. 稳定性测试,压力测试 1

Angular学习-指令入门

与世无争的帅哥 提交于 2020-01-15 02:05:16
1.指令的定义 从用户的角度来看,指令就是在应用的模板中使用的自定义HTML标签。指令可以很简单,也可以很复杂。AngularJS的HTML编译器会解析指令,增强模板的功能。也是组件化未来的发展趋势,目前HTML5中也加入了很多新标签,但是在实际业务开发过程中,有很多复用的模板,加上复用的交互效果,可以将其编写为AngularJS的指令,开发工程师可以在同一个项目,或多个项目中使用,实现开发一次,到处使用的目标。 2.内置指令和自定义指令 AngularJS内部指令都是ng-diretivename这种,以ng-开头。可以通过 https://docs.angularjs.org/api/ng/directive 查看AngularJS的指令。在实际开发中,常用的有以下几个: ngApp ngController ngClass ngClick ngShow和ng-hide ngRepeat ngSubmit 3.第一个指令 编写一个第一个指令,输出Hello AngularJS Diretive. index.html <html ng-app="app"> <head> <title>AngularJs First Diretive</title> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com

Fiddler+夜神模拟器进行APP抓包

家住魔仙堡 提交于 2020-01-15 01:02:34
Fiddler+夜神模拟器进行APP抓包 作者:霞落满天 需求:对公司APP进行抓包获取详细的接口信息,这是现在开发必备的。 工具:Fiddler抓包,夜神模拟器 模拟手机 安装APP 1.下载Fiddler https://www.telerik.com/download/fiddler Fiddler正是在这里帮助您记录计算机和Internet之间传递的所有HTTP和HTTPS通信。更好的是,Fiddler捕获了所有本地运行进程的流量,从而记录了服务器到服务器(例如Web服务)和设备到服务器的流量(例如iPad和Windows Phone客户端)。 工作原理: Fiddler是以代理WEB服务器的形式工作的,浏览器与服务器之间通过建立TCP连接以HTTP协议进行通信,浏览器默认通过自己发送HTTP请求到服务器,它使用代理地址:127.0.0.1, 端口:8888。 2.下载夜神模拟器 下载安装很简单的,安装好后的界面 需要调整为手机竖屏 3 修改IE设置 将HTTP代理服务器地址改为127.0.0.1:8888。 4.配置fidder捕获HTTPS会话和端口连接设置 tools-options 安装好证书,如图勾选即可。 注意:fidder配置完需要重启。 5 夜神模拟器配置WLAN 设置里找到WLAN 需要在外面的windows查到本机IP 6.给夜神模拟器安装https证书

App后台开发运维——架构设计

六眼飞鱼酱① 提交于 2020-01-15 00:06:05
QQ 1285575001 Wechat M010527 技术交流 QQ群599020441 纪年科技aming 1.设计app架构 1.梳理app业务流程 2.整理业务流程可能遇到的问题 3.根据问题,探讨可执行的解决方案 4. app后台 初步架构 :3中所有技术进行有机融合 api编写: 1.api的作用(功能) 2.api需要输入的参数 3.api返回的数据 2.服务器选择 1.传统的IDC 在传统的IDC,要加cpu或内存,流程如下:   1.和客户经理商商谈所需硬件的价格   2.汇款过去,等IDC的财务确认   3.确认后,等待IDC安排工作人员升级硬件   这个流程走一次,最少也要1至2天。延迟了1至2天升级硬件,怎么保证可以快速应付爆发的业务 2.云服务器 升级硬件: 1.在用户后台选择需要的硬件配置   2.通过网络支付   3.重启服务器,升级就完成了。如果只是升级带宽,甚至不用重启。   整个过程合起来不用5分钟,简单,快捷,方便。   而且,现在的云服务器提供商,除了服务器外,还提供下面的服务:   负载均衡   云数据库   云内存存储   这些服务在app上线初期,在一台服务器上自己搭建就行了,   但随着app的发展,这些服务都需要部署在不同的服务器。      规模的增大,也要面对高可用,高并发,监控报警等问题。   这些问题如果都要后端人员处理