- 博客(19)
- 收藏
- 关注
RSS订阅原创 nuxt.js使用proxy代理图片url
上传图片详情页时，后台没有返回正确的图片地址，返回如下<p><strong>与宋词有个约会</strong></p><p><img src=\"/dev-api/profile/upload/2021/12/10/d980caf5-00aa-4611-9361-9c7cb1f79f70.png\"></p>所以加载时图片地址报错，需要前端做一下代理在nuxt.config.js里加入以下代码：即可 proxy:
2021-12-21 17:44:16
712
原创 ES6新特性使用
1，合并两个数组，合并两个对象ES5const a = [1,2,3];const b = [1,5,6];const c = a.concat(b);//[1,2,3,1,5,6] const obj1 = { a:1,}const obj2 = { b:1,}const obj = Object.assign({}, obj1, obj2);//{a:1,b:1}缺点：数组没有去重ES6const a = [1,2,3];const b = [1,5,6];c
2021-12-08 09:40:25
607
原创 使用vue搭建一个可单选，全选，删除的购物车
使用vue写一个PC的购物车，有全选，店铺选择，单选，添加数量，删除等以下为我实现的代码贴图没有CSS购物车列表由接口获取效果图代码实现<template> <div> <div class="main"> <div class="haed" style="text-align: left;"> <div class="hdp"> <input id="checkbox" t
2021-12-06 17:37:23
1120
2
原创 nuxt.js使用vuex传参取参记录
需求点击列表组件跳转时带参，到新页面后取参，因为项目组件封装了多层，所以使用vuex比较方便看代码vuex的文件名community.js //写vuex的文件const state = () => ({ ProjectId:[],})const getters = { }const mutations = { getProjectId(state,params){ state.ProjectId = params; }}const
2021-11-23 16:39:09
710
原创 JS 数组中去除重复的json对象
去除重复的json对象原数据格式let arr = [ {name: "12",color: "hei se"}, {name: "13",color: "bai se"}, {name: "12",color: "hei se"}, {name: "16",color: "hong se"}, {name: "12",color: "hei se"}, {name: "18",color: "lv se"},]需求 取出数据中重复的name,删除重复项实现代码let temp
2021-11-22 17:18:34
980
原创 使用Object.assign()对数组对象的子元素进行拼接
原数组格式let arr = [ [ {sellingPrice: 43535, discountPrice: 4534, freight: 12}, {sellingPrice: 4536, discountPrice: 342, freight: 3}, ], [ {stockNum: 2141, skuId: 168}, {stockNum: 345, skuId: 654} ], [ { Color:{colorName: "灰色",
2021-11-18 14:28:38
799
转载 vue页面控制权限,vuex刷新保存状态、登录状态保存
转自https://segmentfault.com/a/1190000016047911
2021-10-29 16:18:30
232
原创 面试题整理
1，说出几种水平垂直居中的方法答：一、水平居中1，对于行内元素，只需要给父级元素的css设置text-align：center;2，对于宽度固定的块级元素，只需要给子元素设置margin：0 auto；3，对于宽度不固定的块级元素，可以使用三种方法增加一个table标签，把元素放在table中，设置margin：0 auto；使用display：inline设置为行内属性，在使用taxt-alige:center;使用定位，父元素设置为position：relative，子元素设置为pos
2021-10-27 18:59:26
542
原创 解决IOS引入H5页面Safari浏览器工具栏会遮挡页面底部展示
解决IOS引入H5页面Safari浏览器工具栏会遮挡页面底部展示问题图片展示现在可以看到 底部遮住了因为这个项目是IOS和Android共同接入的一套代码，在网上找了一些解决方法后，以下是我的处理放式//使用计算属性 减去底部工具栏的高度height: calc(100vh - 75px); 完整的解决片段<div :class="isClass = 'ios' ? 'QYZXIOS' : 'QYZX'"> //此处内容省略</div> data
2021-02-23 15:12:49
10730
12
原创 vue PC端弹窗组件封装
在项目中，需要做一个可以任意更改颜色的弹窗，找了一些组件，发现都不是自己想要的，打算自己动手写一下。先看看效果图实现的效果主要是可以自由更改按钮文字的大小，背景色等接下来看看我操作的代码首先，新建一个vue文件为Popup.vue贴上一整个文件代码，以便下次可以直接使用<template> <div id="regDialog"> <div class="a001"> <div class="b001"&
2020-12-14 11:08:21
592
原创 vue JS_最新省市区json数据编码加格式处理
在项目过程中，使用到一些组件对于数据格式要求，无法实时找到最新的，所以只有自己动手做数据改造，以前是项目中的一些处理，随便记录一下。原来的数据格式是酱紫的~我想要的数据格式接下来贴出格式处理的代码，供大家参考~//引入数据import districts from '@/common/districts.js';let districtssheng = districts.province_listlet districtsShi = districts.city_listlet di
2020-11-25 09:53:00
2864
11
原创 解决vant-popup在有滚动条的页面，弹出遮罩层时页面会滚动到顶部
记录一下,使用vant-popup弹出层时,弹出遮罩层时页面会滚动到最顶部使用代码代码<van-popup v-model="Picker_chufen" position="bottom"> <van-picker show-toolbar item-height="35px" :columns="columns_chufe
2020-10-15 14:38:47
8211
8
原创 vant Picker 选择器数据处理的使用记录与坑
总结使用vant 时遇到的一些问题1, Field 输入框 Popup 弹出层 Picker 选择器在使用过程中 发现很多官方API说的都不是很清楚以下是使用实例效果图HTML部分 <li> <van-field clickable required is-link input-align="center"
2020-09-10 10:47:44
6093
原创 原生路由重定向，JS页面跳转，从传参到接参拼接在URL
从一个页面传参到另一个页面，在如何改变文本的样式强调文本 强调文本加粗文本 加粗文本标记文本删除文本引用文本H2O is是液体。210 运算结果是 1024.插入链接与图片链接: link.图片: 带尺寸的图片: 居中的图片: 居中并且带尺寸的图片: 当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。如何插入一段漂亮的代码片去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.// An highlighted blockvar foo =
2020-09-10 10:38:54
1472
原创 vue实现搜索框历史记录功能,本地储存,最新点击排在最前面
需求:输入框搜索历史记录,去重,最新点击的排在最前面,可点击删除效果:话不多说,上代码…HTML部分 <div class="head_top"> <div class="left"> <img src="../fangdajing.png" /> <input placeholder="请输入搜索关键字" ref="getValue" v-mo
2020-06-05 14:55:01
4882
22
原创 Javascript 内置类型
JavaScript有七种内置类型空值(null)未定义(undefined)布尔值(Boolean)数字(number)字符串(string)对象(object)符号(symbol,ES6新增)除对象之外,其他都统称为"基本类型"我们可以用 typeof 运算符来查看值的类型,它返回的是类型的字符串值,有意思的是,这七种类型和他们的字符串并不一一对应 console.log(typeof undefined === "undefined"); /
2020-06-02 15:57:18
297
原创 JavaScript字符串常用的几个方法
JavaScript字符串截取的方法slice()substring()substr()split()Join()indexOf()slice()slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分 let str = "www.abc.com" console.log(str.slice(1,5)) //第一个参数为开始位置,第二个参数为结束位置(截取出来不包含当前位置), console.log(str.slice(3)) //截取从第3个字符串
2020-05-27 16:00:20
241
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人