本系列的英文版Jerry写作于2017年，这个教程总共包含十篇文章，发表在SAP社区上：https://blogs.sap.com/2017/12/10/wechat-development-series-1-setup-your-development-environment/最近有不少朋友在微信上向我咨询SAP系统和微信公众号集成的问题，因此我把当时写的英文版翻译成中文，重新发布在我的公众号上
1. 什么是Sass?Sass(Syntactically Awesome Stylesheets)是一个 CSS 预处理器，是 CSS 扩展语言，可以帮助我们减少 CSS 重复的代码，节省开发时间。2. 为什么使用Sass？它能够帮我们更快更高效的编写更好维护的 css；Sass 引入合理的样式复用机制，可以节约很多时间来重复。Sass的好处当然不仅于此，当你使用之后便会发现其中的妙处。3. S
移动端布局各种问题
pc端布局各种问题
sass组件模块化
面向对象编程
ajax框架学习
webpack 打包
性能优化
gulp是基于Nodejs的自动任务运行器
她能自动化地完成 javascript、coffee、sass、less、html/image、css 等文件的测试、检查、合并
、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。
Sass
转载
2024-01-30 06:41:46
54阅读
小程序底层架构微信小程序是大前端跨平台技术的其中一种产物，与当下其他热门的技术 React Native、Weex、Flutter 等不同，小程序的最终渲染载体依然是浏览器内核，而不是原生客户端。而对于传统的网页来说，UI 渲染和 JS 脚本是在同一个线程中执行，所以经常会出现 “阻塞” 行为。微信小程序基于性能的考虑，启用了双线程模型：视图层：也就是 webview 线程，负责启用不同的 web
转载
2023-11-07 12:54:15
72阅读
小程序的基本技术层次微信技术架构小程序框架的核心是一个响应的数据绑定系统。整个小程序框架系统分为两部分：视图层（View）和逻辑层（App Service）框架可以让数据与视图非常简单地保持同步。当做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新。视图层和逻辑层分离，通过数据驱动，事件交互，不直接操作DOM视图层负责渲染页面结构，逻辑层负责逻辑处理、数据请求、接口调用等视图层与逻辑
转载
2023-10-25 14:10:50
265阅读
前言自 2017 年第一批小程序上线以来，越来越多的移动端应用以小程序的形式呈现。小程序拥有触手可及、用完即走的优点，这大大降低了用户的使用负担，使小程序得到了广泛的传播。在阿里巴巴，小程序也被广泛地应用在淘宝/支付宝/钉钉/高德等平台上。为了支撑大量的小程序，服务端面临的挑战有：大量的小程序是不活跃的，传统的至少一台服务器的方式会造成资源浪费；在活动高峰期小程序的调用量激增，要求服务端能够快速进
前些日子，在架构师带领下，我和另一个前端从零开始开发微信小程序。这是一个比较完整的项目开发，基于此项目，从以下几个点，我对小程序的架构进行一些分析和介绍。由于本人能力有限，可能会有缺漏和错误，欢迎指出。目录项目介绍项目结构组件化开发HTTP请求封装文档书写总结内容 1. 项目介绍此是一个轻量的小程序，全部由原生小程序页面组成。我们将之划分为7个模块，用户、地址、优惠券、团购商城、订单、红
转载
2024-01-22 15:27:58
64阅读
# 小程序商城技术架构的实现
作为一名刚入行的小白，理解小程序商城的技术架构以及实现过程至关重要。以下是实现小程序商城的整体流程，以及每个步骤的具体细节和必要的代码示例。
## 整体流程
以下表格展示了实现小程序商城的主要步骤：
| 步骤 | 描述 |
|--------------|---------------
## 小程序技术架构文档的构建过程
### 背景描述
随着小程序在移动互联网发展中的重要性日益增长，构建一个完善的小程序技术架构文档显得越来越必要。这份文档将指导开发团队如何高效、规范地进行小程序开发。以下是构建文档的基本流程：
```mermaid
flowchart TD
A[需求调研] --> B[技术选型]
B --> C[系统设计]
C --> D[文档撰写
前言现在预处理器已经成为前端开发一种必要的工具，为我们编写传统样式提供了极大的便利。但我在使用中，还是需要先编写很多个基础代码比如（clearfix，-webkit，-mo）等。像是不是有工具像jquery那样的工具库。来帮助我们写样式呢？答案是有的Compass（http://compass-style.org/）和EST（http://ecomfe.github.io/est/）。这两个工具是
# 钉钉 SaaS 技术架构解析
近几年，随着企业数字化转型的不断推进，SaaS（软件即服务）模式越来越受到青睐。钉钉作为一款智能化的企业服务平台，通过其强大的SaaS技术架构，为用户提供了高效的沟通和管理工具。本文将简单介绍钉钉的SaaS技术架构，并以代码示例展示其一些基本功能。
## 一、钉钉SaaS技术架构概述
钉钉的SaaS架构主要分为以下几个层次：
1. **前端层**：主要负责
原创
2024-10-21 04:30:54
136阅读
# 微信小程序技术架构实现指南
微信小程序是一种新型的应用模式，能够提供流畅的用户体验。今天，我们将通过简单的步骤来实现一个基本的微信小程序技术架构。
## 流程步骤
以下是实现微信小程序技术架构的基本步骤：
| 步骤编号 | 步骤描述 |
|----------|---------------------|
| 1 | 注册小程序账号并创建项目
开发一个完整的中大型小程序，一般需要后端服务器、数据库、开发工具、开发环境、开发框架，前端环境、开发工具、开发框架、UI设计工具、UI框架这些技术。掌握并熟练使用这些技术，你就具备了目前比较流行的全栈工程师的技能。也能在创业公司这种一人独挑大梁的企业，承担起整个项目开发的启动工作。我们将向您完整的展示一个房源管理系统，从后端到前端所有的技术、开发过程和完整源代码。首先我们学习后端环境的搭建。我们选
转载
2024-01-03 13:08:17
41阅读
一、微信小程序--分包1、什么是分包 分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。 分包原理：在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进
转载
2024-06-14 13:24:13
690阅读
总结：1、如果想让一个view水平和竖向均居中。另外，vertical-align:竖向居中。如果想让标题只显示2行，多余的显示…超出一行就隐藏：white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;white-space:normal，normal表示合并空格，多个相邻空格合并成一个空格，在源码中的换
# SASS系统技术架构解析
在当今的数字世界中，软件即服务（Software as a Service，简称SaaS）成为了企业提供和使用软件的主要方式之一。本文将解析Saas系统的技术架构，并通过示例代码帮助您更好地理解其工作原理。
## SASS系统架构概述
SaaS系统架构通常包括多个层次，如用户界面层、应用逻辑层、数据层和平台服务。用户通过网络访问应用程序，这些应用程序在云端运行，
一、准备下载微信小程序开发者工具：下载地址
注册微信小程序：前往注册
微信小程序开发文档：前往阅览
打开开发者工具，用微信扫码进入创建页面，填写配置如下：需要注意的是：AppId可以选择已经注册的账号Appid，也可以选择测试号。区别是测试号不支持云开发。这里暂时选择测试号。完成配置后，点击底部确定按钮，然后会进入一个初始化的页面，第一次打开可能有些慢，耐心等待即可；二、原理前端页面渲染的三种方式
1.颜色 注意：在$colors定义之后面需要以分号结尾(;) 不然后面定义@each会报错 // colors 定义颜色 $colors:("primary":#db9e3f, "white":#fff, "light":#f9f9f9, "grey":#999, "dark-light":#34 ...
转载
2021-08-30 09:28:00
467阅读
2评论
最近在工作当中，接触到一些关于微信小程序的开发，写出这篇文章和大家分享 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。框架提供了自己的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。那么我们从小程序的描述中不
转载
2023-11-01 20:15:52
55阅读
微信小程序基础功能及技术栈实现介绍番茄钟功能：
前端（Vant Weapp）：使用Vant Weapp提供的倒计时组件或者自己开发一个正计时的组件来实现计时功能，同时可以用它的列表、排行榜组件等来展示各科目的学习时间和学习时长排行。后端（PHP+ThinkPHP6）：ThinkPHP6作为一个功能强大的PHP框架，可以方便地处理学习时长的记录和排行榜的生成。将用户的学习时间记录在MySQL数
转载
2024-02-11 13:06:38
57阅读
