微信小程序项目-uniapp黑马优购

项目文档:

Headline | uniapp - 黑马优购 (escook.cn)

项目视频:

黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)_哔哩哔哩_bilibili

uni-app最大的优点就是 一次编写,可以在运行展示在多种平台。我之前看很多公司招聘也有这个。但是目前对于自己来说并不是很需要。目前自己最需要是能独立写全栈项目。

所以后面这部分先不看。

然后黑马 之前发的那个项目不是用 uni-app写的。所以项目还是看原来那个版本的。

黑马程序员微信小程序开发前端教程_零基础玩转微信小程序_哔哩哔哩_bilibili

好了,上面那个项目我已经看完了,并且也都写了一遍。然后现在我们就可以看 uiapp 了。

资料分享

阿里云盘的资料分享

阿里云盘分享

hbuilderx 保存,微信小程序不会自动编译

网上看了很多教程都没有用呐

scss 和 less

这两个都是css的预处理器,但是在语法上略有不同

(68条消息) LESS 和 SCSS 有什么区别?_JEECG官方博客的博客-CSDN博客_less scss

更改uniapp的内置组件源码,但是我没有找到源码的位置

是因为之前开始创建项目的时候有问题,应该选择 uni-ui这个模板,才会把内置的components 加进去。

set 和 reverse方法

set中值是唯一的,不会重复

Set - JavaScript | MDN (mozilla.org)

reverse 方法 翻转原数组,会改变原数组。

vue中的会话存储和本地存储

管道符 |

左边的返回值 作为右边函数的参数

(68条消息) ES6—管道运算符_“落幕”的博客-CSDN博客_js 管道运算符

git

这个如果想要深入了解,后面还得看套视频熟练一下。

不过现在常用的功能是已经掌握了。

本地项目上传到空白码云仓库

1. 本地 创建好自己的项目

2. 初始化本地仓库 git init,包括配置 不需要上传的一些文件啊啥的

这个通过 

微信小程序项目-uniapp黑马优购_第1张图片这样就已经有了本地的仓库 

3. 然后在码云上注册账号,生成并配置 SSH 公钥,创建空白的项目

4.  然后 把本地的仓库推送到 远程的仓库

git add . 添加到暂存区

git commit -m "init project" 提交到本地仓库

git push 将本地仓库推送到远程仓库

如果需要创建分支

git checkout -b 分支名  创建分支,默认会切换到新的分支

同样,添加到暂存区,提交到本地仓库,

但是推送到远程仓库会有不一样

git push -u orgin 分支名

git check master      git merge 分支名        将本地的分支合并到 主分支上

git push   将本地的 主分支 推送到 远程仓库中

从码云仓库中拉取项目到本地

git clone 带用户名密码 - Joinc - 博客园 (cnblogs.com)

uni-app的开发规范

微信小程序项目-uniapp黑马优购_第2张图片

 uni-app支持 vue 和 微信小程序中的标签。但是更推荐使用 微信小程序中的标签。

事件绑定啊,用的是 vue的方式。

延时器

微信小程序项目-uniapp黑马优购_第3张图片

 

setTimeout(callback, delay, rest) | uni-app官网 (dcloud.io)

vue 和 uniapp开发上的不同

1. js 部分完全是使用vue的语法,不过会增加微信小程序中的生命周期函数。使用了微信小程序中的api函数。

2. css 无论在哪个地方都没有变

3. html 部分,标签采用微信小程序的便签。不过标签内的属性有不同,使用vue的方式。

比如动态绑定属性,vue中用 v-bind:src=“imgSrc”,也可以直接用语法糖 :src=“imgSrc”

但是微信小程序中,

 再比如vue中的  v-for 

v-for="(m, index) in movies"

微信小程序中 

还有v-if 

然后还有就是绑定事件 v-on:click="handle(item)",或者 @click="handle(item)"

但是微信小程序中 bindtap="handle" data-item="{{item}}"

其他应该没有啥问题了。

你可能感兴趣的:(微信小程序,微信小程序,小程序)