wxml 点击图片下载_跟着做，零基础也能做出自己的小程序

为什么要学习编程？

我前几天问一个产品经理。

而他给我的答复是：据说这世上有三种人的思考方式截然不同：律师、程序员和其他。

对我而言，有机会体验程序员那种思维，而且有利于工作，何乐而不为？

我是一名新媒体运营，新媒体运营的工作你知道吧，本质上跟编程沾不上边，我也并非计算机专业出身。

尽管如此，我只花 3 个小时就写出了魅族第一个小程序。

开发小程序并没有你想象中那么难，我很乐意把我学到的东西与你分享。说不定你就因此走上了编程的不归路了呢？

跟着我完成以下步骤，你就可以零基础开发一个小程序了。

▌步骤

1. 申请并注册账号

https://mp.weixin.qq.com/

2. 下载微信 web 开发者工具并安装：

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

3. 复制你小程序的 AppID

4. 回复关键字【cbwe】，下载模板源代码

5. 打开微信 web 开发者工具，填写第 3 步中的 AppID，项目名称随便写，项目目录点你下载后解压缩的那个文件

6. 点击编译，看到画面出来没有，点击预览，用手机看看效果吧

当当当当~你就拥有了第一个小程序的雏形。

▌划重点，DIY 自己的小程序

➀ index.wxml 里的图片组件 [ image ]

scr='图片链接，可以使用任意图片'，参数我都配置好了，你修改这个就好了。

➁ index.js

wx.navigateTo 这个 API 是跳转用的，你最好不要修改。

➂ word.js

wx.downloadFile 这个是下载图片。

对了，图片前缀名字要部署到微信小程序后台->设置->开发设置->服务器域名-> 4 个合法域名。比如你的图片前缀是 www.meizu.com，那么你就部署 4 个域名。否则无法下载。

➃ app.json

'魅族' 文字可以修改成你自己的。

OK，这个就是小程序的样子了，你自己也可以做成这样的。

▼▼▼这还有一个你无法拒绝的学编程的理由：

我相信 20 年后的某个平行世界中，大学生毕业的标配不是英语四级，是计算机四级。

未来的计算机语言，将会获得像现在英语一样的地位——它既能让你跟不同国籍不同行业的人交流，也能帮你占据信息制高点。

看到这里，你还不想动手试试吗？

笔戈科技

感觉自己棒棒哒！

wxml 点击图片下载_跟着做，零基础也能做出自己的小程序相关推荐

wxml 点击图片下载_云存储之上传图片和展示图片(小程序云开发)
1.云存储介绍 2.demo代码(上传图片/文件) cloud.wxml 云存储上传图片 cloud.js // miniprogram/pages/cloud/cloud.js const db ...
wxml 点击图片下载_微信小程序通过ipfs-api 实现图片文件在私有ipfs网络的上传与下载显示...
1.快速搭建IPFS私有网络(docker) 拉取镜像 docker pull docker.io/ipfs/go-ipfs:latest 编写yaml文件创建两个文件夹并分别命名为:ipfs_no ...
wxml 点击图片下载_小程序图表插件
最近做小程序需要统计一些数据,需要用到图表插件,所有在网上找了找,找到了wx-charts这个插件,看着挺好用的,和jq的echarts类似,所有选择用这个插件来画图表,wx-charts是基于can ...
微信小程序傻瓜制作_零基础，傻瓜式制作微信小程序，3分钟完成不是问题！...
做小程序还必须要养一个设计人员吗?NO!必须要有小程序开发人员吗?NO! 微墨小程序DIY装修功能,帮你灭掉设计师.甩开程序员,商城自己说了算,布局想换就换,风格说变立刻变! 微墨小程序是" ...
uniapp点击图片放大_手机做图片放大镜效果很难？看这里，分分钟就能学会！
将图片放大的放大镜效果图: PicsArt手机图片放大镜 PicsArt手机图片放大镜在PicsArt中打开图片,点击[工具]--[图形剪辑]. PicsArt手机图片放大镜选择圆形,通过缩放双指 ...
Python_爬虫_网页图片下载_その日の紋
Python_爬虫_网页图片下载_その日の紋项目效果项目需求项目分析 URL分析页面分析项目实施项目源码项目效果项目需求目标页面:https://www.hanakomon.jp/c ...
uniapp点击图片放大_想要放大镜将图片放大的效果？你只需这么做即可！
[每天楞一点]的第 46 个知识效果图: 在PicsArt中打开图片,点击[工具]--[图形剪辑]. 选择圆形,通过缩放双指,将其大小调整至合适. 完事后,点击右上角的箭头. 将边框颜色设置为黑色, ...
微信小程序富文本解析点击图片放大_微信小程序解析富文本过程详解
前言最近公司在开发OTA微信小程序,一些页面的详情内容是HTML富文本格式的的,但是微信小程序不能直接解析HTML,需要将内容中的HTML标签转换成微信小程序所支持的标签. 开始的时候想过自己写方法 ...
图片下载_二维码生成
图片下载 /*** 图片类型* @param path 图片地址* @param id uuid* @param isAspose* @return* @throws IOException*/pri ...

wxml 点击图片下载_跟着做，零基础也能做出自己的小程序

wxml 点击图片下载_跟着做，零基础也能做出自己的小程序相关推荐

最新文章

热门文章