如何开发sptt工程的原子操作

回顾 原子操作须有客户端开发人员提供。之所以这样是由于只有客户端开发人员可以方便的、可控的修改应用的源码,用于更为快捷的UI元素的定位。 关于原子操作的详细介绍,请查看 sptt规范之atom操作一节 关于示例,请看 移动端测试方案--sptt 工具之app-inspector »

sptt规范介绍

相关资源 如何开发sptt工程的原子操作 移动端测试方案--sptt sptt规范 一个标准的sptt工程的目录如下: [sptt-project] | -- [ios] | | -- [atoms] | | | -- login.yml »

移动端测试方案--sptt

sptt sptt是移动端UI自动化测试的一种解决方案,全称为special tool of test。sptt提供了一套测试解决方案,并使用命令行完成相关操作,最终可集成在各种后续的流程中。 sptt内部整合了第三方测试框架-appium,由appium层抹平iOS和andro »

翻译:如何使用CSS实现多行文本的省略号显示

本文翻译自CSS Ellipsis: How to Manage Multi-Line Ellipsis in Pure CSS,文中某些部分有些许改动,并添加译者的一些感想,请各位读者谅解。 合理的截断多行文本是件不容易的事情,我们通常采用几种方法解决: overflow »

样式化加载失败的图片

本片文章翻译自 Styling Broken Images 翻译过程中可能会在原意不变的基础上有些细微改动,望读者见谅 加载失败的图片是比较丑陋的,比如 但是我们可以让结果变得更美好。通过给元素设置CSS相关属性可以实现更美的呈现。 IMG元素你需要知道的两点知识 我们可以针对I »

高吞吐koa日志中间件

快速使用 app.js var koa = require('koa'); var midlog = require('midlog'); var app = koa(); // 配置日志中间件 var firstValve = midlog({ env: 'on »

MidProxy开发工具--"spon-midproxy"

安装 可以查看spon插件指南,按照提示安装“spon-midproxy”插件 如 spon plugin install spon-midproxy 使用 在工程目录中运行命令spon midproxy --port 8787即可指定端口启动。 spon midproxy »

node服务的监控预警系统架构

需求背景 目前node端的服务逐渐成熟,在不少公司内部也开始承担业务处理或者视图渲染工作。不同于个人开发的简单服务器,企业级的node服务要求更为苛刻: 高稳定性、高可靠性、鲁棒性以及直观的监控和报警 想象下一个存在安全隐患且没有监控预警系统的node服务在生产环境下运行的场景, »

MidProxy开发之活动页面

为什么使用MidProxy 当前活动页面有特定的后端模板,而且后台系统中也有录入代码的入口,发布比较方便。但是这样却存在几个问题, 首先受制于模板限制,活动页面的前端可定制型几乎没有:由于模板在后端渲染,因此一旦活动页面的布局或者设计风格改变,前端开发人员的操作就不仅仅是在后台系 »

JOYUI模块规范以及页面搭建

什么是JOYUI模块 相信大家在平常的开发过程中会发现,一个页面往往可划分为几个部分,如简单划分为头部、内容部分和尾部。即使在各色各样的活动页面中仍然可以细分一些构成页面的模块,如轮播模块,滑动tab栏,列表页,品牌banner页等。这些部分在传统开发中每次开发一个新的活动页面时 »

MidProxy

MidProxy MidProxy是尚妆基于前后端分离开发的一种尝试。MidProxy可以让前端开发人员初步涉入服务端领域,掌控用户请求处理,获取接口数据,按照前端模板规范渲染页面,并结合着其他优化如BigPipe可完成页面模块级别的异步渲染。 MidProxy的出现解决了前端开 »

spon别名使用方法

别名 为了防止命令全局污染,在spon中默认集成了spon-alias插件,alias插件会在代码层面进行优化,减小命令重复的可能性; 使用 spon alias --> 本地所有的别名配置 spon set <command> <origin command& »

spon的插件编写规范

spon-plugin 说明 用于 spon 插件管理,包括安装、升级等功能 此为内置插件,安装 spon 时默认安装 spon-plugin 安装一个插件时,会自动安装该插件所依赖的所有插件 移除一个插件时,依赖此插件的其它插件在运行时,会自动再装回来 发布 spon插件的发布 »

spon插件之spon-xssmark

什么是spon-xssmark spon-xssmark是标记文件中(包括js、css、html、tmpl文件)xss漏洞的一款插件,它与spon-xssprobe的区别在于是否可以针对其他非语义化代码进行漏洞分析。spon-xssprobe插件只能针对可编译成AST的代码进行分 »

spon插件之spon-xssprobe

什么是spon-xssprobe spon-xssprobe是spon的一个插件,它用于分析js代码中可能存在的xss漏洞,并标记代码中已经存在的XSS Source和XSS Sink,开发人员根据tty输出信息进行修改,修复xss漏洞。 spon-xssprobe基于代码构建A »

前端assets发布规范

发布流程 发布完全由git托管,前端资源的发布简单、高效和快捷。 使用流程 1,clone || pull(fetch,merge) 确保代码和线上同步 2,修改代码,do sth… 3,git add . && spon cmt 4,提交代码,git p »

公司内部npm模块发布方法

私有npm仓库的必要性 随着spon的不断集成和扩展,其引用和修改的第三方组件也会越来越多。这些组件在很大程度上是为了优化和适应公司内部的使用场景,因此在源码层面上做了一些改动,而这些改动不足以或者没有必要发部到线上的npm仓库,因此,这样的第三方组件需要发部到私有仓库进行储存; »

rem布局及其插件

尚妆新页面rem方案文档 flexible.js已全局使用,无需再引用。 新页面vm头部设置变量#set($isRem=true) 组件抽离使用rem布局。 rem布局规范 说明 0.1.10版本的spon添加了rem插件,该插件作用可以让rem的大小自适应。rem插 »

尚妆前端解决方案-SPON

相关资源 spon插件规范 spon命令别名使用教程 移动端rem布局与spon 前端资源发布规范 公司私有npm源的配置与使用 spon插件列表 XSS探针 —— spon-xssprobe XSS标记 —— spon-xssmark(它比XSS探针探测的范围更广,不仅限于js »