- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue3+element plus使用修改element的主题色问题
用vue的cli脚手架搭建了一个vue3项目（用的node-sass），使用element plus库，按照饿了么官方文档自定义主题操作后，发现项目报错如下：感觉很神奇，当初vue2和element我就是这样类似操作的呀，都可以成功的嘛解决办法：经过一系列排查后发现，将node-sass换成dark-sass就可以解决问题了。原因分析按照报错提示进入到node_modules/element-plus/packages/theme-chalk/input-number.scss文件发现这些s
2021-07-02 11:15:38
7797
5
原创 神奇的空格导致的bug
记录一下这个神奇的bug，看起来一样的代码，一个能执行，一个不能执行，排查后发现竟是。。。我也没弄懂造成这个结果的原因从图1中看起来两个导出没什么差别，一模一样，从图2中可看出空格是不一样的（选中后发现）从图3和图4中我们发现，差别这么大，这个是怎么回事呢？好奇怪，留这个坑可真是巨坑图1：图2：图3：图4：...
2021-06-29 11:49:15
176
原创 异步等待async/await实现并发请求
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style></style> <
2021-01-19 22:35:11
525
1
原创 flex:1到底是什么
一、子项默认值 flex: 0 1 auto，表现如下。子项宽度和 < 父元素宽时, 不占剩余空间<body> <div class="wrap"> <div class="lf son">所发生的方式得分</div> <div class="rt son">sdfs我是</div> </div></body><style> .wrap { dis
2020-12-30 18:15:58
665
原创 react基础核心概念片提取
React是什么调试工具地址如何创建react应用npx create-react-app XXXJSX语法它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模版语言，但它具有 JavaScript 的全部功能。在JSX中嵌入表达式JSX本身也是一个表达式，所以可以把JSX当作参数传入，以及从函数中返回JSXJSX特定属性// 通过引号（对于字
2020-12-30 16:43:29
135
原创 JS获取某一范围内的随机整数（各随机数出现的概率一样）
有以下四种情况:(min, max) 前开后开范围内的随机数，即：不包含min和max(min, max] 前开后闭范围内的随机数，即：不包含min但包含max[min, max) 前闭后开范围内的随机数，即：包含min但不包含max[min, max] 前闭后比范围内的随机数，即：即包含min也包含max思路：1、(min, max)即[min+1, max-1]...
2020-09-14 22:02:44
715
原创 记录WebSocket
参考此博客后实践了一下：WebSocket断开原因、心跳机制防止自动断开连接主要有时收藏的文章可能原文连接失效了，所以自己实践并记录一下，以备来日所需。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2020-09-08 14:26:29
90
原创 记录一下promise、异步等待使用案例1
// 场景： 在桥连接（或类似的异步请求完成）后，才能继续执行查询数据操作。// 桥连接请求初始可能失败，那么写个轮训，在规定时间内连续请求至成功，超时则不请求。 async function mouted() { // 场景1：当桥连接失败也要继续执行 try { await tryToGetBridgeInfo(); }catch(e) {
2020-09-04 11:09:56
185
原创 一个div盒子，实现高为宽的一半
主要利用padding-bottom、还有定位。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2020-03-31 13:56:55
855
原创 loading样式
效果图：1、菊花状loading<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2020-03-26 13:52:18
418
原创 在vue中使用cropperjs，裁剪图片
今天逛网站，发现一篇文章 5分钟搞定图片裁剪，上传，觉得很酷炫，于是便试了试，特此记录一下cropperjs：github地址实现效果：首先项目中引入这个库：npm i cropperjs -S，在使用的页面中代码（我用了vant组件，然后css中的px2rem是为了手机适配，为了方便调试看效果，你也可以把css中的样式px2rem改为一个具体的px）：<template>...
2020-03-13 17:53:24
1075
原创 无聊，弄个旋转太极
html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2020-03-12 15:51:38
95
原创 ES6中的Set
Set基本概念ES6提供了新的数据结构Set。它类似于数组，但成员是唯一且无序的，没有重复的值。Set 本身是一种构造函数，用来生成 Set 数据结构let set = new Set()Set函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。（可达到数组去重的目的）let set = new Set([1,2,1,33,5])Set对象的去重Set ...
2019-11-10 16:39:36
100
原创 换主题颜色
主要知识：css自定义变量::root 文档的根元素，这是一个放自定义属性的好地方，因为我们可以根据其他个别特别的样式的选择性来覆盖自定义属性，语法是 --变量名自定义变量的使用:用var( --变量名)通过js动态设置变量值 :使用 document.body.style.setProperty(’ --变量名’, ‘变量值’)直接上码记录一下简单的demo（用的vue...
2019-09-18 11:54:42
189
原创 纯css实现switch开关
首先看看效果主要用到以下知识::after(伪元素——用它实现左右滑动效果):checked(伪类选择器——用它来实现选中和不选中）网页结构<input type="checkbox" class="switch" />css样式 .switch { -moz-appearance: none;//选中前的input样式 ...
2019-09-10 13:25:41
460
原创 对移动端使用rem实现适配
我们要了解几个概念：CSS像素、设备像素、逻辑像素、设备像素比、PPI、Viewport；视口设置<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />通过js代码设置移动端适配可通过j...
2019-05-23 23:23:33
252
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人