658人加入学习
(11人评价)
Vue.js+Koa2 移动电商实战视频教程

从零开始搭建移动电商系统,包括购物功能,注册登录,积分系统,签到制作,后台接口设置,权限管理,后台。

价格 ¥ 188.00 ¥376.00 5折
活动
承诺服务
会员免费学 购买课程

移动端屏幕适配基础:

固定高度,宽度百分比(过时)

Media Query(媒体查询)

flex布局(结合rem)

 

[展开全文]

引入: 全局引入(不推荐)与按需引入

全局引入会把许多不需要的组件库东西引入过来,造成项目的负担。

 

[展开全文]

https://github.com/shenghy/SmileVue

[展开全文]

vue-cli安装步骤:

打开cmd

e:

cd w

先检查是否安装node  npm -v

如未安装请先安装node

安装好node后

npm install vue-cli -g

vue init webpack

可根据自己需求填写

npm run dev

[展开全文]

Mongodb下载地址:https://www.mongodb.com/download-center#community 

选择 community server 点击下载按钮

[展开全文]


1、使用ZanUI组件库。
   
   网址:https://www.youzanyun.com/zanui/
   使用vant进行开发

2、vant是有赞前端团队提供的Vue组件库,它的优点有:

   a、国人制造,符合中国网站样式和交互习惯
   b、单元测试超过90%,有些个人的小样式组件是不作单元测试的
   c、支持babel-plugin-import引入,按需加载插件,无需单独引用样式;
   d、支持TypeScript,这个是2018年前端最应该学的技术
   e、支持SSR,服务端渲染也是可以使用这个组件库的;

3、使用
   npm i vant -S 进行安装
   也可以使用淘宝源安装:
   npm install vant --save --registry=http://registry.npm.taobao.org

4、在src/main.js里面全局引入vant

import Vant form 'vant'
import 'vant/lib/vant-css/index.css'

5、上面那种方式引入会导致比较慢,所以使用第二种方式引入,使用babel引用。

首先安装

npm i babel-plugin-import -D

设置babel
在 .babelrc文件里面设置
在 “plugins”中加入
 ["import",{"libraryName":"vant","style":true}]  //引入vant
然后在main.js里面按需引入
import {Button} from 'vant'
Vue.use(Button)
 

[展开全文]

第一节:前端项目初始化

1、在D盘建立一个文件夹:smileDemo
2、使用vscode打开smileDemo文件夹,然后进入终端,使用
   npm install vue-cli -g 全局安装
3、项目初始化
   vue init webpack 回车
4、你是否要在当前目录创建这个项目
   Y 回车
5、你的项目名称?
   smiledemo 回车(项目名称需要小写)
6、项目描述
   默认回车
7、作者可以默认为邮箱
   默认回车
8、vue build
   默认回车
9、Install vue-router?Yes

10、Use ESLint to lint your code? No

注意:
如果初始化的时候已经选了严格模式那应该怎么办,这样难不倒我啦!
直接把config/index.js里面的dev属性,useEslint设置为false

11、Set up unit tests(Y/n)? 是否设置单元测试?选择No
12、然后选择NPM安装
13、使用 npm run dev
14、使用localhost:8080打开 

[展开全文]

优雅的写法可以减轻代码量

export function toMoney(money) { 不优雅的写法
  let newMoney = money;
  if (newMoney) {
    newMoney = newMoney.toFixed(2)
  } else {
    newMoney = 0
    newMoney = newMoney.toFixed(2)
  }
  return newMoney

}

上面这段代码可以简化为

export function toMoney(money = 0) {

   return money.toFixed(2) //价格的格式化

}

意思是如果闯进来的实参如果是空。那么就赋值给他为0 这样就可以省略if else 的判断

[展开全文]

www.atool.org

bcrypt   md5   mdi

[展开全文]

上啦加载数据每次设置他加载10天数据

很有用这节课

[展开全文]

1.书写小类接口 把get方法改为post

2,请求的时候记得带上categoryId

3,读取方法 在点击方法中里调用方法然后传入cateforyid

4 ,获取到数据后要进行页面切换

5。东西有点多。需要多看几遍~~~~

[展开全文]

制作反白页:

    使用vue制作反白页的时候使用的是动态绑定

声明点击方法,然后使用v-blind:class{ 开始动态绑定写好的class 当两个index相等的时候}

 

获取屏幕的高度:

    让整个页面撑开。在demo加载完后操作dome

在mounted生命周期里操作dome

用js获取屏幕的高度,申明一个常量 let xxxx = document.documentElement.clientHeight

然后开始操作dome袁术。设置高度:

document.getEleementById("xxx").style.hetght= 窗口高度- 顶部的高度 +'px'

 

[展开全文]