- 博客(19)
- 收藏
- 关注
RSS订阅原创 link和import的区别
6）link 引用 CSS 时，在页面加载时同时加载 css，而 @import 会把 css 文件放在页面的最底部，导致 css 最后才加载完毕，等到页面完全加载才加载 css，导致页面留白时间长，影响用户体验。1）link 和 import 写法不同，link 通过 <link> 标签的 href 属性引入，import 通过 @import url() 引入。2）link 是 XHTML 标签，还可以定义其他事务，@import 属于 CSS 范畴，只能加载 CSS。
2024-10-29 19:22:50
398
原创 vue中自定义事件
最近封装组件，table组件封装完毕以后需要在父组件中引入，有一个需求，就是函数在父组件中定义，但是要在子组件中触发。举个例子，用el-table二次封装的组件，好多原生的函数element中都有定义，但是触发函数以后具体执行的事件需要在父组件中定义，有一个好办法，就用到了我们vue中的自定义事件。子组件原生事件： <div style="display: flex; justify-content: flex-end; align-item: center"> <e
2022-02-21 14:32:59
3604
原创 git 如何切换远端分支
今天公司有个新的需求，需要远端分支切换，而且我本地没有拉过这个远程分支。直接上命令： git checkout -b 本地分支（自己取名字）origin/远程分支名这样相当于自己本地新建了一个“本地分支”且克隆了远程你想拉取的分支，且互相关联，建议本地和远程取一样的名字，名字不同，分支又多，容易混淆。...
2022-01-12 17:56:35
762
原创 el-table的二次封装
<template> <div class="table-box"> <el-table :data="tableData" @selection-change="changeSelection" :header-cell-style="{ background: '#f8f8f9', color: '#666' }" > <slot name="expand"></slot>.
2021-12-29 16:04:49
683
原创 修改el-button的样式
根据不同的type修改 不同type的样式，二次封装更加方便：.el-button--primary { color: #fff; background-color: #4a7bff; border-color: #4a7bff; width: 88px; border-radius: 2px; font-size: 14px; height: 32px; } .el-button--danger { color: #fff;.
2021-12-29 16:01:46
2800
1
原创 修改el-table表头高度 表格高度 行鼠标悬停颜色
表头高度，表格高度： //调整表头高度 .el-table__header tr, .el-table__header th { padding: 0; height: 42px; font-size: 12px; } //调整表格高度 .el-table__body tr, .el-table__body td { padding: 0; height: 48px; font-size: 12px; }修改鼠标悬停颜色：
2021-12-29 13:49:27
7664
原创 Dialog组件封装 vue中子传父的关闭问题
最近在项目中需要手动封装一个dialog组件，父组件中控制dialog的显示与否，出现dialog还好说，父组件直接传值到子组件，子组件用props接收就好，但是回传的时候出现了问题，子组件中不能修改父组件传过来的值。而我们的关闭有两种方法，一种是点击右下角的“取消”按钮，还有一种是点击右上角的关闭按钮。第一种很好处理，在点击“取消”的时候定义一个事件，把父组件的值取反传回去，（注意我只是取反，并没有修改父组件传过来的值，这样不用给子组件的data中来回赋值，代码简洁）： //点击取消函数 .
2021-12-28 09:40:00
2151
转载 说下web路由那些事
看了三篇有关于路由的事情，感觉懂了。https://blog.youkuaiyun.com/I_will_try/article/details/78463950?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522164022632716780265478984%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=1640226327167802654
2021-12-23 11:22:32
90
原创 iframe 在angular1.5中内嵌vue2.0的项目
公司项目的技术有一些老旧了，是angular1.5的版本，需要做一些技术革新，希望在原有的项目上后续使用vue开发，并且合并两个项目，想了很久,决定使用iframe把vue的项目嵌进去。先说以下iframe这个标签，我也是从这次项目合并才了解的这个标签:iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。几乎所有的浏览器都支持iframe标签，自己写一个小demo即可明白：<body> <iframe src="https://www.youkuaiyun.com/
2021-12-23 10:16:02
1013
1
原创 强缓存和协商缓存的那些事
总是被问到浏览器的缓存机制，发现自己对这个还是没有很了解，看了图解http也看了好多大神的博文，自己也来个总结。首先缓存机制是HTTP的，HTTP1.0的基本不用，就从HTTP1.5开始说起。以前总搞不懂，什么第几次强缓存，什么访问不访问服务器，都给我整蒙了，现在我才清楚的明白，无论强缓存还是协商缓存，都是第二次才有说法！！！！第一次都是拿数据到缓存数据库的，缓存数据库不理解，其实就是硬盘，有内存，有硬盘，不懂得可以打开控制台。内存缓存：memory-cache,硬盘缓存：disk-cache
2021-12-20 15:51:12
230
原创 Promise.all的用法和缺点
上次面试总有面试官问我知道promise吗，用过什么api吗，知道promise.all吗，我寻思着我知道啊，就是传一个数组，里面有你要执行的异步任务，作为一个异步任务队列，等全部完成以后，返回的res中会有几个异步任务的返回值，会以数组的形式返回。面试官总是问有没有什么缺点，给我整蒙了，我一般知道的就是promise各种好，但是好多人问，我就下去查了下，终于知道了promise.all的缺点！假设有三个异步任务，如果都执行成功，那么返回的值是三个异步任务的值。上代码。Promise.all(
2021-12-17 15:26:27
1399
原创 em标签的那些事
最近做项目碰到了原生的h5标签，对于已经用惯了element-ui的人来说，还稍微有点不习惯，就当复习基础了。在项目中碰到了em标签，不是css的em布局，而是h5的页面标签，感觉这几年的vue开发没怎么碰到过，就查了下。em标签展现在浏览器页面的样式和i标签一样，就是内容斜体，不同的是em标签更具有语义化，让浏览器知道这个标签的东西是重要的，最重要的是，在SEO中，会比i标签更好的抓取到，这是它的优点。同理还有b标签和strong标签，展现出来的都是内容加粗，但是strong根据有语义化，更容
2021-12-16 14:39:14
2062
原创 Proxy中的那些事
Proxy是es6的新语法，在vue搭建项目的时候做过拦截代理来处理跨域问题，在面试的时候也总是被问到，别的es6能答出来差不多，唯独卡到这个。以前以为Proxy就是个代理，最近读了阮一峰老师的书才深刻理解了Proxy。Proxy其实就是一个拦截器，我自己类比为axios中的拦截器，在对将要拦截的对象的操作之前做一些拦截处理，从而达到某种目的。需要注意的一点是：要使Proxy起作用，必须针对Proxy实例（就是new出来的Proxy对象）进行操作，而不是在目标对象上进行操作！！！这一点很重要，刚
2021-12-15 16:22:52
941
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人