微信小程序项目-uniapp黑马优购
项目文档:Headline | uniapp - 黑马优购 (escook.cn)项目视频:黑马程序员前端微信小程序开发教程,微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)_哔哩哔哩_bilibiliuni-app最大的优点就是 一次编写,可以在运行展示在多种平台。我之前看很多公司招聘也有这个。但是目前对于自己来说并不是很需要。目前自己最需要是能独立写全栈项目。所以后
项目文档:
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,包括配置 不需要上传的一些文件啊啥的
这个通过
这样就已经有了本地的仓库
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的开发规范
uni-app支持 vue 和 微信小程序中的标签。但是更推荐使用 微信小程序中的标签。
事件绑定啊,用的是 vue的方式。
延时器
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}}"
其他应该没有啥问题了。
更多推荐
所有评论(0)