wepy

对于小程序的分享, 除了分享给朋友, 好友群,是可以直接做到的, 但是要想扩大推广范围, 通过生成海报图片, 将自己小程序码带进去,应该是目前我所知的好办法了. 但是海报也不是那么好搞.之前自己手写出来的, 效果可以是可以,但问题还是百出,只能怪自己的技术还不到家......(加油). 昨天在逛小程序社区时,发现了一个海报插件.就动手试了试,效果还是让我比较满意的. Wxml2Canvas https://github.com/wg-front/wxml2canvas (感谢大神的插件) 插件的文档说的很详细了, npm安装的话, 在我这里会出问题, 所以我去github上将源码下载了下来, 将所需的JS文件放在了项目的canvasJS文件夹下. 因为公司的项目使用的wepy框架, 所以我这里写了两份demo, 一份是原生的, 一份是wepy的, 最后的效果都是一样的. 插入代码有点多, 所以就上传到了博客园文件里了, 需要的道友可以去下载. 原生项目(是小程序代码片段) https://files.cnblogs.com/files/yk95/posterTemp.zip wepy项目() https://files.cnblogs.com/files/yk95/wepy-poster-test.zip wepy项目,需要本地装好环境,这里就不多说了, 参考链接 https:/

小程序的wepy框架会生成后缀名为.wpy的文件，此文件用VScode打开时并不是高亮的，官方文档给我们提供了两种方案进行高亮 方案一：   1. 在 Code 里先安装 Vue 的语法高亮插件 Vetur 。   2. 打开任意 .wpy 文件。   3. 点击右下角的选择语言模式，默认为 纯文本 。   4. 在弹出的窗口中选择 .wpy 的配置文件关联... 。   5. 在 选择要与 .wpy 关联的语言模式 中选择 Vue 。 方案二： 　　 在VS Code编辑器设置中设置。 　　　//文件-首选项-设置-settings.json settings.json（ settings.json的位置如图所示 ） 　　　 　　将下面这句添加进去，并保存　 　　 "files.associations": { "*.wpy": "vue" } 来源： https://www.cnblogs.com/suihang/p/10395627.html

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 本节将介绍如何使用WePY创建一个最简单的项目，也就是之前已经创建过的HelloWorld。 1.6.1 创建HelloWorld项目 首先需要在使用的代码编辑器中新建一个项目，之后使用CMD命令行工具或者是终端shell等使用“cd 文件目录”的命令进入到该项目目录下。 执行：wepy init standard HelloWorld，执行成功后会对该项目进行一些初始化配置，这里选择的配置如图1-27所示。 图1-27 创建WePY项目 这里配置的AppID和其他的内容并不能直接作用于微信小程序本身，而是会记录在WePY项目的project.config.json文件中。该工程项目配置的project.config.json内容如下所示。 { "description": "A WePY project", "setting": { "urlCheck": true, "es6": false, "postcss": false, "minified": false }, "compileType": "miniprogram", "appid": "touristappid", "projectname": "hello", "miniprogramRoot": "./dist" } 等待创建项目成功

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> WePY的安装或更新都通过npm进行，全局安装或更新WePY命令行工具，使用以下命令： npm install wepy-cli -g 稍等片刻，成功安装后，即可创建WePY项目。 注意：如果npm安装时间过长或者是连接超时而导致的失败，则可以使用国内的镜像源，这里推荐一个稳定的源，来自淘宝。网站地址为http://npm.taobao.org/，可以使用淘宝定制的cnpm（gzip压缩支持）命令行工具代替默认的npm: $ npm install -g cnpm --registry=https://registry.npm.taobao.org 安装好环境后，再找一个良好的编写代码的IDE环境。这里强烈推荐来自JetBrains系列的WebStorm最新版本，它已经完美支持了Vue.js的开发以及ESLint的语法形式，所以编写代码非常顺畅和方便，其编写代码的页面如图1-26所示。 图1-26 编辑器界面 同样，在WebStorm中使用Alt+F12键可以唤起内置的命令行，这对于需要编译的WePY而言，也无需每次使用cd命令进入项目文件这样方便得多。 微信小程序的结构化开发方法，少走弯路，高效开发，一起来学习《微信小程序项目开发实战：用WePY、mpvue、Taro打造高效的小程序》吧。 来源：

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> Taro本身实现的情况类似于mpvue，mpvue的未来展望中也包含了支付宝小程序，现在的版本中，也可以使用不同的构建命令来构建出百度小程序的支持，如第10章所示，但是现在Taro先于mpvue实现了更多更好的“一端开发，多端编译”开发方式。 Taro的编写代码方式和mpvue、WePY框架最大的一个差别就是，Taro并不是基于Vue.js的语法规范，而是遵循React语法规范，它采用与React一致的组件化思想，组件生命周期与React保持一致，同时支持JSX语法，让代码具有更丰富的表现力，使用Taro进行开发可以获得和React一致的开发体验。 采用Taro开发小程序具有以下的优秀特效： 支持使用npm/yarn安装管理第三方依赖 支持使用ES7/ES8甚至更新的ES规范，一切都可自行配置 支持使用CSS预编译器，例如Sass等 支持使用Redux进行状态管理 支持使用Mobx进行状态管理 小程序API优化，异步API Promise化等等 和mpvue、WePY项目一致，使用Taro开发项目，首先也要安装合适的npm和Node.js环境。 （1）Taro项目的开发需要安装专用的Taro开发工具@tarojs/cli，可以使用如下命令全局安装，安装效果如图11-2所示。 npm install -g

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在安装本框架的基础必须安装合适的Node.js和可以运行的npm包，安装过程本书前面已经提到过，不再赘述。 （1）保证npm和Node.js的可用性后，使用如下代码安装Vue.js环境。 # 全局安装 vue-cli # 如果是Linux或者Unix等一般是要 sudo 权限的 npm install --global vue-cli@2.9 在Windows中使用CMD安装环境，安装效果如图10-1所示。 图10-1 Vue.js安装 （2）等待安装完成后，如果没有出现错误提示，即成功安装了vue环境，可以在CMD中输入vue，效果如图10-2所示，即已经成功安装，接下来就可以构建应用了。 图10-2 vue安装成功 （3）mpvue使用vue-cli构建工具，其中使用了一个vue模板，此模板用来支持mpvue的项目小程序的生成，使用如下代码可以新建一个mpvue的工程。 # 创建一个基于 mpvue-quickstart 模板的新项目 vue init mpvue/mpvue-quickstart “项目名称” 生成的过程和配置命名等如图10-3所示，这样就生成了一个没有编写代码的空白mpvue工程。 图10-3 新建mpvue工程 （4）等待工程创建完成，编辑器也自动下载生成了相关的代码文件，如图10

