自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(38)
  • 资源 (4)
  • 收藏
  • 关注

原创 js命名规范

js命名应遵循的原则。

2023-04-24 17:54:06 1237 1

原创 文件后缀与MIME

其实大部分同事可能听过或者至少见过MIME。最常见的是类似 text/html、image/png 这样的。我们通常比较熟悉文件后缀,对MIME则不太熟悉。它是用于描述文件类型的字符串。必须用MIME的地方。

2023-04-24 16:55:49 386

原创 NUXT规范及常见问题

一些nuxt规范及常见问题

2023-04-23 17:56:56 588

原创 VUE规范及常见问题

一些常见的vue2规范及常见问题

2023-04-23 17:55:13 883

原创 JS规范及常见问题

一些常见规范和常见问题

2023-04-23 17:53:34 313

原创 前端项目代码规范

简单有效的一些提升编程效率的代码规范

2023-04-23 17:48:26 670

原创 如何快速定位dom写在哪个vue文件中

开发时,快速找到dom所在文件, 网页,eletron通用

2023-02-14 10:35:59 627

原创 前端js实现中文转拼音 --- 完整解决方案

去年做了一个中文转拼音的功能,包括(无汉字,汉字在前,汉字在后,复制,清空)今天同事问我怎么做,我想着目前网上的文章并不全面,还不如直接去除公司核心代码,将功能代码整理出来

2022-10-24 18:24:15 1375

原创 前端实现写入内容到剪切板

简述了前端在浏览器对系统剪切板的一些操作,方便用户直接粘贴到其他应用

2022-10-18 18:00:59 2871

原创 用户离开当前页面简易警告

当用户尝试离开当前页面时触发的一些提示

2022-09-23 18:19:39 915

原创 JS前端生成二维码的几种方式

这里简单介绍几种前端实现js生成二维码的方式

2022-05-18 17:16:45 23609 1

转载 ES7-ES12知识点

ES7-ES12的新特性你现在都用上了嘛?很多的新特性在开发中还是很实用的,也解决了很多js存在的问题。

2022-05-06 17:38:46 358

原创 百度、Google高效搜索技巧

记录一些可以显著提高百度、Google搜索效率的技巧

2022-05-05 09:53:52 830

原创 vscode常用快捷键

记录几个能显著提高工作效率的vscode的快捷键

2022-04-29 16:46:08 15056 2

原创 vue数据监听问题

一些vue数据监听的基础问题

2022-04-19 16:33:21 894

转载 JavaScript函数柯里化详解

这篇文章主要为大家介绍了JavaScript函数柯里化,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助

2022-04-13 18:06:31 472

原创 读取文件夹下所有文件,并将文件名写入txt

某些情况下,你的网站页面很多,而某次迭代,产品要求你对一部分页面进行批量修改,并给了你一张excel,但是你仔细分析之后发现,未修改的那部分页面更少一些,工作量更小。你想就修改那部分页面,但是前提情况下就是需要获取到网站所有页面。假如,你的所有主页面和我一样都是在一个文件夹下面写的,那就可以使用下面的方法了。

2022-04-07 16:09:13 1251

原创 switchHost使用指南

Switchhost的基础使用以及常见问题解决方案

2022-04-02 16:45:05 40567 7

原创 Promise 介绍

promise 基础介绍

2022-04-01 11:52:18 532

原创 常用功能函数

常用函数介绍

2022-04-01 10:39:47 810

原创 纯函数基础

纯函数基础介绍

2022-04-01 10:07:09 90

原创 seo相关优化基础

本文简单介绍了一些前端常见的SEO优化基础内容

2022-03-12 18:22:50 218

原创 关于a标签下载文件变打开的解决方案

处理部分 文件下载变 文件打开 的情况

2022-03-12 13:54:47 9265 2

原创 解决JDK11之后的版本不自动安装jre的问题

解决JDK11之后的版本不自动安装jre的问题

2022-01-11 11:40:20 292

