- 博客(202)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 vue动态绑定图片静态资源不展示
在vue中通过动态传参的方式传入图片路径,vue不加载本地资源,而是通过localhost去加载网络资源,从而导致图片加载不出来。解决方案:通过import引入图片。
2024-01-16 15:14:45
1829
原创 vue3 window.print()局部打印
原因：el-table会计算100%宽度为具体多少px 然后再计算出每一列的宽度 通过设置table>colgroup>col 的width属性来设置每一列的宽度。问题是浏览器的打印区域的100%的具体px与打印纸的宽度不一致 所以导致部分区域打印不出来。解决方案：加变量控制,判断是否为打印状态,是则请求全部数据。问题3：页面展示时表格分页展示,打印时展示全部数据。解决方案：把获取到的图片转为base64格式。问题2：el-table打印时展示不全。问题1：打印时图片不展示。解决方案：使用原生表格。
2024-01-16 14:51:15
1429
原创 $attrs,$listeners
通过$listeners在c组件触发了A组件的方法。'通过$listeners触发父组件的事件''这是父组件的方法''这是子组件的方法''这是孙组件的方法'
2023-08-31 15:54:56
417
原创 provide/inject
Vue中的provide/inject是一种组件间通信的方式，它允许父组件向子组件传递数据，而不需要通过props或事件来实现。在父组件中，我们可以通过provide选项来提供数据，这些数据可以是任何类型的JavaScript对象。在子组件中，我们可以通过inject选项来注入这些数据，然后在子组件中使用它们。使用provide/inject的好处是可以避免props层层传递的问题，同时也可以让我们更方便地在组件树中共享数据。需要注意的是，provide/inject不是响应式的，也就是说，如果提供的
2023-08-31 14:03:22
140
原创 vue多个异步请求都执行完之后再执行下一步
Promise.all()里面的执行顺序是按接口并行执行的，但是返回值依然是按其接口的代码先后顺序来返回的，返回值是一个数组。
2023-05-26 18:24:00
2368
原创 vscode新建uniapp项目
创建vue create -p dcloudio/uni-preset-vue uni-app2选择模板进入项目目录，运行 $ cd uni-app2 $ npm run serve
2022-02-23 15:19:05
681
原创 微信小程序
微信官方文档 · 小程序1. 开始注册，注册小程序账号，来管理自己的所有小程序项目。小程序注册页登录，登陆小程序管理后台，可以管理小程序的权限，代码发布等操作，在小程序管理后台可以看到小程序的AppID。安装开发者工具，在开发者工具下载页面，根据自己的操作系统安装对应的安装包。新建项目选择小程序项目，选择代码存放的硬盘路径，填入刚刚申请到的小程序的 AppID，给你的项目起一个好听的名字，勾选 “不使用云服务” （注意: 你要选择一个空的目录才可以创建项目），点击新建，你就得到了你的第一个小程
2022-02-22 18:01:43
764
原创 前端cookie封装
前端cookie封装 /* 存cookie */ export function setCookie (cname, cvalue, exdays = 0) { let expires = cname + '=' + escape(cvalue) if (exdays > 0) { let d = new Date() d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)) ex
2022-02-15 11:09:12
340
原创 vue 引入 jquery
vue中引入jquery安装jquery包npm install jquery --save配置vue.config.jsconst webpack = require('webpack');module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "win
2022-01-21 11:13:52
4630
1
原创 js表格复制
function tableCopy(target) { // Selection 对象表示用户选择的文本范围或插入符号的当前位置。 const selection = window.getSelection(); // range 接口表示一个包含节点与文本节点的一部分的文档片段。 const range = document.createRange(); const copy = target.cloneNode(true); console.log(copy) co
2022-01-05 18:09:20
1400
原创 webpack相关
1. webpackwebpack是前端构建工具，就是把开发环境的代码转换为运行环境的代码，开发环境的代码是为了更好地阅读，而运行环境的代码是为了更快速的运行。两个环境的代码会有所不同，开发环境的代码经过混淆压缩，体积变的更小，而且对代码的执行也不会产生影响，这样再放在线上运行，会有更高的运行效率。通常需要构建工具处理以下几种情况：代码压缩将CSS、JS等混淆压缩，让体积变得更小编译语法编写CSS时使用的SCSS、LESS等，编写JS时使用的ES6、TypeScript等，这些是目前浏览器无法
2022-01-05 18:03:25
288
原创 根据不同的值表格单元格显示不同的背景色
<el-table id="table" :data="tableData" border style="width: 100%;height: 100%;" :header-cell-style="{ color: '#333', 'font-weight': '500'
2022-01-05 18:00:31
1577
原创 less的函数与循环
我们在有很多类名相似，属性也相似的情况下，定义每个类名，然后给每个类型添加属性，这样的代码很低效，我们可以选择用循环的方式写。<template> <div> <div class="up up1">up1</div> <div class="up up2">up2</div> <div class="up up3">up3</div> <div class="up u
2021-12-09 17:21:45
328
1
原创 vue + vant 组建loading的使用
在代码最后添加loading组建<template> <div class='detail'> <div class="nav-bar"> <van-nav-bar :border='false'> <template #title> <div class="home-title">标题</div> </template>
2021-09-29 15:16:25
9521
1
原创 修改超出div之后显示的滚动条的样式
通过一个demo来展示<!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-09-20 19:20:28
426
原创 pdfjs-dist加载不全的解决方案
首先说版本问题，我用的2.1.226版本，会有长文章加载不全的问题，看了网上好多人说的，说是2.2.228版本的最稳定；可以看https://www.cnblogs.com/baisong11/p/13731436.html解决方案方案一：修改源码https://blog.youkuaiyun.com/s_y_w123/article/details/108869862方案二：线上或本地资源包https://www.cnblogs.com/KingJames/p/11763590.html我最开始使用了线
2021-09-16 19:00:05
8122
1
原创 SCSS基础了解
变量通过$符合去声明一个变量,通常存储css中要复用的样式,例如字体、颜色等。Sass 变量使用 $ 符号：$variablename: value;eg:$global-color: #efefef;$global-font-size: 14px;嵌套以嵌套的方式使用css下面的例子，ul,li,a都被嵌套在nav下面，nav相当于父级，只有在nav下的ul,li,a才会具有定义的样式。nav { ul { margin: 0; padding: 0; .
2021-09-14 18:05:59
284
原创 物理像素&CSS像素
1. 屏幕尺寸屏幕尺寸是手机屏幕的对角线的长度。5.2寸手机，是其对角线长为5.2寸。1英寸 = 2.54厘米2. 分辨率（物理像素）分辨率是屏幕上的像素点数，1920x1080分辨率的手机，表示其横向有1080个像素点，纵向有1920个像素点。这个值是每个手机出厂的时候就设定好的。3. 分辨率比1920x1080，比为16:9，这个值也可以看作是手机屏幕比。4. 屏幕像素密度PPI （pixel per inch)，即每英寸长度所能显示的像素（pixel）的数目。PPI值越大表示显示屏能以
2021-09-09 18:42:36
525
原创 提高PDF预览的清晰度
核心代码let devicePixelRatio = window.devicePixelRatio || 1;console.log(window.devicePixelRatio) let backingStoreRatio = context.webkitBackingStorePixelRatio || context.mozBackingStorePixelRatio || context.msBackingStorePixelRa
2021-09-08 16:57:18
3813
转载 el-select去掉滚动条
主要原因是下拉框el-select-dropdow和app是同级，所以写在局部样式里面没有效果。未来不全局污染，select组件中，提供了一个popper-class属性（element-select），所以给select组件加上这个属性，就可以咋这个类下修改样式了。<el-select v-model="type" popper-class="remove-scrollbar" placeholder="请选择" > <el-option
2021-09-08 15:53:33
2829
1
原创 初识canvas
MDN参考<canvas id="cvs" width="300" height="300"></canvas><script> //获取canvas对象 var cvs = document.getElementById('cvs'); //获取画笔 //（参数2d，表示建立一个二维渲染上下文，从页面的左上角开始，向右为X轴，为正，向下为Y轴，为正） var ctx = cvs.getContext('2d'); //画一条线段 //设置笔触样式
2021-09-05 22:38:18
94
原创 使用pdfjs-dist实现PDF预览
<template> <div> <div id="the-canvas"></div> </div></template><script>import PDFJS from "pdfjs-dist";import { TextLayerBuilder } from "pdfjs-dist/web/pdf_viewer";import "pdfjs-dist/web/pdf_viewer.css"
2021-09-01 17:12:40
3966
6
原创 前端vue实现PDF预览
一、使用a标签<a href="http://xxx.xx.cn/test1.pdf">pdf</a>注意，href地址必须是文件的绝对位置，相对位置不可以。也就是说url写为"…/assets/pdf/test1.pdf"，这样访问不到PDF文件。点击链接在新窗口打开预览PDF文件，和使用浏览器输入文件地址打开文件一样。二、使用iframe标签<div class="iframe-pdf"> <iframe src="http://xxx.xx.c
2021-09-01 10:50:19
1397
bootstrap.zip
2020-06-30
HTML CSS JS的作用.zip
2020-06-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人