开发技巧
XYXYYDD
这个作者很懒,什么都没留下…
展开
-
如何处理输入框的不允许输入空格
不允许输入空格原创 2022-11-08 11:07:37 · 1287 阅读 · 0 评论 -
前端下载文件
前端下载文件原创 2022-11-07 15:33:05 · 549 阅读 · 0 评论 -
巧用v-model 实现双向绑定
1.for循环遍历数据,同时v-model绑定ID2.给初始Id设置初始页面显示值为13.条件显示原创 2021-12-09 11:22:07 · 285 阅读 · 0 评论 -
cookie localStorage和sessionStorage 的区别
1.cookie 首先,cookie的本性是联系服务端通信存储大小最大为 4kBhttp请求时发送到服务端,增加请求数据量只能用document.cookie = ‘ ’ 来修改,太过简陋2.localStorage和sessionStorageHtml5专门为存储而设计,最大可存5MApi简单易用 setItem getItem不会随http请求发送出去区别:localstorage 数据会永久存储,除非代码手动删除sessionStorage 数据...原创 2021-10-09 15:12:17 · 63 阅读 · 0 评论 -
确认订单页面实现及请求发送
1.页面布局2.以下关于确认订单发送请求需要携带的参数3.以下是打印的是 productlist 的内容,其中 productlist 为vuex中的数据以下是获取productList里面的value4.以下是正确发送方式,但是这样会包含(count = 0)的商品,7关于解决办法5.清空购物车6.关于潜藏Bug报错当清空购物车后并进行本地存储清除会发生页面报错一般来说 有JSON.parse( 将json字符串转化为 js 对象)一...原创 2021-09-15 10:48:32 · 510 阅读 · 0 评论 -
使用LocalStorage 实现购物车数据永久存储
1.定义一个 setLocalCartList 方法用于设置 cartList 里面的数据,数据存储一般要JSON格式,所以进行转化,本地存储的 cartList 数据等于 vuex里的 cartList 数据只要每个数据改变都调用一下这个方法2.定义一个getLocaCartList 方法用于获取本地存储,没有则返回空对象vuex中的 cartList 等于本地存储的cartList数据...原创 2021-09-13 11:08:37 · 333 阅读 · 0 评论 -
点击弹出购物车及其它操作
假设你已经完成基本购物逻辑,以下是购物车更详细操作1.复制原有以及css2.从vuex中获取商品数据3.对页面进行渲染4.对vuex修改部分进行翟离复用5。复用操作加减数量事件6.关于数量小于0时的显示判断,这里要注意一点,template放在外面不会实际占位,v-if 放在div里的话,如果数量小于0就不会显示,不会出现数量为0的商品还会有个一空盒子占位7.关于购物车选中与非选中,以及从新计算总额,如果选中就计算8.关于购物车选中状态切换,定义一个方法,原创 2021-09-12 11:25:52 · 268 阅读 · 0 评论 -
垂直导航栏以及内容联动
1.商家详情页的展示 1.1定义 categories 存储列表信息 1.2 列表循环 ,绑定点击事件并传值 1.3 因为每次点击都要调用axios获取函数并且传值,所以将axios单独拎出请求要携带不同列表参数 1.4 每次点击列表项都调用一次 axios 并传 tab 值,此外每次进入的时候都要展示all(所有)商品信息总结流程:1.v-for循环列表数据,并展示2.在每一个列表绑定一个点击事件并传值3.点击事件调用...原创 2021-09-09 16:48:38 · 151 阅读 · 0 评论 -
将附近店铺翟离成通用组件及部分不同样式的显示与隐藏
1.新建通用组件 ShopInfo.vue 完成基础布局,(此处不需要进行 v-for 循环遍历 )2.父组件调用,并进行v-for循环遍历 以及传递item 给子组件进行页面渲染3.子组件接收原创 2021-09-09 09:29:35 · 71 阅读 · 0 评论 -
使用axios发送登录moke请求
1.定义一组数据2.双向数据绑定3.封装请求引入axios 创建一个axios实例 设置请求地址和请求时长post方法返回一个promise对象 (axios的实例接收两个参数:地址和内容,设置返回内容类型,成功返回响应的数据(response.data),失败返回err)4.调用post方法 并发送登录内容 try catch 解决失败不会 继续往后执行5.弹窗内容实现...原创 2021-09-08 10:27:10 · 203 阅读 · 0 评论 -
登录页面布局常见问题
outline 是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。1. placeholder="请输入密码" (输入框文字)2.style中的 scoped作用css样式局域,如果多个文件存在同类名,防止类样式对其他文件造成影响3.垂直居中布局...原创 2021-09-07 15:55:24 · 122 阅读 · 0 评论 -
vue 实现底部导航栏点击颜色变化
假设你已写好布局及样式,以订单页为例1.调用底部导航栏,同时传递订单页的数组下标2.子组件接收3.子组件进行比较判断默认样式显示(true) 索引与传递过来的值相等,则该导航的点击样式显示...原创 2021-09-07 14:56:12 · 855 阅读 · 0 评论 -
vue对不常见字符进行转义,导致图标加载失败
1. 常规写法 显示异常2. 不对字符进行转移 v-html = " "原创 2021-09-07 14:12:07 · 377 阅读 · 0 评论 -
商品过多导致的页面变形
店铺过多把底部导航栏挤出屏幕解决办法 纵向滚动原创 2021-09-07 13:47:01 · 46 阅读 · 0 评论 -
常见页面布局之局部导航栏
1.页面布局及渲染2.css flex布局 wrap换行原创 2021-09-07 11:14:56 · 263 阅读 · 0 评论 -
解决因为网络延迟图片加载缓慢导致的下方内容抖动
1.高度为零2.溢出不显示3.高宽比(图片宽度的25.4%就是高度)原创 2021-09-07 10:49:36 · 140 阅读 · 0 评论 -
内容过长溢出显示···········
mixin的简单使用1.style中引入2.css中使用原创 2021-09-07 10:17:53 · 84 阅读 · 0 评论 -
解决字体太小字体大小不生效技巧
1.将字体放大2.等比例缩小3.设置缩小中心点原创 2021-09-07 09:48:13 · 593 阅读 · 0 评论