自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 资源 (1)
  • 收藏
  • 关注

原创 uni-app框架做微信公众号及小程序时候获取code换取token的方法

微信公众号流程:访问网址(让用户点击到一个按钮也可以)https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842注:其中redirect_uri为回调地址,code会在这个地址的页面上获取2)//解析出返回的code GetRequest: function() { var url = loc...

2019-04-04 16:05:45 2473 1

原创 仿美团微信小程序

体验版代码上传至资源,1,实现的需求1)首页:标题栏获取用户当前位置,使用腾讯api实现定位,不用弹窗出现用户授权,进入首页,获取附近商铺的列表轮播图:导航栏:(1)向后台发送请求来获取展示的商铺列表,综合排序,筛选实现根据用户 条件请求数据(2)导航栏出现偏移商铺列表:(1)带参跳转店铺网络中断情况:新页面提示没网,可点击刷新2)店铺:根据店铺id获取店铺相关信息...

2019-01-28 10:50:26 5242 4

转载 小程序入口传参:关于带参数的小程序扫码进入的方法

转自:http://www.cnblogs.com/cqlb/p/9561864.html1. 使用场景1.医院场景:比如每个医生一个id,通过带参数二维码,扫码二维码就直接进入小程序医生页面2.餐厅场景:比如每个菜一个二维码,通过扫码这个菜的二维码,进入小程序后,可以直接点这道菜,而不是要找菜铺。3.电商场景:扫码二维码带参数,进入小程序直接购买,比如通过公众号,通过带参数二维码,用户长...

2018-12-29 09:27:52 2215

原创 小程序之引入外部js

