参考链接 全局安装gulp,方便以后直接执行gulp命令 npm install gulp -g 用原生小程序新建一个项目 在小程序根目录(app.js同级目录)中新建package.json文件 npm init -y 安装gulp和相关插件 npm install gulp -s 安装依赖 npm install gulp-changed gulp-rename gulp-sass gulp-watch 在根目录创建gulpfile.js文件,代码如下: var gulp = require

懒癌直接贴代码,想写在写因为最近搞了一下小程序,直接使用微信的开发者工具搞感觉有点不习惯,并且看了几篇给小程序瘦身的博客,决定给自己的项目做一套配置文件,使用gulp来支持sass scss文件编译以及上传之前压缩文件的空行之类的. 至于使用gulp没有使用webpack的原因,因为我不想处理js文件,可能是我研究明白吧.后续还可以添加把assets目录里面的资源上传到ftp或者cdn的功能~ JSON json文件开发时候直接复制到dist目录下,生产的时候使用jsonminify压缩 gul

[root@PythonPC ~]# cat passwd root:x:::root:/root:/bin/bash bin:x:::bin:/bin:/sbin/nologin daemon:x:::daemon:/sbin:/sbin/nologin adm:x:::adm:/var/adm:/sbin/nologin ::lp:/var/spool/lpd:/sbin/nologin ::sync:/sbin:/bin/sync shutdown:x:::shutdown:/sbin:/

https://taro-docs.jd.com/taro/docs/static-reference.html 注意点是,控制你的图片大小,然后配置完limit后,把dist删掉,重新运行 npm run dev:weapp 则会自动把图片转换成base64

微信小程序开发:学习笔记[3]——WXSS样式 快速开始 介绍 WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果. WXSS与Web开发中的CSS类似.为了更适合小程序开发,WXSS对CSS做了一些补充以及修改. 文件组成 项目公共样式:根目录中的app.wxss为项目公共样式,它会被注入到小程序的每个页面. 页面样式:与app.json注册过的页面同名且位置同级的WXSS文件.比如注册了pages/rpx/index页

微信小程序-02-项目文件之间配合和调用关系 我就不说那么多了,我是从官方文档拷贝的,然后加上一些自己的笔记,不喜勿喷 官方文档:https://developers.weixin.qq.com/miniprogram/dev/index.html?t=18090718 小程序的启动 微信客户端在打开小程序之前,会把整个小程序的代码包下载到本地 紧接着通过 app.json 的 pages 字段就可以知道你当前小程序的所有页面路径: { //项目中所有页面的路径,不要后缀名,当然省掉的是: .w

小程序无法像html中,在页面中直接parseInt() index.wxml {{price | Int}} 小程序还有另一种处理方法 wxs 是一种类似于js脚本的东西 filters.wxs var filters = { toFix: function (value) { return parseFloat(value) } } module.exports = { toFix: filters.toFix } -index.wxml <wxs module="filters&qu

在实现这样的一个功能时,   调用微信小程序api发现scroll中可以通过id来实现点击菜单栏,屏幕滚动到对应的id位置 但是id不能以数字,汉字类型的 字符串开头(暂发现两种),可能博主比较笨,想了好多办法通过转码.转换成字符串等等还是不行 . 最后解决办法如下:在便利的时候,我们可以通过 :data-id="goods + index"的方式来实现,相当于在开头添加 了默认字符串goods.所以开头不是数字而是字母也就可以实现了.   博主这里的开发环境是MpVue所以具体语法小

       peterhuang007/weixinFileToaliyun: 微信小程序存放视频文件到阿里云用到算法js脚本文件 https://github.com/peterhuang007/weixinFileToaliyun       require('./crypto/hmac.js'); require('./crypto/sha1.js'); const env = require('./config.js'); const Base64 = require('./Base6

微信小程序红包开发 小程序发红包 开发过程中遇到的坑 微信小程序红包接口的   最近公司在开发一个小程序红包系统,客户抢到红包需要提现.也就是通过小程序来给用户发红包. 小程序如何来发红包呢?于是我想到两个方法. 之前公众号开发一直用了的.一个是红包接口,一个是企业支付接口.一开始还是想着用红包接口吧,毕竟有一个点击拆的事件,让用户参与.然后各种坑就来了... 小程序里如何给用户发红包?拿到了小程序的openid有办法获取到这个用户的公众号openid吗? 在小程序里拿到了用户的openid,但