转载 JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)

这篇文章主要介绍了JS判断各种浏览器,其中湘西介绍了是否为ie浏览器的方法(包括IE10、IE11在内),需要的朋友可以参考下

2021-12-25 18:12:11 1874

原创 img对象,file对象,base64,canvas对象相互转换以及图片压缩

首先想一想我们有哪些需求?大多时候我们需要将一个File对象压缩之后再变为File对象传入到远程图片服务器;有时候我们也需要将一个base64字符串压缩之后再变为base64字符串传入到远程数据库;有时候后它还有可能是一块canvas画布,或者是一个Image对象,或者直接就是一个图片的url地址,我们需要将它们压缩上传到远程;

2021-12-10 14:42:08 2181

原创 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 80558 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 440

原创 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 1480 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 4531 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 558

原创 网页强制不走缓存加载

当有些时候我们编写前端代码,或者就是仅仅浏览网页时,网页还是上一次的浏览痕迹,并不是最新的样式和内容,这是我们就需要清理缓存,大多数朋友或许都知道一种方式就:右上角的三个小点 -> 设置设置 -> 清除浏览数据其实除此之外还有两种办法:禁用网络缓存右键 -> 检查元素(检查)或者 f12选择 network 面板勾选 disable cache2. 单次强制不使用缓存硬刷新...

2021-07-17 12:23:29 979

原创 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 885 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 1047

转载 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 1078

原创 undefined和null的区别

undefined和null是JavaScript中基本数据类型中较为特殊的两种数据类型。以下定义来源于百度百科:undefined,一个特殊值,通常用于指示变量尚未赋值。在高级程序设计语言设计应用程序时,用于指示变量尚未用单等号进行赋值(常量未定义)。null,一个特殊值,Null是在计算中具有保留的值,用于指示指针不引用有效对象。如果翻译为大白话就是:undefined 表示...

2020-03-15 17:44:19 1696

原创 flex布局详解

CSS3弹性盒子弹性盒子是CSS3的一种新布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕 大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。CSS3 弹性盒子内容弹性盒子由弹性容器(Flex container)和弹...

2020-03-01 20:53:43 195

原创 css3过渡——transition

过渡1是CSS3中新加的功能,CSS3虽然还没与正式发布,但各大浏览器都已支持,最新版本不需要添加前缀使用,本文将对CSS3过渡做一浅析。定义通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。浏览器支持Internet Explorer 10、Firefox、Chrome 以及 Opera 支持 tra...

2020-02-23 15:35:37 293

qrcode.min.js

github地址:https://github.com/davidshimjs/qrcodejs QRcode是一个基于js的开源二维码生成库,可在线可本地可安装,这是他的本地使用的技js文件,适合那些不方便安装第三方库的老项目 生成结果为一个img标签,包含数据,可通过一些方式下载

2022-05-18

基于jquery的qrcode.zip

一个基于js和jquery的二维码生成库,简单易用,不支持中文,没有找到相关出处。

2022-05-18

awesome-qr.js

github地址:https://github.com/SumiMakito/Awesome-qr.js 一个很优秀的很漂亮的基于js开发的二维码生成开源库,可安装可本地,这是他的本地使用的技js文件,适合那些不方便安装第三方库的老项目 支持自定义二维码背景,中心logo,生成结果为一个dataurl,可直接填充到img标签的src属性内,也可直接通过一些方式下载。

2022-05-18

arale-qrcode.js

github地址:https://github.com/aralejs/qrcode arale-qrcode是一个便捷生成二维码的开源前端js库,可安装可本地,这是他的本地使用的技js文件,适合那些不方便安装第三方库的老项目 支持自定义中心logo,生成结果为svg,可直接填充到div内,或通过html2canvas下载,但是需要注意的是当二维码存在中心logo,下载下来的图片中心是一个坏图,解决办法是将二维码和logo单独生成img标签,然后将img分别画到一个canvas上,在进行下载

2022-05-18

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除