- 博客(38)
- 资源 (4)
- 收藏
- 关注
原创 文件后缀与MIME
其实大部分同事可能听过或者至少见过MIME。最常见的是类似 text/html、image/png 这样的。我们通常比较熟悉文件后缀,对MIME则不太熟悉。它是用于描述文件类型的字符串。必须用MIME的地方。
2023-04-24 16:55:49
472
原创 前端js实现中文转拼音 --- 完整解决方案
去年做了一个中文转拼音的功能,包括(无汉字,汉字在前,汉字在后,复制,清空)今天同事问我怎么做,我想着目前网上的文章并不全面,还不如直接去除公司核心代码,将功能代码整理出来
2022-10-24 18:24:15
1518
转载 JavaScript函数柯里化详解
这篇文章主要为大家介绍了JavaScript函数柯里化,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
2022-04-13 18:06:31
610
原创 读取文件夹下所有文件,并将文件名写入txt
某些情况下,你的网站页面很多,而某次迭代,产品要求你对一部分页面进行批量修改,并给了你一张excel,但是你仔细分析之后发现,未修改的那部分页面更少一些,工作量更小。你想就修改那部分页面,但是前提情况下就是需要获取到网站所有页面。假如,你的所有主页面和我一样都是在一个文件夹下面写的,那就可以使用下面的方法了。
2022-04-07 16:09:13
1323
转载 JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
这篇文章主要介绍了JS判断各种浏览器,其中湘西介绍了是否为ie浏览器的方法(包括IE10、IE11在内),需要的朋友可以参考下
2021-12-25 18:12:11
2048
原创 img对象,file对象,base64,canvas对象相互转换以及图片压缩
首先想一想我们有哪些需求?大多时候我们需要将一个File对象压缩之后再变为File对象传入到远程图片服务器;有时候我们也需要将一个base64字符串压缩之后再变为base64字符串传入到远程数据库;有时候后它还有可能是一块canvas画布,或者是一个Image对象,或者直接就是一个图片的url地址,我们需要将它们压缩上传到远程;
2021-12-10 14:42:08
2306
原创 js判断数组中是否存在某个值的几种方法
array.indexOf判断数组中是否存在某个值,如果存在返回数组元素的下标,否则返回-1 let arr = ['something', 'anything', 'nothing', 'anything']; let index = arr.indexOf('nothing'); # 结果:2array.includes(searchElement[, fromIndex])判断一个数组是否包含一个指定的值,如果存在返回 true,否则返回false。参数:search..
2021-08-13 15:16:05
82573
2
原创 元素居中的五种方法
通过margin实现首先需要将父元素样式设置position:relative;将子元素样式设置position:absolute;left:50%;margin-left: -自身宽度的一半;top:50%;margin-top: -自身高度的一半;通过margin实现首先需要将父元素样式设置position:relative;将子元素样式设置position:absolute; top 0bottom 0left 0right 0margin auto通..
2021-08-04 14:50:43
506
原创 wsl安装及nginx安装
Windows装wsl实现Linux搭建本地服务器目前大部分前端项目均运行在Linux服务器上在Windows上搭建环境可开始测试服务器相关问题Wsl官方教程:安装wslWsl版本控件:windows terminal(微软商店下载)Wsl为纯命令行,windows预览版的话可以加装wslg 有图形环境,wslg只在21h2和win11里提供搭建nginx服务器:安装nginx:sudo apt update && sudo apt install nginx启动
2021-07-23 18:40:08
1584
1
原创 console,控制台也能玩出花样(console操作大全)
Firebug插件 和 Chrome的JavaScript控制台 都有一个全局变量 conslole .首先是大家最常用来调试的console.log([data]:any[,…args]:any),很多时候我们需要查看函数的参数是不是我们想要的值或者结果是不是我们预想的值的时候一般会使用它。console.log(object[, object, …])这样就能在控制台打印出 : Here is log!console.log("Here is log!");如果要输入的内容存在变量,可以用多
2021-07-22 11:00:55
4703
1
转载 postman汉化中文版
原文地址:https://www.cnblogs.com/hlmd/p/13742405.html原文作者:黄连木笛Postman 中文汉化版最新版本:8.8.0更新时间:2021-07-13请认真阅读存储库的自述文件README.md下载地址https://github.com/hlmd/Postman-cnhttps://gitee.com/hlmd/PostmanCn...
2021-07-19 13:57:32
645
原创 网页强制不走缓存加载
当有些时候我们编写前端代码,或者就是仅仅浏览网页时,网页还是上一次的浏览痕迹,并不是最新的样式和内容,这是我们就需要清理缓存,大多数朋友或许都知道一种方式就:右上角的三个小点 -> 设置设置 -> 清除浏览数据其实除此之外还有两种办法:禁用网络缓存右键 -> 检查元素(检查)或者 f12选择 network 面板勾选 disable cache2. 单次强制不使用缓存硬刷新...
2021-07-17 12:23:29
1083
原创 Windows安装指定版本composer
有时候项目过于老旧,需要使用指定版本的composer,而官网下载的安装包是最新的,需要去手动替换文件。安装最新版:Wondows 平台上,我们只需要下载Composer-Setup.exe后,一步步安装即可。需要注意的是你需要开启 openssl 配置,我们打开 php 目录下的 php.ini,将extension=php_openssl.dll前面的分号去掉就可以了。替换文件:去composer官网下载区下载所需版本的composer.phar文件替换C:\compos...
2021-07-15 11:37:12
966
2
转载 如何使用Chrome DevTools花式打断点
英文原稿:原文:Pause Your Code With Breakpoints作者:Kayce Basques Chrome DevTools & Lighthouse技术作家中文译文:原文:如何使用Chrome DevTools花式打断点作者:趁你还年轻参考这份指南,结合自己手上的vue项目进行实践,可以说对原指南进行了plus,因为实践过程中会有很多指南之外的新发现。主要内容包括如下: 预览几种不同的breakpoint类型 代码行级(Line-o..
2021-07-06 11:56:31
1178
转载 css遮罩 mask属性
先上一张咱们的原始图rs7.jpg 如下:一、mask-image属性 1.基本的png图遮罩展示 我们使用的遮罩图片ad.png,如下: html:<img src="rs7.jpg" alt="" class="mask-img"> css:.mask-img { width: 300px; height: auto; -webkit-mask-image: url(ad.png); m...
2021-06-25 11:51:54
1381
原创 undefined和null的区别
undefined和null是JavaScript中基本数据类型中较为特殊的两种数据类型。以下定义来源于百度百科:undefined,一个特殊值,通常用于指示变量尚未赋值。在高级程序设计语言设计应用程序时,用于指示变量尚未用单等号进行赋值(常量未定义)。null,一个特殊值,Null是在计算中具有保留的值,用于指示指针不引用有效对象。如果翻译为大白话就是:undefined 表示...
2020-03-15 17:44:19
1804
原创 flex布局详解
CSS3弹性盒子弹性盒子是CSS3的一种新布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕 大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。CSS3 弹性盒子内容弹性盒子由弹性容器(Flex container)和弹...
2020-03-01 20:53:43
213
原创 css3过渡——transition
过渡1是CSS3中新加的功能,CSS3虽然还没与正式发布,但各大浏览器都已支持,最新版本不需要添加前缀使用,本文将对CSS3过渡做一浅析。定义通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。浏览器支持Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 tra...
2020-02-23 15:35:37
337
qrcode.min.js
2022-05-18
awesome-qr.js
2022-05-18
arale-qrcode.js
2022-05-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人