WXML WXML(WeiXin Markup Language)是微信的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构. (小安娜:好像很厉害的样子,那基础组件.事件系统是什么?感觉更厉害,因为必须结合它们.),基础组件类似HTML中的标签,事件系统是JavaScript中的事件,可处理逻辑反应到界面上:wxml只是一个文件格式,如果没有组件和事件它没任何用处,又如果把组件.事件写在txt文档里面也没任何用处,所以没有谁更厉害,相辅相成的关系.(小安娜:嗦嘎,就好像ap.ad.ad

WXML WXML(WeiXin Markup Language)是微信的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构. (小安娜:好像很厉害的样子,那基础组件.事件系统是什么?感觉更厉害,因为必须结合它们.),基础组件类似HTML中的标签,事件系统是JavaScript中的事件,可处理逻辑反应到界面上:wxml只是一个文件格式,如果没有组件和事件它没任何用处,又如果把组件.事件写在txt文档里面也没任何用处,所以没有谁更厉害,相辅相成的关系.(小安娜:嗦嘎,就好像ap.ad.ad

最近下载了微信小程序准备好好看看,但是发现微信小程序用的后缀名是不一样的,.wxml代表的就是平时用的.html,.wxss代码的就是平时用的.css.但是phpstorm无法识别,为了更方便的码代码 对wxml文件的支持: 设置>编辑>文件类型>xml文件,右击右边的加号,增加通配符*.wxml, 现在已经可以识别了. 对.wxss的配置 1.文件 -> 设置 -> 编辑器 -> 文件和代码模板,点击绿色的加号,弹出注册新文件类型关联窗口,选择css即可. 2.类似第

如果新创建报错:编译报错VM1781:2 pages/module/module.json 文件解析错误  SyntaxError: Unexpected end of JSON input 解决方法: 在JSON文件中添加 即可解决 { }

1.if语句跟for循环的使用 <block wx:if="{{n==1}}"> <view>1917</view> </block> <block wx:elif="{{n==2}}"> <view>1918</view> </block> <block wx:else> <view>1919</view> </block>

跟着视频开始小程序的项目的开发,视频中这个小程序已经上线了,可以很好的看着小程序的界面进行开发,昨天看了一下具体的需求,觉得真的细节好多啊,而且其中设计的组件的思想也是很好的,能够很好的实现代码的复用,实现代码的解耦合,这个视频讲解的是真的好,好好学习一下. 组件component开发 小程序中的大部分的页面其实都是由组件来组合起来的,所以开发适合需求的组件是非常重要的,来进行组件的开发. (1)在与pages同级目录下创建components文件目录,来存放所有需要进行开发的组件 (2)之后在

其实你已经知道了小程序的文件结构 上一节讲到,小程序的页面由三部分组成: 视图(.wxml).逻辑(.js).样式(.wxss). 我们这次重新展开文件结构: 小程序用到的文件类型只有四种,正如你所看到的那样. 可是我还是要展开说一下,但这里就不做很细的分析了,直接说出结论: 根目录的app.js.app.json.app.wxss的代码作用域是全局的. app.js: 这个文件的内容是全局的程序逻辑,也可以理解为程序的入口,但是我这样说肯定不是很好理解,还是惯例,用前端的思维去认识小程序的全局

项目里边生成了不同类型的文件: .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 WXSS 样式文件 .js 后缀的 JS 脚本逻辑文件 WXSS 样式 WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式.WXSS 具有 CSS 大部分的特性 新增了尺寸单位.在写 CSS 样式时,开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比,采用一些技巧来换算一些像素单位.WXSS 在底层支持新的尺寸单

主体文件的构成 微信小程序的主体由三个部分组成,需放在主目录中,名称也是固定的 app.js:微信小程序的主逻辑文件,主要用来注册小程序 app.json:微信小程序的主配置文件,对微信小程序进行全局配置 app.wxss:微信小程序的主样式表文件,在项目中可以不要.与HTML的 css样式表文件,可以在其他页面共享 页面文件的构成 微信小程序由多个页面组成,每个页面由四种文件构成,通过四个不同的拓展名来区分 js:页面逻辑文件,编写javascript代码控制页面逻辑 wxml:页面描述文件,

以下是自己写的几个对文件操作的小程序,里面涉及到文件操作,列表(集合,字典)的运用等.比方说,从文件里读取一行数据.分别存放于列表中,再对列表进行操作.如去掉里面的反复项.排序等操作. 常见对文件里行进行操作: #这里列出两个经常使用的方法 方法01: 一次性读取全部行 >>> f = file('1.txt') >>> while 1: lines = f.readlines() if not lines: break for line in lines: print

最后更新时间: 2018.7.18 :更新了所有package.json插件版本以及修复极个别问题. 2018.8.12 : 增加提示,所有标签必须闭合(不然打包会报错) 2018.10.13:需要用yarn安装所有文件,例如:npm install 应改为 yarn install 使用方式: 1. npm install -> yarn install 2. 创建src目录 3. 把小程序代码放入到src目录中 流程: yarn install => 创建src => 丢入小程序源码