自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 webpack打包

前提:安装并配置好nodejs、webpack;项目文件夹下创建dist及src文件夹,项目在src文件夹中一、项目文件夹下载模块1、处理html模块任务管理器运行:npm i html-webpack-plugin --save-dev2、处理css模块任务管理器运行:npm i style-loader css-loader --save-dev3、处理less模块任务管理器运行:npm i less-loader less --save-dev4、处理

2021-12-31 16:05:04 606

原创 60秒倒计时获取验证码页面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>60.

2021-12-08 18:36:20 286

原创 判断浏览器是电脑端或者手机端

<script> function browserRedirect() {var curURL = window.location.href;var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";va.

2021-11-30 16:52:10 812

原创 响应式布局

<style> @media screen and (max-width:500px){ } @media screen and (min-width:501px) and (max-width:900px) { } @media screen and (min-width:901px) { } ..

2021-11-30 16:45:33 172

原创 动态创建html基本单位

<script> function setRem() { var ui_w = 375; // 获取屏幕的宽度 var clientWidth = document.documentElement.clientWidth || document.body.clientWidth; console.log(ui_w,clientWidth); // 通过js动态改变html根节点字体大小 v.

2021-11-29 21:31:58 291

原创 创建用户代码片段及移动端理想视口

一、添加用户代码片段(vscode)二、回车三、粘贴下段代码{ "html": { "prefix": "html", "body": [ "<!DOCTYPE html>", "<html>\n", "<head>", "\t<meta charset=\"UTF-8\">", "\t<meta name=\"viewport\" content=\"width=device-width, in

2021-11-29 18:53:50 100

原创 封装cookie

function setCookie(key,value,time){ var date=new Date(); date.setDate(date.getDate()+time); document.cookie=key+'='+value+';expires='+date;}function getCookie(key){ var cookie=document.cookie; var arry=cookie.split('; '); ...

2021-11-23 21:02:30 224

空空如也

空空如也

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

TA关注的人

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