3 Dear_Mr

尚未进行身份认证

尽自己的努力,做好该做的事情

等级
TA的排名 1w+

样式问题记录

遇到的样式问题的记录border相关CSS问题-鼠标移入icon时(hover状态),会造成页面内容有上下移动的情况.icon-radius{border:0.5pxsolid#dde0e1;&:hover{border:0;}}问题:可以发现是因为border的变化,导致该ICON高度宽度发生变化,所以出现了上...

2019-08-06 21:29:20

组件开发总结

插槽作用域插槽Menu子组件<ul:class="wrapClasses"><li:class="itemClasses(item)"v-for="iteminmenuData.options" @click="getActiveItem(item)":key="item.value"><!--:optio...

2019-08-06 21:14:00

Vuex中注册模块的方式

在实际的项目应用中,如果把该项目中应用到的所有的state和mutation、Action等放置在全局的store中,会出现全局store内容过于庞大,并且变量名,方法名都很受限制,而vuex中的模块概念就恰好可以解决此问题下面就如何利用vuex中的模块概念,解决全局Store过于复杂问题,给出两种方式,静态注册和动态注册。首先我们创建的模块的名称为moduleA,如下moduleA.js...

2018-11-28 00:06:49

用CSS减少JavaScript代码量

用CSS减少JavaScript代码量写此篇博客的目的就是提醒自己和需要的人,在遇到某些需求的时候,可以通过灵活的CSS的样式去减少项目中JavaScript的代码量。现在假定有这样一个需求,在列表页面中,每次点击某一行,这个时候前端会向后端发出请求,请求该行所对应的模板,并将这个模板显示在详情弹窗,但有时候,这一行对应的不仅是一个模板,但是需要的只是其中之一,现在需要用前端代码去控制选取...

2018-07-17 23:44:34

vue中对鼠标划过事件处理方式

vue中对鼠标划过进行处理鼠标事件进行监听需求中,在一个table(组件)表中,对于其中一列(该列为图片列),当鼠标划过该列的某个单元格子(图片)时,需要展示出该单元格子对应的遮罩层翻阅了一些博客,发现好多都提到了mouse事件,如mouseover、mouseout、mouseenter、mouseleave,在之后我自己也通过这种方法进行了尝试。<template>...

2018-07-11 23:07:18

Linux系统下Node.js的版本升级

Linux系统下Node.js的版本升级昨晚想升级下Node的版本,先用sudonpminstall-gn安装了n模块,之后使用sudonstable命令的时候,报的是没有sudo这个命令。之后就在自己头疼脑热的情况下,不知看了哪个博客,把npm给删除了,后来发现在升级Node版本的时候,还是需要用到npm,所以,就需要安装一下了,安装命令如下:查看npm安装的版本...

2018-07-09 23:51:33

关于npm的报错

关于npm缺少asynckit的报错今天,在gitbash中输入npm-v的时候,发现提示缺少模块然后我输入node-v,显示出了node版本,然后我将这个错误搜索了一下,搜索到的没有什么有效信息​后来我就想着因为npm是安装node的时候自带的,我就想着卸载下node,然后重新安装一次,结果我又碰到了问题,node没有办法删除,并且报出的错误码是2330,在网上一阵...

2018-04-19 11:34:46

Webpack

认识WebpackWebpack可以看作是模块打包机,做的事情就是,分析项目结构,找到JavaScript模块以及其他的一些浏览器不能直接运行的拓展语言(Sass,TypeScript),并将其转换和打包为合适的格式以供浏览器使用,在3.0出现以后,Webpack还肩负了优化项目的责任--save保存--dev开发环境打包:可以将多个Java...

2018-03-29 21:06:52

Vue的单页应用中如何引用单独的样式文件

Vue的单页应用中如何引用单独的样式文件问题描述对于.vue的文件来说,也是由结构、行为、样式三部分组成,在样式部分有个scoped的属性,也就是当前页面有效,当style标签内样式比较多时或者.vue文件之间有重复的时候,总感觉看起来不够整洁,所以就需要引入一些公共样式。下面就先说下如何引入单独的样式文件,这里就以CSS文件为例,之后再说下我的项目中的样式文件的划分引入单独的样式...

2018-03-28 18:40:54

关于input兼容性的总结

一月快要结束了O(∩_∩)O~input失去焦点的时候,如何取得input框的值需求描述:有这样一个表格(表格组件),表格中有几列中是包含input这个输入框的,之前使用的是v-model,现在需要添加一些校验,我想到的就是在input输入框失去焦点的时候,用个函数去处理,这个函数的形参包括,该行所在的下标,input框中的内容,那下面的问题就是关于如何得到input框内的内容

2018-01-26 17:53:15

CSS中的focus-within伪类选择器

:focus-within很容易让人联想到focus,区别就在于focus是对于当前元素,而:focus-within则是对于当前对象和当前对象子元素MDN:The:focus-withinCSSpseudo-classrepresentsanelementthathasreceivedfocusorcontainsanelementthathasre

2018-01-22 18:45:29

日常项目总结

总结Vue中给option增加点击事件问题描述:select下拉列表中,点击一个option之后,需要做一些指定操作,例如去请求一个接口,并且这个接口需要的数据来自这个option的value值解决过程:我开始的做法就是给option添加了@click="requestSomeThing(item.id)",结果发现我在点击了select的下拉框的时候,并没有去没有触发,之后就去上

2018-01-19 19:00:17

常用的正则

常用的正则以下为项目中使用过的,后面会不断的添加,也欢迎补充将数字类型转化为货币的形式letval='233443432314';letreg=/\d{1,3}(?=(\d{3})+$)/g;val=val.replace(/^(-?)(\d+)((\.\d+)?)$/,function(s,s1,s2,s3){returns1

2018-01-12 18:20:15

常用的CSS效果总结

遮罩层效果通过设置top、right、bottom、left为0,使得遮罩层覆盖整个可视区域如果页面中是有滚动条的,就涉及到需要给body增加overflow:‘hidden’background-color:rgba(0,0,0,0.5)使得背景颜色更加清晰<divid="bg-gray"class="bg"v-if="viewShowGrayBg"><butto

2017-12-29 16:20:09

Vue组件的书写形式

之前只是用过第三种方式去创建组件,最近接触到第一种写法的项目,所以写下了下面的内容使用script标签<!--index.html--><!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title></head><body><divid='index-container'></

2017-12-28 17:47:53

Promise处理有依赖的连续请求

Promise处理有依赖的连续请求在没有接触到Promise之前,如果有这样的需求,先去前端需要异步去请求第一个接口,然后接收到返回的一些数据,然后利用得到的数据,去请求第二个接口,然后接收传回来的数据,然后去请求第三个接口,这个时候我自己写出来的代码一定是Ajax嵌套的一堆,写出来的代码可想而知,真的是太丑。我现在不敢说我对Promise有多懂,因为我离灵活应用它,还有距离,最近在看书,偶然看到了

2017-12-22 11:24:43

WebStorm添加注释模板

今天想给我的代码文件添加一些特定的注释,下面是具体的操作,当然不局限于下面的,可以添加更多你所需要的东西添加后的效果/***@authorVao*@date2017/12/21*@Description:*/添加的过程我用的工具是WebStorm2017.2.3,点击File->Settings->Editor->liveTemplates,打开Settings的快捷键是

2017-12-21 20:54:23

点击页面关闭某个打开的列表

问题描述当点击“添加按钮”的时候,会显示一个列表,当再次点击“添加按钮”,这个列表就会关闭,这样做的话,交互性并不是那么良好,所以就需要修改一下啦……思路及解决办法增加的交互就是,在用户点击该页面的其他地方的时候,关闭这个列表,下面就是这个的具体实现梳理下用的东西:1.ref来获取元素,可以参考这里2.watch来监测showGoodsList变量的变化3.事件的添加方式,这

2017-12-06 11:50:07

JavaScript逻辑运算符

从项目中看逻辑运算符“||”和“&&”今天,在项目开发中遇到一个问题,就这个问题本身而言,并不是很难,但觉得它的意义重大(哈哈,当然是对我而言),还是决定记录一番问题描述及初步解决简单描述下要求:就是上边有两个checkbox的选择框(上面的图是简易版),要实现的功能就是二者至少选择一个,而且交互性良好先说下我的思路,也是我get到的,这个时候是实现二者至少选其一的功能的,当时我也说不来自己是怎样鬼

2017-12-05 21:21:56

Ajax的原生实现关于MIME类型的使用

问题描述下面的例子是一个Ajax的post请求的代码,这段代码在测试运行的时候,发现返回的状态码为400,服务器不能理解的请求,后来经过查看和修改,发现只需要将下面的代码稍微改造一下就好了原代码varsend=function(url,params,fn){varme=this;varxhr=null;vardata='';fn

2017-11-20 16:57:36

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。