- 博客(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
1131
原创 iframe使用总结:
<!-- 左侧导航 给左侧 设置target="mainiframe ,iframe设置 name="mainiframe" 点击左侧,右侧自动变化 --> <ul> <li> <dl class="cml_label"> <dd><label> <a href="/enterpris...
2022-02-24 14:17:10
224
原创 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
1134
原创 安装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
674
原创 轮播图(6个功能)
1、点击数字,跳到对应页面、2、点击按钮,左右移动3、自动播放4、鼠标移入停止自动播放,移出继续自动播放5、根据图片自动添加按钮6、根据输入的数字,跳到对应的页面<style> * { margin: 0; padding: 0; box-sizing: content-box; } .content { position:.
2021-08-29 10:46:47
2009
原创 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
307
原创 让多个盒子居中显示的方法:
方法一:用flex布局里面的 <style> .box { border: 1px solid red; } .container { display: flex; height: 200px; border: 1px solid blue; /* 让一个盒子居中 */ /* 在主轴方向居.
2021-08-13 10:44:04
1982
原创 用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
3124
原创 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
315
原创 用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
144
原创 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
1808
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人