Web引领者 - 博客园

2023年3月26日

摘要：需求：在实际开发中，如果我们想动态的将颜色变深或变浅，但是用rgba这种带透明度的话，碰到定位的样式，则内容会重叠显示，所以有没有一种方法可以直接改变他的色值而不是用透明度思路：通过访阅大量方法后，得知一种hsl色彩模式，更加符合我们的要求，hsl一种更以人们理解的色彩模式废话不说上代码，直接运阅读全文

posted @ 2023-03-26 13:11 Web引领者阅读(1141) 评论(0) 推荐(0) 编辑

2023年3月14日

react，vue 如何打包后动态换肤

摘要：在开发过程种，我们碰到有时候已经打包好的项目动态换肤通过观察发现，在body标签的第一行写入script 里面写入 setcolor 这个函数去实现，document.styleSheets 拿到所有的link引入，如果有href，通过ajax获取css内容字符串，通过replaceAll 方法，阅读全文

posted @ 2023-03-14 12:01 Web引领者阅读(84) 评论(0) 推荐(0) 编辑

2022年4月1日

js小数精度问题

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://unpkg.com/mathjs@9.4.4/lib/browser/math.js"></script> </head 阅读全文

posted @ 2022-04-01 11:14 Web引领者阅读(33) 评论(0) 推荐(0) 编辑

2022年1月24日

js 短信模板

摘要：因为使用了 contenteditable 属性，旧版 ie 慎用短信模板的难点，一个文本框中模板内容禁止修改和删除，只能修改指定的部分思路：使用 contenteditable属性，将div变成可以编辑的div，div中不可以修改的元素用 contenteditable = false 代阅读全文

posted @ 2022-01-24 14:05 Web引领者阅读(144) 评论(0) 推荐(0) 编辑

2021年12月20日

npm run lint-staged:js报错

摘要：删除 .git / hook / pre-commit 便可以提交了阅读全文

posted @ 2021-12-20 10:04 Web引领者阅读(684) 评论(0) 推荐(0) 编辑

2021年12月8日

@ant-design/charts 解决echarts图宽高自适应问题，设置100%宽高显示异常

摘要：以折线图为例插件自带的宽高只支持数字类型，像有些时候我们的宽高是不确定的，我们需要自适应宽高将这个属性 autoFit 设置成true，宽高就会根据父级元素自适应；这个时候我们只需要设置父级元素的宽高，便可以将折线图指定宽高阅读全文

posted @ 2021-12-08 10:02 Web引领者阅读(2329) 评论(0) 推荐(0) 编辑

2021年10月16日

原生 select 带搜索功能

摘要：随着前端功能的不断完善带搜索的选择框也是迫切需要的，但是原生的搜索框不支持这个功能，所以就开发了一个思考：怎么将代码可以封装到很完善，很简洁，是函数的闭包加回调函数好，还是要面向对象的写法好（此案例采用第一种）重点：select 标签 html5 新增的 size 属性只要将此代码复制粘贴即可阅读全文

posted @ 2021-10-16 18:06 Web引领者阅读(3829) 评论(0) 推荐(0) 编辑

2021年3月25日

原生vue组件化开发模式

摘要：随着组件化模式的发展，越来越多的模式依赖以组件化的开发模式；最典型的例子就是vue脚手架的组件化开发已经慢慢成为了前端的必备技能但有多种情况是我们没有用vue脚手架去做的项目，例如前后端的混合模式，我们的代码与后端的代码共同组成一个项目，我们就没有办法使用，又或者我们明确的需求表明我们的网站的开阅读全文

posted @ 2021-03-25 22:34 Web引领者阅读(456) 评论(0) 推荐(0) 编辑

2020年11月16日

react-infinite-scroller使用

摘要： import React from 'react' import InfiniteScroll from 'react-infinite-scroller' import axios from 'axios' import qs from 'qs' import './style.less' con 阅读全文

posted @ 2020-11-16 15:20 Web引领者阅读(3538) 评论(0) 推荐(0) 编辑

2020年10月22日

ie低浏览器提示升级

摘要： <head> <meta charset="utf-8"> <meta name="renderer" content="webkit"/> <meta name="force-rendering" content="webkit"/> <meta http-equiv="X-UA-Compatib 阅读全文

posted @ 2020-10-22 11:06 Web引领者阅读(99) 评论(0) 推荐(0) 编辑