- 博客(12)
- 收藏
- 关注
RSS订阅原创 加载中…动态显示loading效果
在动态加载页面内容时，经常会用到“加载中…”这几个字，基本上，后面那 3 个点都是静态的。静态的问题在于，如果网络不流畅，加载时间比较长，会给人假死的感觉，如果改成动态效果，用户就会耐心很多，体验也会提升很多。
2023-09-20 18:08:42
288
原创 CSS 相关专业术语
关系选择器：根据其他元素的关系选择元素的选择器，常见符号有空格、>、~、+等。指 CSS 中关键的英文单词，如 transparent，solid等。泛关键字：所有 CSS 属性都可以使用的关键字，如 inherit。伪类选择器：有一个英文冒号的选择器，如 :first-child。属性选择器：如 [title=“css-world”]{ }伪元素选择器：有两个英文冒号的选择器，如 ::before。相对字体长度单位，如 em、rem。相对视区长度单位，如 vh、vw。绝对长度：最常见的就是 px。
2023-09-19 18:45:05
73
原创 正确认识CSS
很多人的 CSS 水平，如博主本人，之所以停滞不前，是因为没有将所有的 CSS 当做一个整体，放在一个完整的世界中去看待。绝大多数传统编程语言，规则、方法等等表现的结果相对来说都是确定的，学习时能记住一个是一个，到手直接用就行，不用担心会出现让人莫名其妙的各种 “幺蛾子”。而CSS3 的设计初衷，是为了实现更丰富、更复杂的网页，所以基本和“流”关系不大。为了使 CSS 的展现更为丰富，流向是可以改变的，所以，常说的 “文档流从左往右自上而下” 这种说法并不严谨，一定要纠正过来。起初，CSS 的诞生就是。
2023-09-19 17:42:46
53
原创 element select下拉选项剔除已添加的选项
element select下拉选项剔除已添加的选项1.初步代码实现：缺陷：2.修复上一步的 bug缺陷：3.优化项目中遇到个需求：货权主体为下拉单选，点击“新增”可以添加多个货权主体，如下图：要求每次新增一行后，下拉选项需要剔除列表中已添加过的选项，如下图：1.初步代码实现：思路：循环货权主体列表，将已添加选项的 id（value） 组成一个数组，去跟下拉选项的初始数据作对比，筛选出未添加的选项生成新的下拉选项数组，赋值给 select 绑定的变量即可。这些逻辑可以写成一个公用方法。然后
2021-04-30 11:55:12
2445
1
原创 如何运行单个.vue文件
1.全局安装Vuenpm install -g @vue/cliMac 需要在前面加 sudo。查看Vue版本：vue -V2.全局安装下面的扩展：npm install -g @vue/cli-service-global3.在本地新建一个Vue文件：<template> <h1>Hello!我是安安</h1></template>4.在这个 .vue 文件所在的目录下运行：vue serve5.在浏览器打开如下地址就可
2021-04-09 18:00:14
20454
8
原创 vscode 打开文件不覆盖
vscode 打开文件不覆盖两种方法：双击文件名，即可不覆盖。因为 vscode 默认打开为预览模式，窗口的文件名为斜体。首选项–设置–工作台>编辑管理>Enable Preview（默认为勾选），改为不勾选即可永久不覆盖。...
2021-04-06 15:23:24
10036
1
原创 Vue 父子组件生命周期执行顺序
目录分析挂载阶段更新阶段销毁阶段总结生命周期1.分析在父子组件中分别打印日志，可以得出以下执行顺序。1.1.挂载阶段该过程主要涉及 beforeCreate、created、beforeMount、mounted 4 个钩子函数。执行顺序为：父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -&
2021-02-01 17:54:10
7055
1
原创 vue 使用 echarts 报错：Cannot read property ‘init‘ of undefined“
我使用的 echarts 版本为：5.0.1。我的项目文件 Report.vue 中是这样写的：import echarts from 'echarts'let myChart = echarts.init(document.getElementById('main'));myChart.setOption(this.option)检查过 document.getElementById('main') ，是有内容的。最后，下面两种解决方法我试过了，是都可以的：1. import 引入代码修改
2021-01-29 10:24:38
364
原创 JS 异步执行顺序 -- 从一道面试题说起
这道题可以说是面试必考了，我在笔试中就遇到过好多次，你们应该都遇到过吧？。。以前拿到这道题时，我整个人都是懵的，看着代码就觉得又长又绕的，最后总是不能完全做对。题目解题步骤思路答案总结为什么需要异步关于 PromiseJS 执行顺序【简单版】JS 执行顺序【加上 Event Loop】JS 执行顺序【加上微任务、宏任务】微任务 & 宏任务1.【题目】请输出下面的执行结果： new Promise(resolve => { setTimeout(.
2020-11-28 18:38:58
807
2
原创 浏览器缓存总结篇
浏览器缓存策略大家一定不陌生，如果没有进行系统的归纳总结，可能三言两语说不清楚。这点我在面试中感触颇深，以前未经过深入理解时，只能说出几个概念或者回答得比较模糊，甚至说错，不管是哪种，都会显得自己的基础知识不扎实。浏览器缓存介绍浏览器缓存分类强缓存协商缓存浏览器缓存原理浏览器缓存介绍浏览器缓存就是把一个请求过的资源（如图片、css、js等）储存在本地（内存或硬盘）。当下次发送请求时，如果是相同的 URL，浏览器会根据缓存机制决定是直接使用缓存资源，还是重新向服务器再次发送请求获.
2020-11-07 12:25:47
321
2
原创 谈谈 var、let、const 的区别
一道很基础的题，面试经常会被问道，曾经我以为自己掌握了，但回答了面试官后，面试官似乎不是很满意，猜测可能回答的不够完善和严谨，所以自己下去做了以下总结。区别点变量值初始值变量提升重复声明作用域暂时性死区解答变量的值是否可以修改 var 和 let 用于定义变量，变量值可以修改。var a = 1let b = 2a = 11b = 22console.log(a, b) // 11 12而 const 用于定义只读的常量。对于简单类型，一旦声明，值就不能改变；对.
2020-11-04 20:47:01
531
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人