- 博客(16)
- 收藏
- 关注
RSS订阅原创 元素开启绝对定位后点击事件失效解决办法
元素开启定位后点击事件失效是因为被上层元素遮挡，点击到的元素此时不是绑定了事件的元素，解决的办法是提升该元素的层级position: absolute;z-index: 99;
2021-02-09 13:03:00
3625
原创 vue中父组件异步获取的数据传给子组件可能会遇到的坑
今天在项目开发中遇到了一个问题，父组件异步获取的数据传给子组件，子组件对传过来的该数据进行处理后显示，但是却无法显示处理之后的数据。经过我不停的尝试，我发现了一个奇怪的问题，当我刷新页面时，本来希望在子组件中显示出来的数据却不能显示出来，但是我对子组件的代码加一些无用的代码执行保存此时数据竟然神奇的出现了，我对这个问题又是无奈又是好奇，于是查询了各种资料，终于把这个问题解决了，现在把它分享出来，希望对大家有一点帮助。对于这个问题，我进行了两种尝试，首先第一种：先把代码放上来然后慢慢说mounted(
2020-12-31 09:58:30
1962
原创 echarts5版本引入报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
这是因为echarts5用的是commonjs的模块，引入方式改成var echarts = require(‘echarts’);即可当然你也可以使用import方式引入5.0以前的版本
2020-12-29 21:01:47
1571
1
原创 table的tr间距问题
灵活控制tr的间距是我们在项目开发的过程中经常会遇到的问题，比如让tr之间是固定的间距，单元格（即td）合并。第一反应可能是使用外边距来控制，但是tr对padding的设置是有用的，而对于margin的设置是不起作用的。你可能会想是不是可以用display： block来将tr变成块元素，再设置块元素的外边距，但是这样就失去了tr特有的显示效果（此时display的属性为display: table-row），如td的自动对齐，垂直居中等。那么怎么很好的取控制呢，可以通过css中border-colla
2020-12-23 09:52:17
3960
1
原创 单行文本垂直居中稍微偏下的问题
在设置单行文本垂直居中时，我们通常的做法是通过设置行高来实现，即设置子元素的行高等于父元素的高度，代码如下：.Push{ height: 1.8rem; background-color: #fff; border-radius: .3rem;}.Push span{ background-color: rgba(255,255,255,0); line-height: 1.8rem;}效果如下所示：如果你仔细观察，你会发现文字比中心位置稍微偏下了一些，出现这样问题的原因
2020-12-22 11:08:40
1296
转载 伪元素和伪类的区别
伪类和伪元素的根本区别在于：它们是否创造了新的元素。伪元素/伪对象：不存在DOM文档中，是虚拟的元素，是创建新元素。代表某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。伪类：存在DOM文档中，逻辑上存在但却未进行标识的分类。W3C中对二者进行这样的描述：伪类：用于向某些选择器添加特殊的效果伪元素：用于将特殊的效果添加到某些选择器这两句解释的很到位，你品，你细品~~下边的文章对伪类和伪元素做出了详细的解释，建议阅读链接: 伪元素和伪类的区别总结....
2020-12-21 23:13:30
113
原创 使用伪元素给超链接设置自定义下划线
相信你和我一样对如何给超链接设置自定义下划线充满兴趣，如何设置下图这样的下划线呢？废话不多说，下面直接上代码 .nav .router-link-exact-active{ position: relative; } .nav .router-link-exact-active:after{ content: ''; position: absolute; left: 1.25rem; bottom: 0; width: 2.5rem;
2020-12-21 22:44:02
599
原创 Vue项目中的Emitted value instead of an instance of Error问题
对于一个初次进行项目开发的小白来说，项目开发的过程中可能会遇到这样的问题：这个警告的意思是用v-for呈现的组件列表需要具有显式键。出现这个警告的原因是在Vue中当使用v-for进行列表渲染时，虚拟dom和实际dom不一样，不能做唯一性，为元素绑定一个key,可以确保唯一性操作。这也是Vue官方推荐的做法。所以，针对上述问题的解决方法：在警告的组件里v-for后面加一个属性key,即为生成的每一个元素绑定一个key，这样就可以了。如下边代码所示： <mt-tab-container v
2020-12-21 17:20:42
16027
原创 package.json中dependencies与devDependencies的区别
从安装模块的角度说，有两种命令参数可以把模块相关的信息写入到package.json文件中：-save-save-dev这两个命令有一些小的区别，其中-save会把依赖包的名称添加到package.json文件的dependencies键下。-save-dev则添加到package.json文件的devDependencies键下。其中，devDependencies下列出的模块，是我们开发时用到的依赖项，像一些进行单元测试和转码之类的包，如grunt-contrib-uglify和babel-c
2020-12-21 15:39:05
502
原创 vue-router子路由的一些注意事项
1.子路由中的name属性和父路由中的name属性不可以同时出现2.使用children属性实现子路由时，子路由path前面 不能带/，以/ 开头的嵌套路径会被当作根路径，否则会永远以根路由开始请求, 这样不方便我们调用渲染数据...
2020-12-20 18:38:11
374
原创 Vue组件的命名
组件有好几种命名方式, 可以使用 component-vue (短横线分隔命名)、componentVue (驼峰式命名) 或ComponentVue (单词首字母)因为html对大小写不敏感, 所以在调用的时候驼峰命名的都要写成短线分割形式:以上三种都要写成小写短线这种形式:<component-vue></component-vue>...
2020-12-20 16:03:49
417
原创 使用import引入组件的注意事项
Vue使用import … from …来导入组件，库，变量等。而from后的来源可以是js，vue，json。这个是在webpack.base.conf.js中设置的： resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), } },这里的extensions指定了from后可导入的文
2020-12-20 15:17:20
1373
原创 Vue中的路径@/和./有什么区别
Vue中的路径@/和./有什么区别./表示相对路径，具体代表当前目录下的同级目录，遵循从后往前找文件@/的意思：表示的也是相对路径，@在根目录/build/webpack.base.conf.js文件中是经过配置的，比如配置文件中@配置成src目录，遵循从前往后找文件，比如’@/components/login’ 就表示的是src/components/login文件配置代码如下： resolve: { extensions: ['.js', '.vue', '.json'],
2020-12-20 13:54:00
1167
原创 文本自适应居中
文本自适应居中多行文本和图片在未知尺寸的容器中的居中方法多行文本和图片在未知尺寸的容器中的居中方法1、position：absolute；1 当元素没有宽和高的时候，设置四个方向的定位值可以把元素宽高拉开，撑满父级；2 当元素有宽高的时候，设置四个方向的定位值为0，可以使用margin：auto；居中。2、margin：0 auto；左右居中3、定位居中父级设置position：relative；子级设置position：absolute；top：50%；left：50%；margi
2020-11-10 08:56:27
382
1
原创 关于进程和线程的一些总结
进程是一个动态概念，是程序在执行过程中分配和管理资源的基本单位，每一个进程都有一个自己的地址空间，至少有5种基本状态，它们是：初始态，执行态，等待状态，就绪状态，终止状态。进程负责为程序的运行提供必备的环境，是操作系统资源分配的基本单位。线程是进程内的一个独立的执行单元，是程序执行的一个完整的流程，是任务（CPU）调度和执行的基本单位，线程负责执行进程中的程序。应用程序必须运行在某个进程的某个线程上，一个进程中至少有一个运行的线程：主线程在进程启动后自动创建；一个进程中的数据可以供其中的多个线程直接共
2020-07-31 22:42:08
199
原创 事件委托
事件委托什么是事件委托事件委托的好处事件委托的实现什么是事件委托事件委托又叫事件委派或事件代理，javascript高级程序设计中讲到，对“事件处理程序过多”问题的解决方案就是事件委托，事件委托利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的事件。通俗的讲就是将原本需要绑定到发生事件的具体某个元素上的事件处理程序统一绑定到其父辈元素上，解决“事件处理程序过多”的问题。那么什么样的事件其事件处理程序可以绑定到其父辈元素元素上呢？比如：click,mousedown,mouseup,keyd
2020-07-21 09:48:49
256
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人