2020年07月_大力99

原创 yarn的命令安装

yarnYarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 js 包管理工具，正如官方文档中写的，Yarn 是为了弥补 npm 的安装速度慢，安装包的版本不一致的缺陷而出现的。安装yarn可以使用npm命令来全局安装yarnnpm i yarn -gyarn常用命令以下列出了Yarn和npm的区别，可以对比学习：NPM YARN 说明npm init yarn init初始化某个项目npm install yarn install 默认的

2020-07-20 20:21:17 2425

原创 12-小程序(优购商城整合Vuex,发布H5和App兼容性问题解决,mpvue快速上手,mpvue项目结构,mpvue创建自己的页面,uniapp优购商城迁移到mpvue,mpvue坑点)

01.Vuex复习概念: vuex存储所有组件的状态，改变状态有自己规范状态可以理解把原来组件里面属性公开放到vuex中作为状态改变状态的规范是mutations方便理解，你可以认为vuex就是一个全局变量，只不过改变全局变量有规范(function(){ 防止全局变量污染})vuex的核心概念：state状态：就是用来存储所有组件状态getters：state计算属性mutations: 改变state的规范//store实例const store = ne

2020-07-13 23:36:26 383

原创 11-小程序(登录前配置,微信支付,收货地址,request中设置token,授权拒绝处理wx.openSetting(),微信授权地址)

01.登录-页面分析与静态页面入口: 如果需要登录态，就会跳转登录主要模块点我登录按钮其他说明本质上微信授权登录02.登录-微信授权登录接口分析url /api/public/v1/users/wxlogin方法 post参数code 通过uni.login另外一些参数用户信息步骤声明button open-type="getUserInfo"来获取用户信息uni.login获取code发请求获取code存token，提示成功03

2020-07-13 17:16:29 1433

原创 11-小程序(购物车页面,深度监听购物车数据变化让本地也跟着变化,数组reduce方法算总价总数量,计算属性弄全选状态,数组方法集合)

01.购物车-页面分析入口: 点击底部tab菜单购物车时显示购物车页面;商详点击购物车跳转购物车页面主要模块商品列表每一个商品包括选中状态，商品图片，商品名称，商品单价，商品数量全选，总价，总数量其他说明收货地址放在支付页面商品列表每一项目可以调整选中状态及数量点击结算跳转到支付02.购物车数据存哪里？（补充）描述：购物车的数据的改变是发请求还是存本地，还是存Vuex?发请求即可对比以上三个方案购物车添加商品，刷新页面数据依然在vuex刷新

2020-07-10 20:51:14 1911

原创 10-小程序(做搜索页面,里面有历史记录,计算属性setter的基本使用)

01.搜索页面-页面分析&静态页面入口: 首页或者分类搜索链接点击跳转的主要模块searchBar历史搜索列表其他说明输入框输入内容inputVal，点击键盘右下角按钮时，跳转搜索列表，按inputVal搜索点击历史搜索项时，也会跳转搜索列表，按这一项的值搜索第1，2步，inputVal会加入到历史搜索的头部，并去重点击x清空历史搜索历史搜索列表存储在小程序数据缓存在搜索列表页面，输入内容触发搜索也应该把输入内容添加到历史搜索列表中02.搜索页面-跳转搜索列

2020-07-08 19:53:50 391

原创 09-小程序(商品详情,轮播预览图片,富文本rich-text,分享功能,客服功能,组件通信)

01.商品详情-页面渲染参数从哪里来搜索列表点击一个商品跳转的，并传参goods_id@click:toItem跳转uni.navigateTo传参goodsId模拟器页面参数检验goodsId是OK的添加商品详情编译模式，设置启动参数goodsId=291在商品详情获取到传参分析接口get请求 /api/public/v1/goods/detail?goods_id=57396发请求发请求的时机，获取到传参后请求方法queryGoodsDetail

2020-07-08 19:44:37 1140

原创 07-小程序(优购分类,搜索列表,上拉下拉列表)

