import Vue from 'vue'
/*
* 定义一个directives.js,在入口文件main.js中import './utils/directives.js'；
* 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。
*/
// v-dialogDrag: 弹窗拖拽+水平方向伸缩
Vue.directive('dia
转载
2024-05-03 19:51:58
1295阅读
android获取屏幕的高度和宽度用到WindowManager这个类，两种方法： 1、WindowManager wm = (WindowManager) getContext() &n
转载
精选
2014-12-24 17:02:34
808阅读
首先还是要明确几个概念，这里通过修改css并截图给大家介绍下，理解了这几个概念，代码写起来会得心应手许多。clientWidth，clientHeightscrollWidth，scrollHeightoffsetWidth，offsetHeightclientLeft，clientTopscrollLeft，scrollTopoffsetLeft，offsetTop1. clientWidth，
转载
2024-03-25 20:01:46
976阅读
src/menu.vue <script type="text/jsx">
import emitter from 'element-ui/src/mixins/emitter';
import Migrating from 'element-ui/src/mixins/migrating';
import Menubar from 'element-ui/src/uti
转载
2024-09-25 10:32:20
67阅读
一直想自己动手做一个图片轮播的控件,查查网上的资料大多引用已经做好的组件,其原理算法不是很清楚,于是自己用jquery写了一个.先看下效果图: 主要界面实现思路如下:1.新建一个div宽度为100%,flex布局,主要是为了
saveImg(url) { var self = this; uni.showLoading({ title: "保存中" }); uni.downloadFile({ url: url, success: function success(e) { uni.saveImageToPhotosAl ...
转载
2021-09-17 10:13:00
279阅读
2评论
# 实现jquery屏幕高度
## 概述
在前端开发中，经常需要获取屏幕的高度来进行相应的布局设计或者其他操作。而使用jquery可以很方便地实现这一功能。本文将介绍如何使用jquery获取屏幕高度。
## 实现步骤
下面是实现jquery屏幕高度的步骤：
| 步骤 | 描述 |
|------|------|
| 1 | 引入jquery库文件 |
| 2 | 编写获取屏幕高度的代码 |
原创
2023-12-10 07:03:18
40阅读
原标题：推荐| 你知道么~电脑屏幕到底摆放多高合适…很多办公室一族喜欢把电脑显示屏抬高看，觉得这样对颈椎好。实际上，眼科专家通过研究发现，长时间向上看电脑屏幕，容易患干眼症。在近视人群和长期对着电脑的人群中，干眼症的发病率接近一半。那么，怎样才是看电脑的正确姿势？垫高电脑屏对颈椎有好处？干眼症找上门！每天工作就是对着电脑，在一家杂志社上班的小胡，常觉得自己脖子不舒服。后来看到同事们都用书本把电脑显
转载
2024-07-22 13:13:23
58阅读
在 iOS 开发中，屏幕高度的处理尤为重要，特别是在多种设备和屏幕尺寸的背景下，开发者常常需要面对不同比例和样式的挑战。以下是关于如何解决“iOS 屏幕高度”问题的整理记录，通过几个模块来帮助你高效地理解和应用相关知识。
### 版本对比
为了理解不同 iOS 版本在屏幕高度上的差异，我们可以将其分为几个特性。以下是对比表，包含了自 iOS 11 到最新 iOS 17 的特性差异：
| iO
在看本文之前，向大家介绍一下下面的2篇文章，个人认为非常好。另外,这篇文章总结也不错 获取屏幕的高度和宽度： http://www.iteye.com/topic/828830 还有一篇是获取状态栏和标题栏高度的文章来自 不错 我们需要获取Android手机或Pad的屏幕的物理尺寸，以便于界面的设计或是其他功能的实现。下面就介绍讲一讲
转载
2024-05-24 13:11:31
139阅读
缩放浏览器，表格+分页依旧正常展示，如下图所示：图片中涉及到 左侧的dg-table（封装过的el-table）、右侧的el-table 两种类型的样式设置由于本篇是使用了position定位来处理的，所以先要了解：Element UI 弹窗（Dialog）改成自适应高度，仅body内容部分滚动 简单的定位实现过程给想要自适应高度的div设置position:absolute;top:0;left
转载
2024-04-19 22:11:07
356阅读
/*
* 定义公共js里，在入口文件main.js中import；
* 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。
*/
// v-dialogDrag: 弹窗拖拽+水平方向伸缩
Vue.directive('alldialogDrag', {
bind(el, binding, vnode, oldVnode) {
转载
2024-04-04 07:08:12
169阅读
js获取各种高度的方法
//获取元素的高度
box{
background-color: lightgrey;
width: 300px;
border: 25px solid green;
padding: 25px;
margin: 25px;
height:60px;
}
//获取盒子的内容高度，内容高度也可用用box.clientHeight获取，内容高度不包括边框和外边距和滚动条
v
转载
2023-11-05 23:00:57
141阅读
原理是 利用vue 的自定义指令功能 自定义一个指令 官方文档 下面是指令内容export default {
bind(el, binding, vnode, oldVnode) {
let resizeEvent = new CustomEvent('drag-resize',{detail:'尺寸变化',bubbles:false});
//初始化不最大化
el.
转载
2024-04-19 20:27:23
679阅读
本篇文章所说的内容是img标签设置display:block属性时宽度无法设定为100%的解决办法，方法很详细，有一定的参考价值，有需要的朋友可以参考一下，希望可以对你有所帮助。现象如下代码，img标签设置了display：block，尺寸宽度无法设定为100%img标签设置display:block，宽度无法100% 原因替换元素和非替换元素元素是文档结构的基础，在CSS中，每个元素生成了一
一个后台管理常常需要一个标签页来管理已经打开的页面，这里我们单独写一个组件来展示标签页数组。该标签页组件只做展示不涉及操作数据。标签页数组可记录已打开的数组，还能定义什么页面需要缓存，是一个重要的功能呢。首先，建立一个TagList.vue组件，里面代码如下<template>
<div
class="tag-list-cp-container"
ref="Ta
一：安装及引入1.1安装方式一：用CDN引入<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-- 引入组件库 --><script src="https://unpkg.com/element-ui/lib
转载
2024-09-03 10:58:23
113阅读
# 使用jQuery获取屏幕高度
## 介绍
本文将指导初学者如何使用jQuery来获取屏幕的高度。jQuery是一款广泛使用的JavaScript库，可以简化开发者的前端开发工作。获取屏幕高度是前端开发中常见的需求，比如在响应式设计中需要根据不同设备的高度来调整页面布局。通过本文的指导，你将学会如何使用jQuery来获取屏幕高度。
## 整体流程
首先，我们来看一下整个流程的步骤。下表展示了
原创
2024-01-16 08:03:56
84阅读
Android View屏幕高度
## 引言
在Android应用开发中，我们经常会涉及到获取屏幕的高度这样的操作。例如在某些情况下，我们需要根据屏幕高度来动态调整View的大小或布局，以确保在不同尺寸的设备上都能够良好地展示。本文将介绍如何在Android中获取屏幕的高度，并给出相应的代码示例。
## 获取屏幕高度的方法
在Android中，我们可以使用DisplayMetrics类来获取屏
原创
2023-12-20 07:10:04
63阅读
今天观看学习Element的源码，看到textarea有一个自适应高度的属性，毕竟以前也接触过这方面的问题，你可以查看此处：更强大的textarea高度自适应来了解我之前写的一篇同样是实现textarea自适应高度，所以就好奇看一下它是怎么实现的。先来看一下它的源码吧（各个阶段大致的做的事情我已经标到代码上了）：let hiddenTextarea;
const HIDDEN_STYLE = `
转载
2024-02-29 17:34:52
1678阅读
