ICode9

精准搜索请尝试: 精确搜索
  • Vue ——使用lib-flexible和postcss-pxtorem 移动端实现rem适配2022-04-22 11:32:14

    lib-flexible是一个制作H5适配的开源库,获取需要的JavaScript和CSS文件。 实现适配 1.安装postcss-pxtorem npm i postcss-pxtorem@5.1.1 -D //-D表示开发依赖,项目上线就不需要了 最新版本会报错 // 看单词拼写也懂了 将px转换成rem 是一款postcss 插件 2.安装lib-flexible 

  • 修复头条屏幕适配方案导致的两次获取尺寸不一问题2022-04-19 14:04:31

    所谓头条屏幕方案就是修改了DisplayMetrics类,让设备的dp宽强行按设计稿来,所以DisplayMetrics获取的一些参数都是缩放过的,并不是真实的。在一些情况下会出现两次获取结果不一样,就产生了bug。由于项目已经用了这种方案(个人不太倾向使用),所以解决这个问题。目前出现的现象就是第一次打

  • 适配器模式 (Adapter Pattern)2022-04-17 23:04:01

    类适配器    对象适配器        有类适配器和对象适配器的之分。 类适配器直接继承了适配者类。   而对象适配器则将适配者对象作为自己的属性,只是调用原适配者时候的方法不同。这种方法可能考虑到放弃旧适配者的一些功能,做到精简操作。      还有一种缺省适配器模式

  • 同志们,该放弃移动端rem适配方案了2022-04-10 19:01:26

    1.背景 在做移动端各种尺寸屏幕的适配时,用的最多的就是rem方案。我们都写过这样的代码,来设置根字体大小。这个计算公式中设备宽度,UI设计稿尺寸这两个参数比较好理解,可是为什么要除以100呢,为什么不是10,50或者其它的数值呢。 const setRem = () => { const deviceWidth = do

  • vue 使用 autoprefixer amfe-flexible postcss-pxtorem 自动转rem移动端适配2022-04-09 16:35:00

    1.首先下载需要的包(有些是运行依赖包)  yarn add autoprefixer -S      yarn add  amfe-flexible@2.2.1 postcss-pxtorem@5.5.1 -S -D 2.在项目根目录下创建一个postcss.config.js文件,配置内容如下 // import autoprefixer from "autoprefixer" module.exports = { p

  • Xilinx FIR compiler 实现pulse-shaping滤波器,并利用多通道和插值适配RFdc2022-04-07 12:34:51

    在数字通信中,很重要的一步是做pulse-shaping(脉冲成形)。通常使用FIR滤波器实现成形滤波器。本文首先利用Matlab filterBuilder工具计算滤波器参数,之后利用Xilinx FIR compiler实现了滤波器,最后,通过配置FIR compiler的Parallel Channel 和 Interpolation 实现了对RF data converter

  • 在IDEA中使用Spring Assistant插件,一键式完成spring demo2022-04-05 16:32:21

        下载地址:https://plugins.jetbrains.com/plugin/17911-spring-assistant   注意:目前只适配IDEA2021,其他版本可能无法添加插件  

  • 3090显卡适配的torch2022-04-04 09:31:06

    RuntimeError: CUDA error: no kernel image is available for execution on the device 安装适用于GeForce RTX 3090显卡的pytorch 卸载当前版本的pytorch, 重新按照以下安装 pip uninstall torch pip install torch==1.7.0+cu110 torchvision==0.8.1+cu110 torchaudio===0.7.0

  • Hamster Linux I2C总线适配2022-03-29 05:00:07

    Hamster Linux I2C总线适配 SoC - F1C200s Kernel 版本 v5.17.0 适配过程如下 修改 arch/arm/boot/dts/suniv-f1c100s.dtsi 1. 添加ccu头文件 #include <dt-bindings/clock/suniv-ccu-f1c100s.h> #include <dt-bindings/reset/suniv-ccu-f1c100s.h> 2. 在soc节点下添加如下

  • 移动端屏幕配(rem+js)2022-03-21 12:04:44

    什么是移动端适配 在制作webapp时,一个很关键的问题就是适配各种机型不同屏幕的大小,让每种机型上的布局看起来都尽量一样。 也就是说用同一套代码在不同分辨率的手机上跑时,页面元素间的间距、留白,以及图片大小会随着变化,在比例上跟设计稿一致。 没有实现适配时,不同屏幕大小中的高度

  • 设计模式之【适配器模式】2022-03-19 12:02:45

    我们生活中很熟悉的转换插头,因为全球有几种不同的插座接口标准,国内使用的插头不一定适用于国外一些国家的插座,这时候,就需要用到转换插头了。我手中的这个就是德标转国标的。   你看,这不就类似我们设计模式中的适配器模式嘛? 将一个类的接口转换成客户希望的另外一个接口,使得原

  • 主线linux f1c200s fbtft ssd1306 适配记录2022-03-09 04:31:42

    主线linux f1c200s fbtft ssd1306 适配记录 menuconfig中开启staging drivers下small tft菜单中 fb ssd1306, 选择*编译进内核。 修改pio节点如下 pio: pinctrl@1c20800 { compatible = "allwinner,suniv-pinctrl"; reg = <0x01

  • 19_微信小程序-BLE低功耗蓝牙开发-分辨率适配的单位2022-03-03 14:02:09

    说到小程序适配,这里可以说一下微信小程序的‘rpx’。其实现在不管是安卓还是IOS的设备,在设计的时候,都不是直接采用屏幕的物理分辨率单位,因为不同手机分辨率不一样,那么做设计开发的人员不可能去针对每款手机都去做一套UI,所以为了统一方便设计,采用了一个对应关系的单位,比如苹果的p

  • Unity 正交相机和透视相机的屏幕适配2022-03-02 19:02:04

    //横向适配 //正交相机: float sizeWidth = bgSpriteRenderer.size.x; float sizeHeight = sizeWidth / camera.aspect; camera.orthographicSize = sizeHeight * 0.5f; //透视相机 float sizeWidth = bgSpriteRenderer.size.x; float distance2Camera = 10; float fov = Mathf.

  • 代码还可以这么复用——适配器模式2022-03-01 13:30:55

    你一定听过“网络适配器”吧?又叫网卡。它的作用是什么呢?——上网! 这样的回答显然不够专业,正确的答案是“网卡的一个重要功能就是要进行串行/并行转换。因为网卡和局域网之间的通信是通过电缆或双绞线以串行传输方式进行,而网卡和计算机之间通信则是通过计算机主板上的I/O总线以

  • Xcode 设置macos app的适配系统,显示禁止图标2022-02-28 17:02:12

    1.打开app工程 ,点击TARGETS修改info 添加 Minimum system version : 10.10 — 对应值为自己适配的系统大小 2.点击PROJECT ,修改 Deployment Target版本 — 对应值为自己适配的系统大小

  • 学习笔记247—苹果M1芯片endnote下载和适配word问题等解决2022-02-23 21:31:07

    苹果M1芯片endnote适配word问题解决 1、Endnote 2020 for mac 破解版下载链接: 2、因为新的Macbook air 和Macbook pro使用的是苹果自身的M1芯片,endnote x9和20版本的软件并不兼容这样的芯片,虽然可以用rosetta打开,但是它的word插件被隐藏,不能word打开,表现为word运行不了endnote加载

  • 通过rem适配手机端2022-02-22 14:00:53

    1.安装"@alitajs/hd"插件 2.在配置文件里配置   plugins: ['@alitajs/hd'],hd: { px2rem: { rootValue: 100, selectorDoubleRemList: [/.ant-/], },}   3.参考用less写公共方法   .px2rem(@px) { @var: unit(@px * 2) / 100; @rem: ~'@{var}rem';}   4.某

  • 图像尺寸与Rect适配2022-02-22 13:34:13

    图片等比例填充rect typedef struct Pos{     int top;     int left;     int width;     int height; }MyPos; newWidth,newHeight是适配后的结果,border:预留边框大小默认可为0 void CShuZiShiBieDlg::AdjustImage2Rect(CRect& rect, CImage& image, MyPos& pos,

  • (重点)Flex布局和两种适配方式(rem及vw/vh)2022-02-22 11:58:36

    来到重点-flex布局 首先了解一下移动端的特点 pc端和移动端的不同 PC端 屏幕大,网页固定版心浏览器繁多,更多考虑兼容性问题。(布局: 浮动+定位+标准流) 移动端 手机屏幕小,网页宽度多数为100%,是适配手机屏幕宽度移动端则基本不需要考虑兼容性问题,可以放心大胆使用CSS新特性 物理

  • 按钮(图标+文字/进度)大小屏幕适配2022-02-18 12:34:17

    需求:在大屏幕下按钮上展示图标和文字,       在小于1680屏幕下展示图标,     在点击下载文件后,显示进度,在大屏下显示图标+进度 ,     在小屏幕下只展示进度    代码实现案例: <template> <div> <div class="buttonBox"> <a-button type="primary" @click="d

  • 第63篇-解释器与编译器适配(二)2022-02-16 09:01:29

    这一篇详细介绍相关适配器的代码片段。 1、解释执行切换到编译执行的例程 调用SharedRuntime::gen_i2c_adapter()函数生成解释执行切换到编译执行的例程,如下: 注意生成的汇编代码会以函数传入的实参的不同而不同,例如传入的实参是2时的汇编如下: 0x00007fffe110a1a0: mov (%rsp),

  • 第62篇-解释器与编译器适配(一)2022-02-11 09:02:30

    对栈上替换的nmethod而言,执行栈上替换就相当于安装,因为栈上替换的nmethod都是方法内部的调用,所以实现相对简单点。对非栈上替换的nmethod而言,其安装稍微复杂点,需要考虑从Java代码和本地代码中调用nmethod安装完成的方法的情形,HotSpot VM的实现是通过一个在字节码解释执行的栈帧和

  • Android 5.0 6.0 7.0 8.0 9.0 10.0 适配文件管理器应用安装2022-02-10 18:06:59

    安装应用一般需要添加的权限 <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.WRITE_EXTERN

  • go-admin的Ant Design Pro实践2022-02-09 14:05:48

    前段时间针对antd pro做了一下适配: 有兴趣的朋友可以进入预览:https://preview.go-admin.dev/ 账号:admin 密码:123456 近期计划: 近期go-admin即将发布go-admin-cli针对生成代码模块进行了重新定义;

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

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

ICode9版权所有