优购案例-分类01.页面分析入口: 点击底部tab分类时显示分类页面主要模块左侧一级分类右侧展示二级分类和三级分类其他说明左右两侧分别滚动点击左侧一级分类时，显示对应的二级和三级分类02.静态页面-练习抽取首页搜索链接为组件原因：首页和分类的搜索链接是一样的步骤新建components/Search.vuecopy原来首页属性搜索链接的结构和样式使用首页引入，注册，把组件名当标签使用同理分类也可以一样使用主体部分左侧一

2020-07-08 09:37:57 837 1

原创 08-小程序(搜索列表上拉下拉, image的mode属性,git冲突的解决, Tabbar页与页面栈,uniapp生命周期,场景值,uniapp中用字体图标)

01-image mode属性（了解）传送门图片裁剪、缩放的模式。学习时可以类比于css background-size:cover,containscaleToFill不保持纵横比，短边拉伸aspectFit 保持纵横比，长边显示，短边留空aspectFill保持纵横比，短边显示，长边截取widthFix保持纵横比,宽度不变，高度自动变化注意点：如果图片显示的区域的纵横比和原图片是一致，不管用什么模式都是一样的效果设计稿的图片宽高尽量要和后端返回的图片宽高的比例保持一致

2020-07-07 21:17:53 537

原创面试会问的 history路由跟反向代理解决跨域的问题

history模式路由是怎么实现的吗history模式路由利用history.pushState改变URL，但并不会刷新页面的原理; 并在改变URL同时切换组件的显示/隐藏。设置反向代理解决跨域的问题以及如何配置webpack的代理一般前端项目启动在localhost:8080, 联调需要访问不同环境的服务器，如果服务器恰好没有设置CORS，那么就会跨域。反向代理可以解决跨域问题，前端访问代理服务器，代理服务访问目标服务器，由于服务器访问服务器是不是跨域的，所以前端也就可以正常获取..

2020-07-04 21:14:15 530

原创 06-小程序(uni-app优购商城首页, uni-app语法工程结构)

01-设置反向代理解决跨域的问题以及如何配置webpack的代理跨域因为浏览器的同源策略，协议域名或者端口有一个不一样，就会跨域解决跨域的方案JSONP不安全基本不用原理反向代理服务器访问服务器是不会跨域的CORS最常见的一种解决方案代理的概念所谓代理就是在我们和真实的服务器之间有一台代理服务器，我们所有的请求都是通过它来进行转接的。正向代理正向代理就是我们访问不了Google，但是我在国外有一台vps，它可以访问Googl

2020-07-04 21:12:55 892

原创 05-小程序(优购商城项目介绍,HBuilder和HBuilderX,uni-app介绍)

07- 优购商城项目介绍商城的业务类型很ok商城类的小程序是最多的优购商城的基本逻辑分类->按关键字搜索找到商品->商品详情->加入购物车->结算可以参考京东App, 或者小米ite项目支持多端uniapp框架本身就用vue写的, 编译成代码兼容多端, iOS, Android, H5, 微信小程序接口接口文档08-原生小程序与第三方小程序框架们原生小程序是什么？有原生HTML这种说法吗？原生来自于英文raw原生是指官方语法原

2020-07-02 13:54:01 4004

原创 05-小程序(wx.setStorageSync等相关数据存储API,-小程序App和Page生命周期,跳转tabbar页面wx.switchTab, 进入我的页面如果未登录跳转微信授权登录与手机号)

01-数据缓存传送门就是小程序里面存取数据回顾localStorage与sessionStorage使用localStorage.setItem(key,value) //存，value必须是字符串localStorage.getItem(key)//取localStorage.removeItem(key) //清除指定key的存储localStorage.clear() //全部清除区别sessionStorage在浏览器关闭后就消失了缺点：存储大小是5M一

2020-07-02 13:51:03 872

原创 04-小程序(小程序发送请求wx.request的封装, 发送请求添加loading效果,Tab栏基本使用,小程序授权,小程序登录,微信授权登录)

01- 异步请求wx.request传送门豆瓣电影API : https://api.douban.com/v2/movie/in_theaters?apikey=0df993c66c0c636e29ecbb5344252a4a在小程序里面用来发ajax请求的发ajax请求的，和axios，jQuery.ajax一样也是基于XMLHttpRequest封装的使用方法API和jQuery.ajax基本一致不同地方在于header的content-type默认是applicati

2020-07-02 13:24:57 1412

Tangoneone的博客