wepy插件下载： http://wepy.iniself.com/ webstorm安装 来源： https://www.cnblogs.com/lzyang121/p/11988506.html

今天下载wepy-cli的时候报错了 sudo npm i wepy-cli -g gyp ERR! configure error gyp ERR! stack Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/wepy-cli/node_modules/fsevents/.node-gyp' gyp ERR! System Darwin 19.2.0 gyp ERR! command "/usr/local/bin/node" "/usr/local/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "configure" "--fallback-to-build" "--module=/usr/local/lib/node_modules/wepy-cli/node_modules/fsevents/lib/binding/Release/node-v72-darwin-x64/fse.node" "--module_name=fse" "--module_path=/usr/local/lib/node_modules/wepy-cli/node_modules/fsevents/lib/binding/Release

文章来源：https://www.jianshu.com/p/29226aeecb60 仅为自己学习记录使用 大家好,学渣的wepy采坑之路又来啦....还记得当初自己的第一个项目传参的时候 页面之间传值怎么做啊.. 问问度娘 看看小程序的api 噢 很简单啊.. url拼接 和'GET'请求很像嘛... //扫码传值 传一堆我也不知道的值... wepy.scanCode({}).then(res => { wepy.navigateTo({ url: `qrCodeDetail?type=0&codeParam=${res.result}&storeCode=${this.accDetail.storeName[this.storeIndex].storeCode}` }) }) //qrCodeDetail.wpy接 onLoad(option){ option.type 巴拉巴拉 } 是不是很傻...我现在都不知道我传了一堆什么值给qrCodeDetail页面..数据可视化很差.. 如果我传个对象怎么办.... wepy.navigateTo({ url: `whiteCode?from=${from}&detailObj=${JSON.stringify(this.detailObj)}` }) low不low..... 言归正传... 今天来聊聊wepy自己封装的

变量与方法尽量使用驼峰式命名，并且注意避免使用 $ 开头。 以 $ 开头的标识符为WePY框架的内建属性和方法，可在JavaScript脚本中以 this. 的方式直接使用，具体请 参考API文档 。 小程序入口、页面、组件文件名的后缀为 .wpy ；外链的文件可以是其它后缀。 具体请参考 wpy文件说明 。 使用ES6语法开发。 框架在ES6(ECMAScript 6)下开发，因此也需要使用ES6开发小程序，ES6中有大量的语法糖可以让我们的代码更加简洁高效。 使用Promise。 框架默认对小程序提供的API全都进行了 Promise 处理，甚至可以直接使用 async/await 等新特性进行开发。 启用Promise方法 事件绑定语法使用优化语法代替。 原 bindtap="click" 替换为 @tap="click" ，原 catchtap="click" 替换为 @tap.stop="click" 。 原 capture-bind:tap="click" 替换为 @tap.capture="click" ，原 capture-catch:tap="click" 替换为 @tap.capture.stop="click" 。 更多 @ 符用法，参见 组件自定义事件 。 事件传参使用优化后语法代替。 原 bindtap="click" data-index={{index