GithubHelp home page GithubHelp logo

guanguanday / gulp-wechat-webapp Goto Github PK

View Code? Open in Web Editor NEW

This project forked from meibin08/magicmusicbox

0.0 1.0 0.0 28 KB

基于gulp,以scss的方式写wxss,、提高开发效率的一个入门示例

JavaScript 59.33% CSS 40.67%

gulp-wechat-webapp's Introduction

小程序项目基础框架+共用组件

使用说明 :

- 请稳步wiki文档页查看,

已完成功能列表:

sass预编译wxss文件 -- gulpfile.js

- 使用scss的方式编译wxss文件,再编译成.wxss文件动态插入到各模块内,让我们像写css,找回你熟悉的感觉~~,

配置文件 -- config.js

- 在该文件内完成项目中所需的配置项,如日志上报key\id,不同环境接口地址等,

日志上报功能 -- utils/logs.js

- 该功能主要用于前端日志监控,处理用户使用过程中接口异常的统计,
- 实现快速定位,分析用户的行为,出错的页面,及用户的设备信息等,
- 这里要给大家推荐一个前端饥渴已久的平台,跟后端人员一样,前端也有自己的日志系统,让我们能更精确快速的定位问题,提高开发效率,让妈妈再也不用担你,你找不到bug在哪里了……
- 请查看该文件,一探究竟吧!

接口请求封装 -- utils/request.js

- 实现全部小程序统一的登录体系,便于后期维护,
- 对接口异常字段的统一处理,
- 有待持续完善;

缓存设置时效性 -- utils/storage.js

- 曾经localStorage、sessionStorage你是否一度感慨,让前端的数据缓存看到希望,再也不正眼揪一下昔日你倍感爱惜的cookie了呢?
- 但localStorage那不永过期的热情,是不是也让你望而止步呢,
- storage简单的包装后的localStorage,帮你解决了一切烦恼,想存就存,想换就换,想什么时候甩了它都行,哈哈;
- 可能你也在骂我废话太多,看不下去……

常用字段正则校验 -- utils/validate.js

- 收集整理一些常用用户输入校验,如:email、电话、姓名、密码、身份证、通行证等常用正则验证,
- 持续完善中,后期根据实际项目可慢慢积累;

常用过滤器 -- utils/format.js

- 收集整理一些常用用户输入校验,如:email、电话、姓名、密码、身份证、通行证等常用正则验证,
- 持续完善中,后期根据实际项目可慢慢积累;

安装依赖包

  • npm install

开发环境 -scss监听

  • npm run gulps

React\redux技术交流群 --但也不仅仅局限于此哦~

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.