webp 编写文档

1.html同步图片编写 <img class="pic" src="$!{newProduct.image}.300x300.png$!{isWebp}" srcset="$!{newProduct.image}.150x150.png$!{isWebp} 1x, $!{ »

charles 抓包https资源文档

第一步 下载较新版本的charles-3-11-4 下载地址:JOYF2E群共享文件。 步骤: ①双击dmg下载charles ②成功打开charles后关闭应用。 ③将CHarlespjbd文件夹下的charles.jar破解文件放入charles的包内容文件夹下的java目录 »

JOYUI模块规范以及页面搭建

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

shop-statistics-p工程说明文档

该工程为达人店后台PC端工程,采用React & Redux作为基础框架,基于es6进行开发,通过webpack进行工程资源打包管理。 使用说明 安装node依赖 npm install 开启本地服务器(开发模式) npm start 开启浏览器访问页面(开发模式) ht »

达品店项目文档

一、UI组件 gitlab地址 点击前往 组件列表 组件 文档 描述 dialog 文档 弹框组件 (重构) dropload 文档 上拉加载更多组件(复用达人店) loading 文档 异步加载等待动画(复用达人店) wxshare 文档 微信分 »

MidProxy

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

spon tinypng 插件

插件介绍:图片无损压缩插件,使用tinypng的API 使用介绍 第一步:进入图片所在的文件夹 第二步:(两种形式) 方式一:压缩整个文件夹内图片文件 命令 spon tinypng 方式二:压缩单个图片文件 命令 spon tinypng filename 参数 fi »

MOCK接口管理系统使用说明

Mock接口管理是一个可视化的接口管理工具,提供接口文档搭建和动态生成模拟数据等功能,为高效的前后端协作开发提供帮助。 Mock接口管理系统地址:http://mock.showjoy.net 系统用户权限说明 本系统登陆环境和尚妆线下登陆环境保持一致,拥有尚妆线下环境 - 后台 »

showjoy-shop达人店工程文档

此文档为达人店项目文档大纲,文档内有不同入口详细记录各部分内容。 一、UI组件 gitlab地址 点击前往 [src] | -- [components] | | -- [dialog] | | | -- README.md | »

spon-base64插件

简介 spon-base64 将某文件夹内的图片转换成base64编码,需要在命令行选择进行转换的图片尺寸上限 使用方法 cd image-folder // 进入需要base64的图片文件夹 spon base64 // 进行尺寸上限选择 ? 进行base64化的图片尺寸上限 »

专题新模板使用说明

专题新模板使用说明 一、模板概述 新模板支持配置使用通用页头,页尾,支持cms配置数据,数据自动封装,同步异步获取,支持配置开启微信分享。有了新模板之后,很多多要后端支持的活动,只需要配置一下,将数据自动传给前端进行解析。 二、配置字段解析 Cms页:活动商品数据录入的cms页码 »

静态活动开发文档

静态活动规范 20151210 此规范最重要的一点:在规定的文件地址内新建项目,且必须在仓库内修改源代码,时刻保持项目的最新状态,方便多人协作。 目录 公共 通信 营销库 模板语言 购给利 购给利(模板) 购给利(活动) 尚妆 活动编辑页面介绍 尚妆(模板) 尚妆(活动) »

User工程业务文档

User工程业务文档 本文档仅供参考,实际请以线上业务为准 User 工程包含了用户的个人信息等; 本文档主要介绍了线上业务对应页面资源(html)及静态资源(js/css)情况,整体架构,以便新来者更快的熟悉 User 工程。 大体结构介绍 User 工程首先分为 pc »

尚妆 EditThisCookie 插件使用方法

EditThisCookie 用来切换 预发环境 和 线上环境 预发环境(仅在showjoy内网下能够访问) * 线上环境(外网用户访问环境,线上真实环境) 判断当前是预发环境 or 线上环境 官网首页 http://www.showjoy.com 全选(Ctrl + A) 拉到 »

showjoy iconFont 使用

showjoy iconFont 使用 iconfont 介绍 用字体文件取代图片文件,来展示图标、特殊字体等元素。 优点: 加载文件体积小 统一展示风格,使用方法 通过font-size,color就能自由变化大小,修改颜色,就像控制文字一样简单 可以添加一些视觉效果如:阴 »

Comment工程业务文档

comment业务文档 本文档仅供参考,实际请以线上业务为准 本文档主要介绍了线上业务对应页面资源(html)及静态资源(js/css)情况,以便新来者更快的熟悉 comment 工程。 大体结构介绍 comment 工程首先分为 pc 和 mobile 两个大部分,对应电脑 »

fecomponent bass 组件依赖关系及修改注意事项

Showjoy fecomponent 组件依赖关系 由于bass组件中依赖关系复杂,整理了下表。大家注意在修改组件时,最好对应此此依赖关系,依赖关系出现问题。 例如:修改 bass 组件时,如果修改是不兼容的或者是bug修复时,要注意查看第五栏 [被依赖组件名] ,里面所有的组 »

Html 编写规范

约定 [强制] 所有html文件指定字符编码为 UTF-8 [强制] 使用 HTML5 的 DOCTYPE 来启用标准模式(强制) [强制] 在未使用rem布局页面中,H5页面设需要置viewport: wdth = 375,PC无需设置,使用rem布局的页面忽略此项 »

Less/css 编写规范

约定 [强制] 开发环境需使用less [强制] less文件统一使用UTF-8编码格式 [强制] 文件命名统一全部使用小写字母,后缀为".less",单词之间使用中划线分隔 [强制] 用作脚本获取DOM元素的class和id名应遵循J钩子规范 [强制] 上线cs »

JavaScript 编写规范

约定 [强制] js文件统一使用UTF-8编码 [强制] 所有js代码设立严格模式:统一在文件第一行添加 'use strict '; [强制] 产品页面中的所有js代码必须遵循CommonJs规范 [强制] 所有代码必须经过混淆压缩后方可上线 [强制] 获取DO »

git commit 信息规范

Showjoy Git 提交信息规范 showjoy 前端工程代码git提交步骤 spon工具中 spon mb/pc publish 命令集成了git中的git commit 和 git push两个命令 约定: 提交本地代码使用 git commit 命令,提交信息格式遵 »

前端模块划分及交接规范

UI模块 工程简述 前端负责人 Common 公共 欲休 Shop 达人店 南洋 Console 后台 悟空 Market 营销 米奇 BrandShop 达品店 悟空 GGLMaiConsoleUI 购给利卖家 »

大前端周会

大前端周会是为促进大前端团队技术沟通交流,共同进步的例行会议,在每周五下午5点举行,分为两个环节: 大前端快报(20min) 由团队成员轮流为大家带来业界的最新新闻,包括Android和iOS系统更新,前沿技术,业界客户端产品的重大更新,技术大会要点等。 例子: 《Vue升级3 »

尚妆页面工程说明

Java工程说明及SVN地址 尚妆所有的工程统一使用Java作为服务端开发语言,并在SVN环境下进行代码托管。本地开发环境的搭建可以使用Eclipse通过SVN地址导入对应工程,并采用Maven进行依赖仓库管理,UI是真正的Java工程,View提供模板支持,除了Common模块 »

详解React与Redux应用搭建

本文将主要讲述我对React与Redux单页面应用搭建的理解与当前的应用模式,并通过范例带领大家深入了解其开发模式,共同探讨后台组件化的实现方案。 在文中涉及到的一些技术文档链接如下所示,想对使用技术进行详细了解的同学可以通过下面的链接进行深入学习: React - 中文文档:h »

spon别名使用方法

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