自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue项目插入pdf文件预览

1.pdfjs官网下载,放到state文件里2. <div class="video" v-if="false"> <div class="pdf" style="width: 100%;height: 100%;"> <iframe class="prism-player" :src="'/static/pdf/web/viewer.html?file=' + pdfUrl"

2022-03-21 18:11:42 1122

原创 iframe使用总结:

<!-- 左侧导航 给左侧 设置target="mainiframe ,iframe设置 name="mainiframe" 点击左侧,右侧自动变化 --> <ul> <li> <dl class="cml_label"> <dd><label> <a href="/enterpris...

2022-02-24 14:17:10 214

原创 vue打包之后的dist文件里的index.html,打开显示空白,并且报错

解决方法:新建一个文件 vue.config.js,和src同级,配置如下就OK了// vue.config.jsmodule.exports = { lintOnSave: false ,//关闭eslint检查, publicPath: './', // 基本路径 outputDir: 'dist', // 构建时的输出目录 assetsDir: 'static', // 放置静态资源的目录 indexPath: 'index.html', /...

2021-11-22 21:17:28 1064

原创 安装yarn教程

第一步:windows 下需要下载msi文件 ,下载地址:https://yarnpkg.com/latest.msi你将下载到一个.msi文件,当它运行时会指引你将 Yarn 安装到 Windows 上。如果你使用此安装程序,需要先安装node.js第二步:yarn -version注意:这个有可能会报错解决方案是:以管理员方式运行powershell执行:set-ExecutionPolicy RemoteSigned第三步:结束...

2021-11-21 11:51:48 637

原创 轮播图(6个功能)

1、点击数字,跳到对应页面、2、点击按钮,左右移动3、自动播放4、鼠标移入停止自动播放,移出继续自动播放5、根据图片自动添加按钮6、根据输入的数字,跳到对应的页面<style> * { margin: 0; padding: 0; box-sizing: content-box; } .content { position:.

2021-08-29 10:46:47 1935

原创 jquery实现菜单折叠

简化的折叠效果,为了方便初学者学习,没有设置太多的样式,希望能帮到大家<!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, in

2021-08-14 11:01:46 296

原创 让多个盒子居中显示的方法:

方法一:用flex布局里面的 <style> .box { border: 1px solid red; } .container { display: flex; height: 200px; border: 1px solid blue; /* 让一个盒子居中 */ /* 在主轴方向居.

2021-08-13 10:44:04 1898

原创 用node制作一个登陆验证功能,具体要求如下所示登录页填写用户名和密码(正确的用户名为:admin,密码为:123456)输入正确的用户名和密码,跳转页面提示【登录成功】输入错误的用户名和密码

第一步:创建一个表单<!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"> &.

2021-08-12 20:12:24 3059

原创 JS实现99乘法表

<script> //利用追加字符串,每次循环的东西都先放在字符串里,最后在输出str,如果不姚这句的话,结果只能输出9x9=81 var str = ''; //主要控制行数,9行 for (var i = 1; i <= 9; i++) { //j <= i 乘法表每行的相乘的次数不超过行数 for (var j = 1; j <= i; j++) { ...

2021-08-04 15:06:50 304

原创 用js实现简易的ATM

<script> //定义初始金额 var moneysum = 100; //显示一个输入框,填写执行的操作,顺便parseInt,转换成数值 var num = parseInt(prompt('请输入你要的操作:\n1.存钱\n2.取钱 \n3.显示余额\n4.退出')) switch (num) { case 1: //显示一个输入框,..

2021-08-04 14:40:58 136

原创 js实现1-100的正整数和的三种方法

方法一:while(先判断条件式再执行)vari=1;varsum=0;while(i<=100){sum+=i;i++;}console.log(sum)方法二:dowhile(先执行再判断条件式)vari=1;varsum=0;...

2021-08-04 11:07:42 1661

空空如也

空空如也

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

TA关注的人

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