沐子馨

2021年6月2日

摘要： “高亮”功能，个人觉得没必要再解释什么了。作为一名程序猿，天天都会接触高亮：写代码时的语法高亮；使用搜索引擎时的搜索结果高亮。作为一名前端，如果你做过与搜索相关的功能，那么你很有可能就实现过高亮，本文也主要从前端的角度复盘一下“高亮”功能实现的关键知识点。高亮实现思路对用户的输入进行分词得到关键阅读全文

posted @ 2021-06-02 16:25 沐子馨阅读(2843) 评论(0) 推荐(1)

vue 表单 enter 键触发默认事件

摘要： <el-form v-on:submit.native.prevent></el-form> 在 form 表单中，加上 v-on:submit.native.prevent 阅读全文

posted @ 2021-06-02 16:15 沐子馨阅读(441) 评论(0) 推荐(0)

2021年1月19日

img找不到图片时，去除默认边框

摘要： img[src=""],img:not([src]) { opacity: 0; } 阅读全文

posted @ 2021-01-19 11:39 沐子馨阅读(245) 评论(0) 推荐(0)

2020年11月4日

input 上传第二次不能选择同一文件

摘要：问题描述在上传图片过程中，同一个 input 选择同一张图片不会触发 onchange事件，在选择不同图片时，会多次触发onchange事件；刚开始在选择完成后，删除重新初始化一个input ，这个方法有点山炮！！！解决方案不要采用删除当前input[type=file]这个节点，然后再重新阅读全文

posted @ 2020-11-04 17:06 沐子馨阅读(865) 评论(1) 推荐(1)

2020年8月29日

vue-router中vue生命周期的顺序

摘要： 1. vue-router 在 Vue 中的生命周期：这是 vue 生命周期的图：在路由中分别定义A页面和B页面 A页面: <template> <div> <router-link to="/test2">去B页面</router-link> </div> </template> <scrip 阅读全文

posted @ 2020-08-29 00:19 沐子馨阅读(3341) 评论(0) 推荐(0)

BFC 浅析

摘要： BFC 是什么？首先，BFC（block formatting context），中文直译：块格式化上下文。BFC的概念，无论是在W3C CSS2.1官方文档，还是在MDN文档中，都是十分难读懂的。再翻阅了大量博客后，首先必须了解，视觉格式化模型这个概念：视觉格式化模型 CSS 视觉格式化模型( 阅读全文

posted @ 2020-08-29 00:07 沐子馨阅读(224) 评论(0) 推荐(0)

2020年8月28日

CSS3 粘性定位实现吸顶 position: sticky

摘要：粘性定位是相对定位（relative）和固定定位（fixed）的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。著作权归作者所有。它主要用在对scroll事件的监听上；简单来说，在滑动过程中，某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top：100px)；posi 阅读全文

posted @ 2020-08-28 23:39 沐子馨阅读(1378) 评论(0) 推荐(0)

<keep-alive> 缓存及其缓存优化原理

摘要：一、缓存淘汰策略：由于 <keep-alive> 中的缓存优化遵循 LRU 原则，所以首先了解下缓存淘汰策略的相关介绍。由于缓存空间是有限的，所以不能无限制的进行数据存储，当存储容量达到一个阀值时，就会造成内存溢出，因此在进行数据缓存时，就要根据情况对缓存进行优化，清除一些可能不会再用到的数据。阅读全文

posted @ 2020-08-28 22:16 沐子馨阅读(1847) 评论(0) 推荐(0)

vue-router 中 router-link 与 a 标签的区别

摘要： 1. router-link： <router-link> 比起写死的 <a href="..." rel="external nofollow" rel="external nofollow" > 会好一些，理由如下：无论是 HTML5 history 模式还是 hash 模式，它的表现行为一致阅读全文

posted @ 2020-08-28 22:06 沐子馨阅读(9801) 评论(0) 推荐(1)

2020年7月2日

在vue中 input的v-model和computed一起使用出现的问题

摘要：问题描述：input 输入框，绑定计算属性时，没法双向响应，可以和value绑定，再通过input事件，获取dom的value。解决办法1：用computed,不用v-model 单号： <el-input id="orderNumValue" :value.trim="orderNum" p 阅读全文

posted @ 2020-07-02 11:08 沐子馨阅读(3740) 评论(0) 推荐(0)

公告