ICode9

精准搜索请尝试: 精确搜索
  • 获取视窗高度和元素高度2022-08-18 20:33:41

    // 获取视窗高度 export function getClientHeight() { var clientHeight = 0; if (document.body.clientHeight && document.documentElement.clientHeight) { var clientHeight = document.body.clientHeight < document.documentElement.clientHeight

  • vue 开发H5适配方案2022-08-18 14:30:38

    一、通过JS实现适配   1、清除浏览器默认样式     创建reset.css,在main.js中importreset.css   2、实现页面自适应(rem方式在750下1rem=100px),在index.html文件中进行配置     <script>      (function () {            // 在标准 375px 适配下,100px =

  • 获取某个html元素相对于视窗的位置集合2022-07-28 10:35:22

    getBoundingClientRect() getBoundingClientRect()获取元素位置,这个方法没有参数 getBoundingClientRect()用于获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。  getBoundingClientRect()是DOM元素到浏览器可视范围的距离(不包含文档卷起的部分)。     该函数返回一个

  • 查漏补缺——说说calc(100vh - 80px)2022-06-26 10:34:12

    问题 如题所示 答案 css3 vh单位使用 CSS3新vw, vh单位 css3新单位vw、vh、vmin、vmax的使用详解 vh,指的是Viewport height,也就是视窗的高度。而什么是视窗呢? 视窗单位-vw/vh/vmin/vmax 如下图所示,浏览器显示内容的部分,其中也包括滚动条,不包括地址栏、搜索栏、标签栏等: 相关源码:

  • vue2 -- 移动端自适应(postcss-px-to-viewport)2022-06-20 15:36:40

    1、安装依赖 npm install postcss-px-to-viewport --save 2、修改文件.postcssrc.js module.exports = { "plugins": { "postcss-import": {}, "postcss-url": {}, "postcss-aspect-ratio-mini": {},//用来处理元素容器宽高比 "

  • 通过rem自适应屏幕尺寸2022-03-26 23:34:30

    通过rem自适应屏幕尺寸 常用的前端单位 px px就是pixel的缩写,设备分辨率,物理像素 pt pt就是point的缩写,逻辑分辨率,逻辑像素 em 参考物是父元素的font-size,具有继承的特点 如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值 re

  • screen2022-03-03 13:33:44

    screen  这是一个用于命令行终端切换的自由软件 语法 screen [-AmRvx -ls -wipe][-d <作业名称>][-h <行数>][-r <作业名称>][-s <shell>][-S <作业名称>]参数选项 -A  将所有的视窗都调整为目前终端机的大小。 -d<作业名称>  将指定的screen作业离线。 -h<行数>  指定视窗的

  • 网易云音乐项目总结2022-02-28 22:05:38

    不熟悉的知识点 知识点1: rem的作用:rem适合于移动端适配和制作全屏效果,例如设计图的宽度与屏幕宽度进行适配。页面以及页面内容随屏幕宽度变化而变化。 如何设置rem:1rem的大小是等于html下的font-size,所以可以通过设置这个css属性告诉浏览器rem的大小 html{ font-size:10px

  • h5新增和cala计算2022-01-17 15:34:42

    calc计算 width:calc(100% - 50px) height:calc(100% - 20px) vh: viewpoint height,视窗高度,1vh=视窗高度的1% viewpoint width,视窗宽度,1vw=视窗宽度的1%例如:浏览器高度950px,宽度为1920px, 1vh = 950px/100 = 9.5 px,1vw = 1920px/100 =19.2 px。   h5新特性 1.

  • JS Javascript DOM操作之用js做响应式布局(不常用,仅做拓展了解)2022-01-11 19:58:13

    JS Javascript DOM操作之用js做响应式布局[附实例代码]--不常用,仅做拓展了解 1.设置浏览器视口监听事件resize2.在函数程序中定义一个变量赋值浏览器的用户视口宽度;3.在函数程序中判断用户浏览器的视口宽度进而设置不同宽度下的样式4.示例代码 1.设置浏览器视口监听事

  • Vim常用命令2021-11-18 19:03:46

    vim 中有三种工作模式,分别是命令模式,输入模式,末行模式 刚进入编辑器是处于命令模式,切换到输入模式可以输入:i,I,o,O,a,C a:在光标之后插入A:在光标所在行末插入i:在光标处插入I:在光标所在行首插入o:跳转到光标下一行插入行O:跳转到光标上一行插入行C:清除光标所在位置后的所有内容进入输入模式

  • vue使用视口适配分辨率2021-11-09 16:33:06

    使用视口适配分辨率,可以解决大部分,个别太古老的分辨率会有一点小问题。 第一步:安装依赖 npm i postcss-px-to-viewport -S 第二步:在根目录添加配置文件postcss.config.js 第三步:在配置文件内添加相关配置选项   module.exports = { plugins: { autoprefixer: {},

  • WPF 排版基础2021-10-26 12:35:08

    一、WPF 排版基础 WPF使用控制面板来进行排版,控制面板实际上是一种可以放入WPF界面元素的容器。当用户把界面元素放入控制面板后,WPF会自动把这些界面元素放在它认为合适的地方。WPF开发人员需要根据自己对用户界面的要求来选择合适的控制面板。 WPF中的基本控制面板类如图3-1所示,

  • SVG viewport、viewBox、preserveAspectRatio2021-09-28 11:34:02

    转自:https://blog.csdn.net/chy555chy/article/details/53538394?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_baidulandingword~default-1.no_search_link&spm=1001.2101.3001.4242   SVG元素不像HTML元素一样由CSS盒模型管理。这使得我们可以更加灵活

  • Excel学习日记:L3-冻结表格栏&分割视窗2021-09-26 12:01:48

    一、冻结表格栏 为了在向下滚动时,仍显示标题行,所以使用冻结表格栏:选中标题行的下一行-点击视图-冻结窗格-冻结窗格   二、分割视窗 选中要分割的行,点击拆分窗口,上下两个视窗都能滚动,还可以拖动分割线,调整视窗大小  

  • v 使排版根据设备尺寸自如响应2021-09-25 16:37:14

    除了使用 em 或 px 设置文本大小,你还可以用视窗单位来做响应式排版。 视窗单位和百分比都是相对单位,但它们是基于不同的参照物。 视窗单位是相对于设备的视窗尺寸(宽度或高度),百分比是相对于父级元素的大小。 四个不同的视窗单位分别是: vw:如 10vw 的意思是视窗宽度的 10%。 v

  • CSS学习笔记-css定位2021-08-07 16:01:01

    3.CSS定位 绝对定位(absolute) 特性 脱离文档流 默认参照物为浏览器视窗的左上角 <div class="containner"> <div class="box"> 1 </div> <div class="box position"> 2 </div>

  • eclipse安装及使用2021-08-04 17:33:50

    Eclipse安装及使用 安装和基本使用 下载地址:https://www.eclipse.org/downloads/ 新版本的安装一般都为在线安装,双击打开安装程序后,需要联网完成安装。如果出现需要选择开发版 本的界面,选择企业级java开发   1.显示行号:在代码区域最左边的空白区域,右键——Show Line Numebers 2

  • 九:有效沟通2021-06-27 12:02:28

      高效沟通 1. 反馈的“JOHARI视窗” 乔哈里视窗            

  • 乔哈里视窗2021-06-27 12:01:49

               

  • 火山视窗正则表达式类库使用2021-06-16 16:30:01

    本源码转载自利快云https://www.lkuaiy.com/   火山视窗正则表达式类库使用   一、正则模块配置 1、右键项目选择“配置项目所使用模块”。   2、找到正则表达式支持库,   3、界面设计如下图,简单的设计一个界面用于操作。     二、正则文本替换 1、顾名思义就是利用正

  • 火山视窗模块化开发2021-06-15 16:31:07

    本源码转载自利快云https://www.lkuaiy.com/   火山视窗模块化开发     一、定义类通常方法 1、在火山中存在一个名叫“通常方法”的名词,具体表现为打开帮助页后,可以在“类别”这里看到。          2、通常方法调用的时候需要通过定义变量来调用,如下图所示。       

  • 火山视窗整数数组类增删查改操作2021-06-11 13:59:13

    本源码转载自利快云https://www.lkuaiy.com/   火山视窗整数数组类增删查改操作     整数数组类可对整数数据进行数组操作,本类可以非常方便的实现对整数数组的增删查改。   一、添加成员 1、首先需要定义一个类型为“整数数组类”的变量 2、调用“添加成员”方法就可以在本

  • 火山视窗添加窗口菜单2021-06-08 15:57:43

    本源码转载自利快云https://www.lkuaiy.com/ 12 火山视窗添加窗口菜单   一、菜单设计 1、首先定义一个新的类,基础类务必填写“菜单类”,随后右键可以打开菜单设计器。     2、左侧是具体菜单项目设计效果,右侧是常用的菜单项目设置。 3、无虚线的菜单属于“根菜单”,根菜单

  • 火山视窗超级列表框-报表列表框操作2021-06-07 12:05:57

    本源码转载自利快云https://www.lkuaiy.com/   火山视窗超级列表框-报表列表框操作   想要使用本组件首选需要配置mfc扩展界面支持类库模块。   超级列表框组件是火山中非常常用的一个组件,共有几种类型:大图标列表框,小图标列表框,普通列表框以及最最最常用的报表列表框。  

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有