使用 wepy + wepy-redux + less 开发微信小程序的一些心得体会

背景

终于经历了 10 天加班加点后,把一个小程序赶了出来,晚上 10 点多提审,半夜 1点半审核通过(同事们都很惊奇,怎么可以那么快过审,因为我以前试过第一版提审,微信足足审了我两周的时间。估计是他们看到熟客,因为以前我提的一般都没什么问题,直接快快给我过审)。本次开发人员两个人,一个前端,一个后端,因为之前用 wepy 开发过几个小程序,比较顺手,很多坑已经踩过,所以再次选用了 wepy。其实,公司层面更倾向于使用 uni-app,而且我也为别的同事写过一些使用 uni-app 开发小程序的启动项目,但无奈,这次要写一个团队答题游戏类的,业务逻辑相对复杂,要亲自上马,时间太赶,不能花多余的时间去踩 uni-app 的坑 继续阅读“使用 wepy + wepy-redux + less 开发微信小程序的一些心得体会”

使用 Less + 各种框架开发小程序快速切图布局常用的自定义 Less 函数【原创】

前言

开发小程序已有一段时间了,之前使用过 wepy、uni-app 框架来开发小程序,切图布局时对比过原始 cssscss / sassless 三种方式来写样式,最后发现使用 less 来写样式是最省心的,高效的定义好 less 样式函数,可以让你写起代码来事半功倍 继续阅读“使用 Less + 各种框架开发小程序快速切图布局常用的自定义 Less 函数【原创】”

Sass / Scss 样式预处理的一些常用技巧

前言

现在,样式预处理语言已经成了前端进行页面布局编写样式的标配辅助工具,当前已经基本没人去手写纯 css 样式了,在众多样式预处理语言当中,Sass / Scss 及 Less 是最多人使用的样式预处理语言。本文主要是介绍使用 Sass 预处理的一些常用技巧。

使用 Sass 的一些常用技巧

一、@at-root 的使用可以让你突破所在的作用域

我们在编写 sass 时,一般是喜欢让 css 代码形成深度的树结构,但有时如果我们为了不想 sass 给我们生成的 css 样式层次太深(原则是不超过 3 层结构,如:.root .parents .children {color:red;}),想把特定的 css 样式与根节点脱离开来,此时,我们可以使用 Sass 的 @at-root 来实现我们想要的效果,顾名思义,at root 就是让生成的 css 代码以此节点为根节点,不受外层节点影响,但不影响你按树结构来书写 css 代码,sass 代码如下: 继续阅读“Sass / Scss 样式预处理的一些常用技巧”