前端
前端基础,前端案例
会功夫的李白
最好的代码在路上,努力使自己成为自己羡慕的人
展开
-
js前端获取农历日期
对于公历来说,直接 new 一个 Date 就能获取到,而对于农历来讲可就很难了,因为农历需要有许多复杂计算,虽然一般用的甚少,但对于某些场景来说还是会需要的,那么怎样获取农历日期呢?该依赖支持 TypeScript,并具有较完善的文档参考,同时也封装了许多常用的方法,方便快捷。农历支持:该工具包提供的农历工具可获取等多种信息原创 2024-05-13 16:45:04 · 1492 阅读 · 0 评论 -
package.json详解
我们常常会创建 npm 项目,都会自动生成 package.json 文件,那么你知道里面的属性都是什么意思吗?我们就一起来看一下吧!如果你对于以上解释有所异议,欢迎指正!原创 2024-03-21 15:32:03 · 408 阅读 · 0 评论 -
一个好用的前端工具包 - 百涂工具
你是不是总是在幻想在前端使用方法,是否对于Date操作而心烦意乱,是否因前端的种种复杂操作而难受至今,那么今天我们就来解决它们。原创 2024-03-19 16:48:43 · 340 阅读 · 0 评论 -
yarn安装包时info There appears to be trouble with your network connection. Retrying...
那么我们将https://registry.npm.taobao.org换成http://registry.npm.taobao.org(记得关掉strict-ssl)(点击可能会发现证书过期了)关掉strict-ssl。原创 2024-02-28 11:32:01 · 947 阅读 · 0 评论 -
yarn 安装包时error Error: certificate has expired
原因:HTTPS 证书验证失败。查看配置strict-ssl。关闭strict-ssl。原创 2024-02-28 11:22:15 · 741 阅读 · 0 评论 -
Vue全局事件防止重复点击(等待请求)【进阶版】
继《Vue全局指令防止重复点击(等待请求)》之后,感觉指令方式还是不太友好,而且嵌套闭包比较麻烦,于是想到了Vue的全局混入,利用混入,给组件绑定click事件。原创 2024-02-23 12:47:41 · 682 阅读 · 0 评论 -
Vue全局指令防止重复点击(等待请求)
继之后,总觉得全局loading有时候不太…友好,所以总想将loading加到被点击的元素上面,于是乎就想到了点击事件与请求方法相关联,本想重写组件的click方法,但是这样对组件的影响太大,所以放弃了,最终想到了Vue全局指令。原创 2024-02-22 15:45:31 · 772 阅读 · 0 评论 -
前后端断点续传手记
原理的话(拿上传为例),就是将一个文件分成多份(切片)上传,然后记录上传到哪一个切片,下一次就继续上传上次暂停的切片继续上传,等所有切片都上传完成,就合并所有文件。关于断点续传,相比大家都应该接触过,比如下载暂停,下一次点击开始可以继续下载,如果没有断点续传,那么只要停一下,那么就全听了,下一次开始会重新下载。(每次上传,校验md5值,若数据库中有该值,则为同一个文件,仅仅复制数据库文件地址即可,不用重复上传)可以将文件按大小或按份数进行切片,下面代码是按大小切片的。原创 2023-08-07 09:34:02 · 126 阅读 · 0 评论 -
Js中数组的实用语法
arr.splice(起始位置(从0开始), 替换数量, 替换数据(没有的话相当于删除))arr.slice(起始位置(从0开始),结束位置(不包含));返回值小于0:current在previous之前。返回值大于0:current在previous之后。注:sort中的方法第一个参数是。原创 2023-12-15 15:48:14 · 487 阅读 · 0 评论 -
docsify实现代码折叠
docsify是一款神奇的文档生成利器!提供一个index.html进行配置,其他的说明文档完全可以通过md文件去写,使说明文档可以只专注于md的编写。原创 2023-08-18 22:50:06 · 559 阅读 · 0 评论 -
我用Vue做了一个天气壁纸
Hello大家好,我是李小白,是b站和的同名作者,更多精彩请关注,本期带来的是上面的一款天气壁纸,开发使用的是Vue,然后打包发到wallpaper engine,项目已经发到了,请参考,欢迎Star。原创 2023-08-15 11:37:41 · 4869 阅读 · 10 评论 -
前端文件下载获取blob时,获取报错信息
当我们通过blob方式来下载文件时,有时候需要返回错误信息,但是我们获取的结果是一个Blob类型,所以我们需要解析返回的报错信息来作为前端提示const fileReader = new FileReader();fileReader.readAsText(blob, 'utf-8');fileReader.onloadend = function () { // result就是返回的报错信息 const result = JSON.parse(fileReader.result)原创 2022-03-02 15:39:18 · 2139 阅读 · 0 评论 -
解决html中表格线条粗细不一的问题
我们再html中使用原生的table时,为了美观往往会通过改变td的border来改变表格边框的样式,但是通常会处出现边框线条粗细不一的问题,下面代码解决了该问题table { border-collapse: separate; border-spacing: 0; border-top: 1px solid #95B8E7; border-left: 1px solid #95B8E7;}td { border: 1px solid #95B8E7;原创 2022-01-11 15:55:08 · 5489 阅读 · 1 评论 -
JS中一些比较有用的写法
一、正则1. 删除字符串末尾0var str = "0043003300";str.replace(/(0+)$/g,"0"); //删除一个0,把+去掉//结果 004300332. 删除字符串头部0var str = "0043003300";str.replace(/\b(0+)/g,""); //删除一个0,把+去掉//结果 43003300// \b是退格符3. 删除字符串所有0var str = "0043003300";str.replace(/(0+)?/g,""原创 2021-11-21 13:05:31 · 142 阅读 · 0 评论 -
CSS中不常用但是很有意思的样式
一、自定义滚动条::-webkit-scrollbar { width: 5px;}/*定义滚动条轨道*/body::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, .7);}/*定义滑块*/body::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0,原创 2021-11-21 12:59:27 · 323 阅读 · 0 评论 -
JavaScript实用方法汇总
正则1. 删除字符串末尾0var str = "0043003300";str.replace(/(0+)$/g,"0"); //删除一个0,把+去掉//结果 004300332. 删除字符串头部0var str = "0043003300";str.replace(/\b(0+)/g,""); //删除一个0,把+去掉//结果 43003300// \b是退格符3. 删除字符串所有0var str = "0043003300";str.replace(/(0+)?/g,"");原创 2021-02-07 09:02:41 · 107 阅读 · 0 评论 -
对JQuery的深入理解(上)- 兼容CommonJS和CommonJS-like
1.什么是CommonJS它是一种JavaScript(以下全部称为js)语言的模块化规范,是一种思想,其最终目标在于使js能够在更多环境下运行,而不只是浏览器CommonJS是一种不同于普通js的规范,它使得js具有模块化,能够脱离浏览器来执行js语句2.为什么兼容在一般js中,调用jquery(以下全部称为jq)方法是需要将jq对象挂接到全局的window对象上的,而在CommonJS中,没有现成的window对象,但可以通过require来获取jq对象3.module对象在Node.js中原创 2020-09-17 08:46:04 · 466 阅读 · 0 评论 -
关于JavaScript和Jquery函数封装总结,不断更新。。。
一、JS函数形式1.一般形式/*** test:函数名* par:参数*/function test(par){ var text = "Hello world!"; return text;}2.对象中的函数此函数的this是myobject可以保存多个数据键值,和函数键值。/*** myobject:对象名* data:数据键名* myfu:函数键名*/var myobject = { data:"2", myfu:function(){原创 2020-09-06 16:29:13 · 219 阅读 · 0 评论 -
Sass的安装及监听环境自搭建(详细步骤)
1.安装node.js官网下载:https://nodejs.org/zh-cn/download/网盘下载:https://pan.baidu.com/s/1_0gbjv0Oda-dJ7LEuqe-aA提取码:nnzv后续安装各种环境,需要使用node.js的npm来安装,所以先安装node.js安装完成后查看环境变量是否配置,若没有配置请自行配置(将node.js安装路径添加到PATH中)2.安装Ruby官网下载:http://www.ruby-lang.org/en/downloads/原创 2020-09-02 20:04:13 · 732 阅读 · 0 评论