如题小程序页面中某些静态数据需要从js中读取,如果数量多js会很长,所以把项目中的所有的静态数据都放到了一个utiljs文件夹中,如图这些数据都是静态的,我可以在文件夹中弄一个home.jsvar list=[ //写需要的数据 ]//必须写下面的这段代码把数据暴露module.exports = { list:list}在相应页面的js中var list = req...

2018-12-27 09:34:59 3859

转载 几种向数组中添加元素方法的性能比较

引入:向一个数组中插入元素是平时很常见的一件事情。可以使用push在数组尾部插入元素,可以用unshift在数组头部插入元素,也可以用splice在数组中间插入元素。虽然这些方法虽然常用,但并不意味着没有更加高效的方法……1.向数组结尾添加元素最常用的当然是arry.push()方法,但是下面的方法效率更高:var arr = [1,2,3,4,5];var arr2 = [];arr...

2018-12-21 09:11:01 2098

原创 小程序rpx转换px

小程序rpx转换px贴很没营养的东西 = =wx.getSystemInfo({ success: function (res) { that.setData({ //根据机型获取rpx和px的转换系数 widthcoefficient:750/res.windowWidth }); } ...

2018-12-19 10:15:26 3125 1

原创 小程序学习:实现仿美团的商家首页之锚点实现分类和所属商品的联动

使用小程序bindscroll实现联动需求分析要求实现的功能是左侧展示分类名,右侧展示商品,点击任意分类可以跳转分类所包含的商品的第一个,滑动商品列表至下一分类时左侧所属分类高亮。思路首先实现点击左侧分类右侧商品滑动,这里使用小程序提供的 scroll-into-view方法,官方文档https://developers.weixin.qq.com/miniprogram/de...

2018-12-19 10:09:28 3747 2

原创 从零开始用vue+webpack+vuex实现一个发布查询信息类网站,(3)api接口管理

接口的统一管理先扔个axios文档地址:https://www.kancloud.cn/yunye/axios/234845写到注册登录时候需要用到axios了,项目重构之前计划着用把所有的接口统一管理。1)文件结构,在src下apiconfig.js 和api 为同级,前者写axios的配置首先要在main.js中注册引用import api from './api/api/ind...

2018-11-15 11:37:58 346

原创 从零开始用vue+webpack+vuex实现一个发布查询信息类网站,(2)引入vuex,axios等

引入到项目中的所需插件及其他总结了项目中需要用到的然后一次性引入,1)iview ui插件,地址:https://www.iviewui.com/引入cnpm install iview --save-devmain.js 中配置import iView from ‘iview’;import ‘iview/dist/styles/iview.css’;Vue.use(iView...

2018-11-15 11:19:04 264

转载 css命名规范

转来做笔记,css命名规范网上整理的比较好的css命名规则,为css代码的规范化做参考,增加代码的可读性。id的命名:(1)页面结构容器: container 页头:header 内容:content/container页面主体:main 页尾:footer 导航:nav侧栏:sidebar 栏目:column 左右中:leftright center页面外围控制整体布局宽度:wra...

2018-11-14 09:04:35 127

原创 从零开始用vue+webpack+vuex实现一个发布查询信息类网站,(1)创建项目

重构了自己写的第一版的项目之后的总结从零开始做一个vue项目。第一步,环境搭建1)node.js的安装首先下载好node,https://nodejs.org/zh-cn/,vue需要借助node的npm安装各种依赖下载之后安装node.js,由于没有 看文档之类的遇到了俩坑,需要注意的第一点:我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放......

2018-11-13 17:15:12 375

转载 vuex存储和本地存储(localstorage、sessionstorage)的区别

vuex存储和本地存储(localstorage、sessionstorage)的区别sessionStoragesessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。用法:储存: 1. 点(.)运算符 sessionStorage.lastname = ‘JSAnntQ’;2...

2018-11-06 17:43:44 506

原创 vuex结合sessioStorage存储用户信息

登录状态保存应用场景,一般用户登录之后会从登录注册变成欢迎你,用户名这里用个v-if就可以了,不说这个,这个用sessionStorage可以存储,如果不用vuex的话直接在登录组件中点击登录方法之后sessionStorage.setItem(“user”, “res.data.user”);在需要使用的地方sessionStorage.getItem(“lastname”);就可以了,...

2018-11-06 17:41:26 1724

原创 求助:ui组件的css覆盖问题

在vue项目中引入了ViewUI遇到的问题:在vue组件中使用了UI组件,UI组件的css是在程序的main.js中引入的import iView from 'iview'; import 'iview/dist/styles/iview.css';在组件中使用的时候也引入了一个组件自身的css(外部)@import './search.css';现在我需要覆盖UI组件的css的一个t...

2018-10-31 09:52:49 652

原创 同一路由刷新

改变id来达到刷新路由的目的使用场景:我是需要做一个点击列表菜单的时候刷新一个组件的数据,但是router他是不会因为改变了一个传过去的数据而重新刷新的,只有改变路径才会刷新,所以使用了一个简答粗暴的方法<router-view :key="activeDate"></router-view>在这里加了一个key ,key的值发生变化时候router会重新加载然后在...

2018-10-30 16:36:00 441

原创 mock.js的使用

mock.js拦截请求,响应数据Mock.js 是一款前端开发中拦截Ajax请求再生成随机数据响应的工具.可以用来模拟服务器响应. 优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型,而且听说开发前期不用背锅记录下使用的过程以及响应模板我的项目是vuecli搭起的,webpack 项目管理,只是用到了mock的简单模拟首先cnpm install mockjs然后src文件中新...

2018-10-26 14:02:51 165

原创 vue-router路由带参

router,router-link两种跳转方式的带参首先一定要在router的配置信息index中设置name属性path -> 是要跳转的路由路径,也可以是路由文件里面配置的 name 值,两者都可以进行路由导航params -> 是要传送的参数,参数可以直接key:value形式传递query -> 是通过 url 来传递参数的同样是key:value形式传递...

2018-10-26 11:12:46 513

原创 vue—router嵌套路由设置及默认选择

嵌套路由应用场景:用vue-router 设置一个页面的路由的时候,在其页面组件内也需要用到,用一个项目来举例子 我在app.vue中设置路由出口对其他页面组件.设置路径,比如home 首页设置,在router文件夹index.js中设置routes: [ { path: '/', component: home, }, ]如果我要在首页中也设置一个路由出口时...

2018-10-17 10:12:13 3091

原创 axios关于跨域问题

axios 跨域先放报错信息:经过研究N次,是跨域设置问题,XMLHttpRequest cannot load http://192.168.0.109:8080/farmer/user/register#/. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http...

2018-10-16 10:22:55 333

原创 注册功能axios 与后台接口的对接

axios 与后台接口的对接 用的是前端框架vue,贴一段页面代码 <table > <tr> <td >手机号:</td> <td ><input type="text" name="phone" v-model="phone" placehold

2018-10-15 10:13:24 1325 1

超高仿美团微信小程序

1,实现的需求 1)首页:标题栏获取用户当前位置,使用腾讯api实现定位,不用弹窗出现用户授权, 进入首页,获取附近商铺的列表 轮播图: 导航栏: (1)向后台发送请求来获取展示的商铺列表,综合排序,筛选实现根据用户 条件请求数据 (2)导航栏出现偏移 商铺列表: (1)带参跳转店铺 网络中断情况: 新页面提示没网,可点击刷新 2)店铺:根据店铺id获取店铺相关信息 头部:动态显示店铺的相关优惠 导航:分别切换菜单,评价,商家 菜单: 商品列表展示:左右联动,动态出现添加数量以及按钮 商品详情展示:弹窗卡片,展示详情,可动态出现添加数量以及按钮 购物车:展示添加进购物车的商品信息,清空结算,计算合价,差多少配送, 结算:(未实现),跳转支付,传后台购物车数据,用户信息,当前时间等订单 需求信息 评价:根据店铺id获取店铺的所有评价list展示 商家:展示商家优惠信息,需求(呼叫商家,查看食品安全档案) 3)订单 全部订单:根据用户信息获取相关全部订单,实现详情,再来一点(需要根据店铺 id) 待评价:需求:实现评价功能(提交:店铺id,评价信息) 退款:评价,详情 4)个人 用户信息展示: 登录: 未登录:(登录,注册实现) 用户地址: 管理地址:添加新地址,编辑地址(地址id,用户id) 客服中心:接入客服(公众号后台可设置客服人员) 退出账号:清空本地用户信息

2019-01-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除