logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

js获取屏幕、浏览器、页面的高度宽度

本篇主要介绍Web环境中屏幕、浏览器及页面的高度、宽度信息。一、介绍1. 容器一个页面的展示,从外到内的容器为:屏幕、浏览器以及页面本身。HTML元素展现在页面内,页面展现在浏览器内,而浏览器展现在屏幕内。通过Js的一些对象可以获取这些容器的高度、宽度。2. 物理尺寸和分辨率容器的尺寸是指当前分辨率下的高度、宽度,而不是物理高度、宽度。如:一个22寸的显示器,屏幕分辨率为1366 * 768,那么

#javascript
element中el-upload图片的上传与回显

html<el-upload :file-list="blFileList" :class="{hide:upload.bl}" :http-request="((val)=>{return myUpload(val,1)})" :on-preview="handlePictureCardPreview" :on-remove="((file,fileList)=>{return

#vue.js
vue-pdf预览pdf文件流

html<pdf v-for="i in numberPage" :key="i" :src="pdfUrl" :page="i" style="width:100%;height:auto" />js<script>import pdf from 'vue-pdf'export default {data() {return {pdfUrl: '',numberPage:

#vue.js
vue中文件样式的引入(.css .scss)

全局引入在mian.js文件中进行全局引入import Vue from 'vue'import 'normalize.css/normalize.css' // A modern alternative to CSS resetsimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css' // 全

VSCode搭建Vue项目并引入Element

1.搭建项目的前提:Vscode和Nodejs都已经安装好2.安装的具体步骤如下所示:3.按照提示回车默认即可4.安装完之后,可以看到"src"的目录下有一个"main.js"文件,这是程序的入口5.依次执行以下两条指令,如下图所示:6.根据提示,在浏览器中输入访问项目的ip地址,项目成功运行截图如下:7.项目开发完毕,打包上线的命令:npm run build到此,vue项目的搭建便完成了。..

vue中使用百度地图vue-baidu-map

效果图ak安装npm install vue-baidu-map --saveindex.vue需要隐藏的文字.......<details><summary>隐藏内容的标题</summary></details><template><div style="position:relative"><!-- :map-cli

vue中在dialog中使用canvas提示 Cannot read property ‘getContext‘ of null“

问题在dialog中使用画布canvas的时候会提示报错Cannot read property ‘getContext’ of null"<el-dialog :visible.sync="dialog" :title="dialogTitle" append-to-body width="85%"><canvas id="canvas" width="400px" heigh

#vue.js#html5
运行vue项目 npm ERR! missing script: dev npm ERR! A complete log of this run can be found in: npm ERR!

由于版本更新 npm run dev 和npm start 是老项目 运行方式使用新的运行方式:npm run serve

Vue中引入使用scss变量报错:./node_modules/vue-style-loader!./node_modules/css-loader?

1.第一种情况:这是由于css解析的时候出了问题,解决方案为:https://blog.csdn.net/dt1991524/article/details/834132112. 第二种情况(自己遇到的):样式文件的引入方式导致<style lang="scss" scoped>@import "../styles/index.scss"; // 这种引入正确// @import ur

#scss
Vue项目如何动态设置路由meta信息中的title属性值

https://www.cnblogs.com/blogNYGJ/p/14280494.html

    共 15 条
  • 1
  • 2
  • 请选择