埋坑之路
文章平均质量分 89
545龙哥哥
天天学习,好好向上。
展开
-
vuecli3 配置全局sass/scss变量报错
最近在用vuecli3重写一个项目时,注意到了代码中的一个可优化的点,就是scss文件的重复引用。如上图所看到的,同一个css样式书写了两遍。为什么会出现上面的这种情况呢?项目中有一个common.scss的通用样式文件,里面保存着一些抽离出来的公共样式,便于以后统一修改,但是之前的项目是在每一个需要用到通用样式的页面都进行的引入,因此就导致了该文件的重复引入。如图,是com...原创 2019-10-08 09:59:28 · 3130 阅读 · 1 评论 -
ant design vue之select组件placeholder属性不起作用
最近开始做公司后台管理系统的重构,由于后台管理系统没有UI大佬出原型图,所以就选择使用UI框架,保持页面整体样式的统一,我这边使用的是ant design vue。问题:我在表单中使用select组件时设置的placeholder一直不显示,template中的代码如下<a-select v-model="searchParams.coach_id" placeholder="请选择" style="width: 180px"> <a-select-opti原创 2020-08-28 14:19:49 · 5200 阅读 · 6 评论 -
ant desigin vue之 tree(树形控件)中设置defaultExpandAll无效的问题
问题:在做后台管理系统的菜单管理列表时,用到ant-design-vue中的 a-tree 树形控件展示菜单列表,以及进行操作列表。需要在加载出列表时,同时展开所有的树节点。查看文档,https://www.antdv.com/components/tree-cn/使用defaultExpandAll属性,但是一直不生效,template中的代码如下:<a-tree default-expand-all :tree-data="adminMenuList" :show-line.原创 2020-09-04 10:28:29 · 7629 阅读 · 3 评论 -
ant design vue之 modal组件动态设置title
今天遇到的问题,差点被自己蠢哭了。问题背景:想要的效果本来是像下面这样。点击新增角色,title是 '新增角色名称'。点击编辑角色名,title是'编辑角色名称'。一开始我陷入了一个误区,下面是部分关键代码<template> <a-button @clcik="showNameDialog">新增角色</a-button> <a-button @click="showNameDialog(true)">编辑角色</a-butto.原创 2020-09-18 11:14:13 · 9670 阅读 · 3 评论 -
前端跨域&iOS端 universal link相关
什么是跨域?为什么会出现跨域问题?出于浏览器的同源策源限制。同源策略是一种约定,它是浏览器最核心也是最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会收到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)。当一个请求的url的协议、域名、端口三者之间任意一个与当前页面url不原创 2021-03-08 22:00:59 · 1278 阅读 · 2 评论 -
记录兼容性问题
目录问题一:Object.assign方法在Android 5版本及以下不支持问题二:Android 6系统及以下,访问微信头像(第三方图片都会有问题)时图片加载失败,导致页面崩溃问题三:cdn图片兼容性问题,能用qiniu就不要用ypy问题四:新款ipad系统ua只有'macintosh',没有'ipad'字段,并且系统版本描述也不一样,导致在用之前的系统版本拆分方法时,导致错误问题五:safari浏览器在new Date()转换时间戳的时候不支持 YYYY-MM-DD的格式..原创 2021-05-09 11:28:00 · 403 阅读 · 0 评论 -
项目中的性能优化实战
项目背景:使用nuxt.js构建的一个服务端渲染项目第一轮优化工作:banner图的懒加载:为什么要做?减少首屏打开时的资源请求数量,提高资源加载速度。过程分析:如果使用swiper自带的懒加载轮播切换会有闪烁,体验不好,如果swiper和lazyload同时使用,轮播一圈后第一张显示空白最后解决方案是:首尾两张图片不用懒加载。学员案例懒加载:(该模块是由一个横向可滑动的多图形式构成的)为什么要做?减少首屏打开时的资源请求数量,提高资源加载速度。过..原创 2021-05-13 18:24:49 · 511 阅读 · 3 评论 -
nuxt.js请求参数是数组的问题
背景:前两天线上出现了训练营详情无法跳转的问题,定位之后是由于前端在调接口时传参有问题,导致的接口返回参数不对导致的。原因分析: 问题接口:http://o2o.dailyyoga.com.cn/620/yogao2school/session/马赛克?session_id=759&dy=1&app[]=1&app[]=1&version[]=7.14.0.0&version[]=7.14.0.0&a...原创 2021-05-19 17:04:30 · 864 阅读 · 7 评论