All Projects → meibin08 → Gulp Wechat Webapp

meibin08 / Gulp Wechat Webapp

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

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Gulp Wechat Webapp

Wxapp Boilerplate
使用 webpack, babel, scss 开发的微信/支付宝小程序项目脚手架
Stars: ✭ 367 (+439.71%)
Mutual labels:  wechat, scss
Coreui
Open Source UI Kit built on top of Bootstrap 4 and plain JavaScript without any additional libraries like jQuery
Stars: ✭ 361 (+430.88%)
Mutual labels:  scss, webapp
Weapp Workflow
基于Gulp 的微信小程序前端开发工作流 💯
Stars: ✭ 241 (+254.41%)
Mutual labels:  wechat, scss
Ctph h5 wx
It's a vue SPA wechat webapp
Stars: ✭ 28 (-58.82%)
Mutual labels:  wechat, webapp
Revokemsgpatcher
A hex editor for WeChat/QQ/TIM - PC版微信/QQ/TIM防撤回补丁(我已经看到了,撤回也没用了)
Stars: ✭ 12,482 (+18255.88%)
Mutual labels:  wechat
Selectize Bootstrap 4 Style
Selectize (https://github.com/selectize/selectize.js) Theme for Bootstrap v4.4.1
Stars: ✭ 64 (-5.88%)
Mutual labels:  scss
Steaming Ip Camera Nodejs
Real time streaming IP/Network security camera on web browser using NodeJS
Stars: ✭ 64 (-5.88%)
Mutual labels:  webapp
Wxpay Sdk
Server-side SDK of Weixin/WeChat, the Java binding.
Stars: ✭ 63 (-7.35%)
Mutual labels:  wechat
Offiaccount
[微信公众号] A fast wechat offiaccount development sdk written in Golang
Stars: ✭ 68 (+0%)
Mutual labels:  wechat
Miniweather
基于koa的微信公众号开发
Stars: ✭ 67 (-1.47%)
Mutual labels:  wechat
Easychatandroidclient
EasyChat是一个开源的社交类的App。主要包含消息、好友、群组等相关的IM核心功能。部分界面参照了QQ、微信等相关社交APP。EasyChat APP整体采用MVVM模式,基于JetPack(Lifecycle,LiveData,ViewModel,Room)构建
Stars: ✭ 64 (-5.88%)
Mutual labels:  wechat
Ttoos
开源之道,致力于开源相关思想、知识和价值的探究!
Stars: ✭ 64 (-5.88%)
Mutual labels:  scss
Matrix
Matrix is a plugin style, non-invasive APM system developed by WeChat.
Stars: ✭ 9,357 (+13660.29%)
Mutual labels:  wechat
Ramd.js
ramd.js JavaScript library for making web applications.
Stars: ✭ 64 (-5.88%)
Mutual labels:  webapp
Ifme
Free, open source mental health communication web app to share experiences with loved ones
Stars: ✭ 1,147 (+1586.76%)
Mutual labels:  scss
Hqchart
HQChart - H5, 微信小程序 沪深/港股/数字货币/期货/美股 K线图(kline),走势图,缩放,拖拽,十字光标,画图工具,截图,筹码图. 分析家语法,通达信语法,(麦语法),第3方数据替换接口
Stars: ✭ 1,126 (+1555.88%)
Mutual labels:  wechat
Vibe
Get insights into your Spotify listening history 🎶
Stars: ✭ 67 (-1.47%)
Mutual labels:  webapp
Tinker app
Android热更新Tinker + 多渠道打包 + 加固的流程详解demo
Stars: ✭ 67 (-1.47%)
Mutual labels:  wechat
Fishchat
Hook WeChat.app on non-jailbroken devices.
Stars: ✭ 1,139 (+1575%)
Mutual labels:  wechat
Znlbwo.github.io
Stars: ✭ 65 (-4.41%)
Mutual labels:  scss

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

使用说明 :

- 请稳步wiki文档页查看,

-wiki使用说明

-@IT·平头哥联盟

已完成功能列表:

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].