1 帅燊

尚未进行身份认证

软件

等级
TA的排名 17w+

vue项目中van-tabs改变下划线颜色

使用color属性可以修改下划线的颜色。如下图vant 的官方网站如下:https://youzan.github.io/vant/#/zh-CN/tab<van-tabsv-model="active"stickytitle-active-color="#144a9e" // 选中的标签文字颜色color="#144a9e" // 下面那个下划线颜色@click="ta...

2020-02-17 12:22:39

Computed property was assigned to but it has no setter问题解决

提示此问题,是因为在computed 里面定义的属性 只有一个return返回。因为在其他地方进行了赋值操作,导致提示此错误!如下代码所示:更改之前的代码: computed: { drCountData() { return this.$store.state.drCountData; }, },...

2020-02-13 20:30:12

git push提交代码发生冲突,hint: Updates were rejected because the remote contains work that you do 问题

两人同时fetch了一个分支。 第一个人修改后提交,第二个人提交就失败。git提交到远程代码库产生冲突,导致代码不能提交!如出现如下图所示的情况如下:! [rejected] master -> master (fetch first)error: failed to push some refs to ‘https://gitee.com/x2020/mobile-...

2020-02-12 21:52:33

执行git merge origin/master命令出现命界面退出

执行git merge origin/master 命令后,会出现如下图所示的界面。通过资料查看,翻译如下:Merge remote-tracking branch ‘origin/master’#请输入一个提交信息以解释此合并的必要性,尤其是将一个更新后的上 #游分支 合并到主题分支。以 ‘#’ 开头的行将被忽略,而且空提交说明将会终止提交。需要按照:q或者:wq退出来,即不保...

2020-02-12 21:37:09

Failed to resolve loader: stylus-loader问题

在项目运行中会出现如下图所示的问题,出现Failed to resolve loader: stylus-loade 问题原因,是因为在项目中使用了lang=“stylus”, 项目中并没有安装stylus-loade和stytus , 安装即可。执行代码如下:npm i stylus stylus-loader --save-dev...

2020-02-11 16:56:26

Vant is not defined问题解决办法

Vant is not defined的问题,是由于使用了vant官网中推荐的方式一,同时又使用了方式三;由于已经安装了babel-plugin-import ,所以在使用方式三时,要卸载掉babel-plugin-import插件。解决办法: 运行如下代码。npm uninstall i babel-plugin-import -D方式一. 自动按需引入组件 (推荐)babel-p...

2020-02-11 10:10:57

Css3- flex布局管理

Css3- flex布局管理CSS3 弹性盒子(Flexible Box 或 Flexbox),是一种用于在页面上布置元素的布局模式,使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时,元素可预测地运行/列。对于许多应用程序,弹性盒子模型提供了对块模型的改进,因为它不使用浮动,flex容器的边缘也不会与其内容的边缘折叠。**弹性盒模型,分老版与新版老版本的我们通常称之为box新版本...

2020-02-06 12:07:26

css3 transform(2D)的使用

transform的使用transform 属性允许你修改CSS视觉格式模型的坐标空间transform 属性 , 只对 block 级元素生效!transfrom的基本属性有:①translate:平移②rotate:旋转③skew:倾斜④transform-origin:基点的变换⑤scale:缩放⑥matrix:矩阵。旋转;平移;缩放;(1) translate的用法X...

2020-02-05 13:24:29

css3 过渡transition的语法

css3 过渡transition的语法transition:众所周知,css效率极高,其变化的过程往往都是在一瞬间完成,速度极快。CSS transition 提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程,而不是立即生效的。比如,将一个元素的颜色从白色改为黑色,通常这个改变是立即生效的,使用 CSS transitions 后该元素的颜色将逐...

2020-02-01 22:16:26

js--数据类型是nodeList 转成数组Array类型

问题:获取div下的子元素获取div为 class=‘mainContent’下的所有子标签使用 Array.prototype.slice.call(NodeList); let contentMain = document.querySelector('.mainContent'); let nodes =contentMain.childNodes; //nodeList类型 l...

2020-01-21 16:36:03

css动画--使用图标进行顺时针与逆时针转圈

css动画–使用图标进行顺时针转圈代码如下:<template> <div style="width:1300px;height: 600px;border: 1px solid red;margin:0 auto"> <div class="circel"> </div> </div&g...

2020-01-21 16:08:13

vue项目开发首页模板,支持scroll鼠标滑动,菜单按钮选项会浮动

案例:如下图所所示,项目首页类似如下图所示的结构,菜单模块(模块A,模块B,模块C),点击 “模块A”的时候,在浏览器上会滚动到A模块的内容上,点击“模块B”会滚动到“模块B”的模块上,模块C 同上。当浏览器鼠标下滑时,菜单模块会进行浮动。注意事项:本案例需重构 html与body的height,如下代码html,body{ height: 100%;}1,菜单模块在浏览是悬浮...

2020-01-21 14:28:24

div上添加scroll监听事件失败的原因

1,问题:在给div添加scroll监听事件时,发现添加失败,即在添加的方法中没有执行要添加方法,如下document.querySelector('.appMain').addEventListener('scroll',this.handleScroll,true)2,发现问题在寻找问题的过程中,使用window添加 scroll 监听事件时可以的,但是在div上添加scroll监听事...

2020-01-21 12:05:13

vue项目引入vue-scrollto

vue-scrollto 官方网址为:https://www.npmjs.com/package/vue-scrollto由于没有安装vue-scrollto,会爆出 Can’t resolve 'vue-scrollto’的问题,如下所示:解决方案:使用npm安装则如下:npm install --save vue-scrollto使用yarn则如下:yarn add vue-...

2020-01-20 15:16:11

css去掉 ul li标签的前的点

开发中ul li标签前默认存在一个小点,去掉默认点使用list-style-type: none;即可list-style-type: none;

2020-01-20 14:12:24

vue项目el-table使用slot解决表头是可变的列

vue项目el-table使用slot解决表头是可变的列需求:列表中表头是不固定的,可以说是个可变的列,所以使用了slot标签和循环遍历可变的数组。案例和代码如下所示。代码如下:<template> <div> <el-table ref="tab" stripe ...

2020-01-19 16:08:30

vue项目中slot的使用

vue中的插槽————slot插槽(Slot)是Vue提出来的一个概念,正如名字一样,插槽用于决定将所携带的内容,插入到指定的某个位置,从而使模板分块,具有模块化的特质和更大的重用性。案列如下:①SectionSet.vue是带有slot的一个组件②SlotTest.vue组件调用SectionSet.vue组件代码如下:SectionSet.vue组件<template&g...

2020-01-19 14:18:39

vue项目中添加lodash

Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。官方网址为:https://www.lodashjs.com/1,安装Lodash,通过npm安装,如下: npm i -g npm npm i --save lodash浏览器环境中,引入如下:<script src="lodash.js"></script>2,引入load...

2020-01-19 10:13:24

git常用命令

项目已提交到git后,创建新的文件及修改文件常用的命令(如多个人需要更新代码)1,git add -A2,git commit -m “备注信息”3,git push需要填写用户名/密码...

2020-01-17 17:48:43

vue锚点滚动问题v-scroll-to

使用v-scroll-to 可解决锚点问题,在offset中可使用三目运算符v-scroll-to="{ element: ‘#v’ + index, offset: -20 }"

2020-01-17 16:56:21

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。