微信小程序项目-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,包括配置 不需要上传的一些文件啊啥的
这个通过
这样就已经有了本地的仓库
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}}"
其他应该没有啥问题了。
微信小程序项目-uniapp黑马优购相关推荐
- uniapp微信小程序项目启动步骤
如何创建项目就不说了,可以参考该链接: 如何创建开发uniapp微信小程序项目?链接: link 这里主要记录的是,从代码仓库拉取到本地后, 本地启动运行项目,遇到的问题. 1.下载项目 使用git ...
- 怎么将微信小程序项目转为uniapp项目
将微信小程序项目转换为uni-app项目需要以下几个步骤: 安装uni-app开发工具:HBuilderX 在HBuilderX中创建一个新的uni-app项目 将微信小程序的代码复制到uni-app ...
- 微信小程序项目转uniapp踩坑日记
本文目录 一.前言 二.转换方式 三.后语 四.其他:node报错 1.包默认C盘存放,而不是安装目录E盘 2.正确的环境变量添加 3.npm install 命令报错 4.npm install - ...
- uniapp - 编译微信小程序项目的微信授权登录、获取微信手机号登录、最新版微信直接登录、手机与验证码登录的示例源码(适用于 uniapp 微信小程序项目,源代码直接开箱即用)超级详细的代码及注释
效果图 uniapp 项目编译微信小程序,一些常见的登录方式及源代码,示例代码干净整洁无BUG拿来即用. 本文示例实现了 uniapp 微信小程序项目的登录功能,包含微信授权登录.获取微信手机号登录. ...
- 封装 localStorage 缓存,兼容网页,微信小程序,uni-app
封装的缓存功能,兼容网页,微信小程序,uni-app 使用,支持设置缓存,获取缓存,移除缓存,清空缓存,设置缓存时间,分组缓存设置. 把最下面的 Str4.js 代码拷贝到项目内可以直接使用,调用方式 ...
- 微信小程序、uni-app使用iconfont-tools将iconfont彩色字体图标组件化并使用
微信小程序.uni-app使用iconfont-tools将iconfont彩色字体图标组件化并使用 安装iconfont-tools npm i -g iconfont-tools 全局安装工具 下 ...
- 全网最全微信小程序项目源码
查看全文 http://www.taodudu.cc/news/show-3737788.html 相关文章: 使用ColorUI构建小程序项目 [小程序从0到1]小程序项目的创建(项目目录结构) 微 ...
- 微信小程序项目实战之天气预报
概述 微信小程序项目实战之天气预报 详细 代码下载:http://www.demodashi.com/demo/10634.html 一.准备工作 1.注册微信小程序 2.注册和风天气账号 3.注册百 ...
- 微信小程序项目实战之豆瓣天气
概述 微信小程序项目实战之豆瓣天气 详细 代码下载:http://www.demodashi.com/demo/10943.html 一.准备工作 1.注册微信小程序 2.在小程序设置中设置reque ...
- 微信小程序:uni-app云开发的网盘助手
这是一款uni-app开发的一款网盘小助手小程序源码 该源码主要用于用户输入关键词然后全网抓取百度网盘资源内容 另外呢该小程序还可以免费领取百度网盘七天会员,所以用来引流特别的不错 该小程序还有外卖系 ...
最新文章
- 数据处理程序语言中的基本数据类型
- python解决四舍五入问题
- vba抓取网页数据到excel_R语言网页数据抓取XML数据包
- 【BZOJ1022】小约翰的游戏(博弈论)
- 一到关于js函数的前端面试题引发的血案
- centos7输入systemctl status network.service出现Unit network.service could not be found的解决办法
- BC div2补题以及 复习模除 逆元__BestCoder Round #78 (div.2)
- netty的编解码、粘包拆包问题、心跳检测机制原理
- AcWing 154. 滑动窗口
- 函数多个返回值(返回多个参数/局部变量)通过双重指针来实现
- arm中用c语言编写的程序 出现数组的最后一行调用不到,C语言函数指针数组在ARM中断中的应用...
- android快速查询,android常用adb快捷命令一览表
- python如何打开文件选择框_python文件选择对话框的操作方法
- Vue之功能全面的表格(二)创建表格
- sai绘制羽毛写字教程
- DEEPCON: protein contact prediction using dilated convolutional neural networks with dropout
- 服务器故障英文邮件,全球邮
- 手机充值了还是显示无服务器,手机显示已联网,但却不能用,怎么办?
- 一个顶级IT咨询师的对话
- iphone免越狱插件_如何保护iPhone免受盗贼的侵害