![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
大前端
文章平均质量分 62
天天打码
全栈开发 jq,vue,html,PHP,SEO,开发过一套Thinkphp知识付费系统,入境旅游系统。
展开
-
10个超强的 Web前端资源汇总【值得收藏】
大家好!今天,我要给大家介绍一系列超级实用的开发工具和网站资源,它们可以让你的开发工作更加高效、有趣,让你的网站和应用更加吸引人。准备好了吗?让我们一起探索这些神奇的宝藏吧!原创 2024-07-18 14:36:46 · 875 阅读 · 0 评论 -
【前端必备】一条命令3秒极速删除node_modules目录文件
作为前端开发者,相信大家都曾经历过删除文件夹时的漫长等待。尤其是在处理那些依赖库繁多的项目时,删除操作简直让人崩溃。今天,我们就来探讨一下为什么删除依赖这么慢,以及如何实现快速删除。让我们一起提升开发效率,告别繁琐!原创 2024-07-18 14:20:36 · 233 阅读 · 0 评论 -
css grid网格布局(栅格布局)图解+代码详细讲解【收藏】
Grid 布局是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局,也是唯一的二维布局方案,利用grid布局可以很轻松的实现很多的网页布局gird布局很强大,采用网格布局的区域,称为"容器"(container)。容器内部子元素,称为"项目"(item),即container -> item注意:Grid 布局只对项目生效,项目只能是容器的一级子元素,不包含项目的子元素。原创 2024-07-18 11:31:54 · 808 阅读 · 0 评论 -
纯javascript实现图片批量压缩打包zip下载后端ThinkPHP多国语言切换国际站
前端纯javascript实现指图片压缩后需要上传后端,图片压缩并实现zip打包下载,演示:https://www.piccompress.com/最近在做一个多国语言的工具站,需要实现多国语言切换,说到多国语言站,肯定是有2种方式,第一是子域名,第二就是子目录。根据自己的需要来确定。原创 2024-07-05 16:52:12 · 282 阅读 · 0 评论 -
compressor.js一款基于浏览器的JavaScript 图片压缩javascript库
今天,我们就来聊聊一个轻量级的 JavaScript 图像压缩库 —— Compressor.js,它和 Node 端的 Sharp.js 一样,都是图片处理的利器,但Compressor.js 更擅长在浏览器端进行操作。什么是 Compressor.jsCompressor.js,就是一个压缩器。它是一个基于浏览器原生canvas.toBlob API的 JavaScript 图像压缩库,能够实现有损压缩,而且是异步进行的。原创 2024-07-04 16:21:42 · 544 阅读 · 0 评论 -
解决js打开新页面百度网盘显示不存在方法:啊哦,你所访问的页面不存在了。
用js打开新页面open或window.location.href打开百度网盘后都显示:啊哦,你所访问的页面不存在了。在浏览器上,回车后网盘资源是可以打开的,刷新也是打开的。说明网盘链接没有失效,问题肯定出在百度上的。,带有打开链接的来源。既然资源链接正常复制粘贴浏览器打开是正常打开的,js打开窗口失效404,说明百度根据。禁用新窗口打开时读取Referer,在js打开新页面。来源跳到404,就是域名被百度给墙了。f12查看,页面返回的是404,原创 2024-06-21 09:59:44 · 256 阅读 · 0 评论 -
如何看懂浏览器HTTP缓存策略 304 disk cache等信息
在使用浏览器f12调试模式时,经常看到一些200,304,disk cache,响应头,请求等信息。里面具体是什么意思呢?下面给大家讲讲。!!原创 2024-06-13 10:30:01 · 184 阅读 · 0 评论 -
css3实现微信扫码登陆动画
在做微信扫码登陆时,出现一个背景光图上下扫码动画,用css3+图片实现。1.准备一个渐变的背景.png图。2.css动画帧实现动画。原创 2024-04-17 14:18:53 · 341 阅读 · 0 评论 -
javascript纯js把18位时间戳转换日期格式
最近在做一个接口时出现C#接口返回的时间戳是18位的,突然一头蒙B,见过一般是10位时间戳秒级,13位时间戳毫秒级,没见过18位的,查了一番资料后有了解决方案。原创 2024-03-20 10:08:54 · 409 阅读 · 0 评论 -
UnoCSS原子CSS引擎—原子化真的是现代前端CSS利器?
但 Vue 或 React 各自的组件化设计思想,都可以通过各自的组件化拆分来解决代码冗余的问题,使其可适用于各种简单&复杂的业务场景,是一套完善的最佳实践,而原子化CSS 没有办法做组件化拆分的,所以随着业务复杂度的上升,代码冗余迟早会发生,这直接限制了此类框架的普及,所以它无法作为前端CSS问题的根本解决方案。原子化CSS本身的概念和 Tailwind CSS、UnoCSS[2] 设计都比较简单,这里主要想聊一下在现代前端中,原子化CSS到底是不是完美的解决方案,是不是解决CSS问题的正确方向。原创 2024-03-12 11:47:53 · 2291 阅读 · 0 评论 -
javascript实现解决浮点数加减乘除运算误差丢失精度问题【收藏点赞】
相信程序都会遇到这样的问题,有时需要在js上做运算合计等浮点数加减乘除,但会有些浮点数会有误差问题。下面用js来解决浮点数加减乘除运算误差丢失精度这个请。是程序都会在浮点数加减乘除上有误差问题,这是计算机二进制生成的问题。原创 2024-03-11 15:18:41 · 475 阅读 · 0 评论 -
基于React, Redux实现的俄罗斯方块游戏及源码
俄罗斯方块游戏游戏框架使用的是 React + Redux,其中再加入了 Immutable,用它的实例来做来Redux的state。(有关React和Redux的介绍可以看。原创 2024-02-28 15:07:33 · 1074 阅读 · 0 评论 -
ElementUI table表格组件实现双击编辑单元格失去焦点还原,支持多单元格
上源码:在表格模板中用scope.row.isFocus && focusLabelName=='姓名1控制多个单元格显示。在使用ElementUI table表格组件时有时需要双击单元格显示编辑状态,失去焦点时还原表格显示。原创 2024-02-20 13:59:40 · 1064 阅读 · 0 评论 -
自己动手打包element UI官方手册文档教程
去https://github.com/ElemeFE/element/tree/gh-pages,拉下来原码,放到服务器上就行。里面用到的cdn js可能无法访问,打其他的代替就好。官方:https://element.eleme.io/ 一直打不开,分析下是里面用的cdn链接ssl证书无效。经常用element ui朋友开发的比较郁闷,官方文档网基本上都是打不开的,就想着自己搭建一个element UI文档。原创 2024-02-06 10:27:18 · 771 阅读 · 0 评论 -
纯前端vue如何实现10万+数据分批导出excel表格到一个xlsx文件方法(含详细代码)【收藏】
最近在做一个项目二次开发,有40万的用户数据需要导出到excel里,如果数据有,如何导出excel表格呢,这么大的数据如果一次导出对于服务器或者网络都是一个及大的考验,不太可能一性导出,要么资源被用完,要么网络超时,因为导出的数据excel文件可能有大几M或上百M,对于后端来说大量数据查询读取,特别是10万数据里如果涉及到其他表二次查询,基本上是卡死超时。先说说后端PHP实现导出excel方式:无非用PhpOffice\PhpSpreadsheet组件来导出,但是对于大数据来说一次导出也是吃力。原创 2024-02-06 09:30:00 · 2193 阅读 · 0 评论 -
【前端收藏】前端小作文-前端八股文知识总结(超万字超详细)持续更新
渲染引擎(Layout Engine或Rendering Engine)和js引擎渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。原创 2024-02-04 16:20:58 · 1256 阅读 · 0 评论 -
node版本管理【前端必备】-nvm安装与使用详情教程
作为使用node和vue环境开发的大前端来说,必备node版本管理工具就是nvm。有了他就可以安装不同node版本后切换合作,以适应没同项目环境。打开CMD,输入命令 nvm ,安装成功则如下显示。可以看到里面列出了各种命令,本节最后会列出这些命令的中文示意。1.卸载之前的node后安装nvm, nvm-setup.exe安装版,直接运行nvm-setup.exe。命令: nvm list available 或者 nvm ls-remote。2.选择nvm安装路径。利用nvm安装node。原创 2023-03-29 11:19:30 · 160 阅读 · 0 评论 -
基于html+ajax+Bootstrap+layer制作进度条用于采集任务批处理任务进度显示
用于采集任务批处理任务进度显示,简单说下原理,就是在一个按钮上绑定2个URL,一个任务总数id, 另一个单次任务url,第一次点击按钮时ajax取回当次任务总量id数组,再依次传id执行并返回结果。layer弹出层文档及在线测试:https://www.uihtm.com/layui/doc/modules/layer.html。需要layer组件可在这下载:https://www.uihtm.com/layui/layer/用到layer.js打开弹窗加载一个url地址,javacript事件及进度。原创 2023-02-22 16:12:27 · 425 阅读 · 1 评论 -
css一行代码实现网站变灰哀悼颜色
随着江xx的去世,全国哀悼日其间,一夜间所有互联网网站都变灰成灰哀悼颜色,那这个是怎么实现的呢,基本用css一行代码可实现。其实利用css3 defilter这个滤镜属性。原创 2022-12-02 14:18:55 · 211 阅读 · 0 评论 -
2022年最新互联网大厂前端面试题及答案-前端工程必备技能(持续整理更新中【关注收藏不迷路】)
对于做前端的朋友,或者做了前端几年了,基础不好的,或者想进大厂的想了解深入,下面的知识点很多前端朋友都没有深入了解。很重要,看完有种茅塞顿开感觉,`**关注+收藏哦,总有一天用的得。**`涉及到知识点:HTML知识,JS,ES5/ES6,Vue, Webpack, 前端HTTP网络知识,css/css3。原创 2022-10-18 10:34:47 · 1644 阅读 · 0 评论