首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS:rem来响应式开发

电脑版的商城昨晚做完了,今天赶着做手机端的,提到手机端的网站第一个想到的就是要 适应不同手机屏幕的宽度,保证在不同手机上都能正常显示给用户,我之前这类网站都是无脑引进bootstrap的。...但前一个项目做完之后我发现bootstrap虽好,但里面的各种样式我利用的很少,最多用到它排版,当网站最后上传的时候你会发现,即使压缩之后,它也会占用相当大的一部分,所以这次我想自己原生写,响应式开发...(你还可以设置更多节点) 媒体查询的话要保证每个像素下都有对应的适配效果显然你要设置更小的宽度范围; 3.还有就是css3的单位rem: rem就是将根节点html的font-size的值作为整个页面的基准尺寸...那就要用到js在页面加载时获取window的宽度(浏览器窗口的宽度)$(window).width();在开发手机页面的时候,一般我们设置最大宽度为640px,因为640px可以保证在至今最宽的手机上显示时网页两端刚好贴合屏幕...height:10.6rem; border:1px solid #000; box-sizing: border-box; } js

6.1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    从只用Excel报表,到Excel报表工具真香,他经历了什么?

    9102年了,很多人,乃至于很多企业报表都还在用Excel,埋头苦干一天整出下面这个玩意: 1.png 你的辛苦领导都看在眼里,但是这的实在是太差了,一点都不能反映数字之间的关系,于是领导回复了你一句...其实,经常和报表打交道的人都知道,Excel制作报表是一件非常麻烦的事情,不仅因为Excel报表步骤繁多,同时业务需求变化也会让报表改来改去,回工成本太大。...尤其是对于财务、IT来说,Excel报表的效率简直慢成狗,几万条数据就能让Excel卡死,在数据共享和流动性上Excel也极差无比,很容易造成部门之间的数据隔阂。...1、重复劳动 VS 模板复用 Excel报表最大的问题就是低效,重复率高;而且公司部门很多报表样式是一样的,但是因为采用excel各自统计和汇总数据,产生了大量的重复劳动。...我在用了FineReport之后,发出了这样的感慨:经营微软,决策帆软!

    1.1K20

    看了我的年度报表,老板大呼NB!

    那我们现在作为一家“表姐牌”的口罩厂的员工,老板叫我Excel做一个既酷炫又简洁的年度报表呢? (重点:是老板眼中的既酷炫又简洁) 我们该如何去做呢?...21)鼠标拖动圆点,将切片器调整到合适大小,如下图 ? 22)接下来请你按照下图指示,插入一个柱形图(一定要先点击透视表!!!才能看到“分析”选项) ? 23)选择“柱形图”,然后确定。...24)同样的方法,我们为产品类别对应的透视表建一个饼图:点击第一个透视表,点击“分析”-“数据透视图”,在图表类型弹框中选择“饼图”,然后确定。如下图 ?...34)同理,第二个透视表也这么 ? 35)最终效果图 ?

    1.1K30

    数据蒋堂 | 大清单报表应当怎么

    在数据查询时,有时会碰到数据量很大的清单报表。 在数据查询时,有时会碰到数据量很大的清单报表。用户输入的查询条件很宽泛,可能会从数据库中查出几百上千万行甚至过亿的记录。...如果等着把这些记录全部检索出来再生成报表呈现,那需要很长时间,用户体验恶劣;而且报表一般采用内存运算机制,大多数情况下也装不下这么多数据。...---- 那么,一般的报表工具或BI系统都是怎么实现这一机制的呢? 绝大多数产品都是使用数据库分页的方法来的。 具体来讲,就是利用数据库提供的返回指定行号范围内记录的语法。...这样,会有两个问题: 1. 翻页时效率较差 这种办法呈现出第一页来一般都会比较快,但如果向后翻页时,这个原始取数的SQL会被再次执行,并且将前面页涉及的记录跳过。...如果基于这些数据汇总统计,那会出现错误的结果。 ---- 还有一种不常用的方法。向数据库发出取数SQL生成游标,从中取出一页后呈现,但并不终止这个游标,要取下一页的时候再继续取数。

    75510

    OpenCV—Node.js教程系列:Tensorflow和Caffe“游戏”

    在本教程中,我们将学习如何在OpenCV的DNN模块中加载来自Tensorflow和Caffe的预先训练的模型,我们将利用Node.js和OpenCV深入研究两个对象识别的例子。...示例代码链接地址: https://github.com/justadudewhohacks/opencv4nodejs/blob/master/examples/dnnTensorflowInception.js...这就是我们调整图像大小的原因,确保它最大的尺寸是224,我们白色像素填充图像的剩余维度,比如宽度=高度(padToSquare)。...如果你想知道怎么,你可以看看样本代码。 让我们把汽车的图像输入网络,然后用分类名称 car 来过滤结果: 好了!现在做一些有难度的。让我们尝试…早餐桌上的物品?...结语 这就是使用OpenCV和Node.js来神经网络识别图像中物体的过程。

    1.7K100

    从只用Excel报表,到可视化报表工具真香,他经历了什么

    2020年了,很多人,乃至于很多企业报表都还在用Excel,埋头苦干一天整出下面这个玩意: 你的辛苦领导都看在眼里,但是这的实在是太差了,一点都不能反映数字与数字之间的关系,于是领导回复了你一句:...其实,经常和报表打交道的人都知道,Excel制作报表是一件非常麻烦的事情,不仅因为Excel报表步骤繁多,同时业务需求变化也会让报表改来改去,回工成本太大。...尤其是对于财务、人力、销售、市场来说,Excel报表的效率简直慢成狗,几万条数据就能让Excel卡死,在数据共享和流动性上Excel也极差无比,很容易造成部门之间的数据隔阂。...如果你会一点java,还可以自定义开发,毕竟属性是“java报表工具”。 主要用途还是企业级报表和可视化,接下来我就从说说FineReport的优点吧。 FineReport好在哪里?...我在用了FineReport之后,发出了这样的感慨:经营微软,决策帆软! 关注我,并转发该文章,私信回复“报表”,即可获得FineReport永久免费版。

    1.8K20

    如何通过INTOUCH组态软件EXCEL报表(含代码)

    报表功能是自控系统经常用的一个功能,用过报表功能,我们能用表格的方式,查询到历史数据,也能通过报表分析、统计,并根据报表调整工艺配方等等。...以往组态软件,对报表支持力度上都不是很友好,数据不能自定义的编写,或者格式不是特别美观,又或者不能直接打印报表等等诸多因素。我们萌发了,能否利用EXCEL强大的报表做出我们需要的表格呢。...本文安装EXCEL2013为例,具体步骤如下: 1:先安装日期控件,我们这里的是的samradapps_datepicker。...5:通过更改代码,我们可以做出月报表、年报表等功能。 总结 通过插入数据库的方式,利用强大的EXCEL功能,我们能做出功能完善并且强大的报表功能。...其他品牌的组态软件,如IFIX,WINCC等只要将数据插入到SQL数据库,我们都可以通过这种方式做出报表

    3.2K40

    我不知道还可以 JS 的 6 件事

    作者:Daniel 译者:前端小智 来源:js-craft JS 是一种灵活的语言,这种特性让我们经常觉得它是一门最简单的语言,也是最难掌握的语言。...我们已经知道,变量的作用域和作用域链(即一个按顺序检索的对象列表)来进行变量名解析,而 with 语句就是用于暂修改作用域链的,其语法为: with(object) 该语句可以有效地将object添加到作用域链的头部...const book = { author: '前端小智', title: '我不知道还可以 JS 的 6 件事' } with(book) { console.log(author...); // 前端小智 console.log(title); // 我不知道还可以 JS 的 6 件事 } 使用 with语句的 JavaScript 代码很难优化,因此它的运算速度比不使用...原文:http://www.js-craft.io/blog/6...

    1.1K10

    【教程】OpenCV—Node.js教程系列:Tensorflow和Caffe“游戏”

    在本教程中,我们将学习如何在OpenCV的DNN模块中加载来自Tensorflow和Caffe的预先训练的模型,我们将利用Node.js和OpenCV深入研究两个对象识别的例子。...示例代码链接地址: https://github.com/justadudewhohacks/opencv4nodejs/blob/master/examples/dnnTensorflowInception.js...这就是我们调整图像大小的原因,确保它最大的尺寸是224,我们白色像素填充图像的剩余维度,比如宽度=高度(padToSquare)。...如果你想知道怎么,你可以看看样本代码。 让我们把汽车的图像输入网络,然后用分类名称 car 来过滤结果: 好了!现在做一些有难度的。让我们尝试…早餐桌上的物品?...结语 这就是使用OpenCV和Node.js来神经网络识别图像中物体的过程。

    2.4K80

    Shape动画

    使用StrokeDashOffset等待提示动画 圆形的等待提示动画十分容易,只要让它旋转就可以了: ? 但是圆形以外的形状就不容易做了,例如三角形,总不能让它单纯地旋转吧: ?...StrokeDashArray进度提示的基本做法就是将进度Progress通过Converter转换为分成两段的StrokeDashArray,第一段为实线,表示当前进度,第二段为空白。...typeof(double), typeof(ProgressWrapper), new PropertyMetadata(0d)); } 因为这里没有可供Storyboard操作的double属性,所以这个类充当...这个限制决定了XAML不能对自定义附加属性动画。...其实这篇文章里并不会讨论填充动画,不过首先声明填充动画会更方便快捷,这一段只是深入学习过程中的产物,实用价值不高。

    2K30

    风控实战:Python实现vintage报表

    本篇继续分享风控的内容,关于如何用python实现vintage报表及可视化图的实战。...历史实战文章如下: 数据挖掘实战:聚类分群实现精准营销 数据挖掘实战:个人信贷违约预测 账龄分析(vintage)是风控中非常重要的报表之一,通过它可以将不同月份的资产数据拉齐对比贷后表现,也可以用于指导制定风控模型...那么账龄分析是如何的呢? vintage报表,一般需要客户的还款计划表数据,即客户历史的还款记录,包括放款金额、每期到期日期、每期还款日期、每期应该金额、每期实还金额、期数等等。...df_mob_rate,annot = True,fmt = '.1%',vmin = 0.0,vmax = 0.5, cmap="BuPu_r") plt.show() 第二种是比较常规的折线图,lineplot

    54111

    高效处理报表,掌握原生JS打印和导出报表为PDF的顺畅技巧!

    作为一名工作者,掌握高效的报表处理技巧对提高工作效率至关重要。其中,原生JS打印和导出报表为PDF技巧是一种非常实用、高效且普遍使用的方式。...使用原生JS技巧,可以轻松完成报表处理的任务,避免使用繁琐的第三方库和软件,从而节省时间和金钱。掌握原生JS打印和导出报表为PDF技巧并不需要很高的前端开发技能,只需一些JS基础和DOM操作基础。...本文将向您介绍如何使用原生JS技巧打印和导出报表为PDF,并帮助解决在处理报表时可能遇到的问题和困难。...1.Demo介绍篇 下图是一个简单的数据报表,并使用饼状图展示,右边两个按钮分别是打印报表(Print)和导出报表为Pdf(Export PDF)。分别点击这两个按钮实现报表打印和导出为Pdf。...第二步新建三个空白的文件(html文件、CSS文件和JS文件),名称可以任意取。 至此已经完成了创建工程文件,下面介绍JS的编写。 2.2编写JS文件 第一步添加表格中的数据信息。

    34330

    【职业】财务人员分析报表的11个方法

    财务报表分析的主要依据是财务报表的数据资料,但是以金额表示的各项会计资 料并不能说明除本身以外的更多的问题。...财务报表结构 分析中,应在两个场合适用相关比率法:同一张财务报表的不同类项目之间,如流动资产与流动负债;不同财务报表的有关项目之间,如销售收入与存货。...财务报表项目通常受多项构成因素的影响,对财务报表项目构成因素的分析,就是要确定这些因素对财务报表项目总结果的影响程度。...(6)框图分析法 框图分析法是将企业的实际完成情况和历史水平、计划数等框图形式直观地反映出来,来说明变化情况的一种方法。...因此,必须把上述的水平分析与垂直分析结合起来,才能充分发挥财务分析的积极作

    94290

    在大型软件中用Word报表: 书签的应用

    本文转载:http://www.cnblogs.com/huyong/archive/2011/08/24/2151599.html 报表基本上在每一个项目中占有很大的比例,报表也是我们开发人员必须过的坎...,现在市面上各种类型的报表,我们到底应该如何选择呢?...每一种报表都有他自己优秀的一面,我在项目开发中,一般Grid++Report报表,对于复杂的,量大的也Excel和Word来,大家也可以分享一下你们在项目中用到的报表软件!...现在有这样一个需求,比如有一个几十页的合同(合同内容每年会有所不同),合同中要填的数据(如:甲方、乙方什么的)从数据库中得到,各个页都有可能填写相关数据,最后生成合同打印出来,对于这样的需求,我想要用水晶报表等来相当麻烦...本文给大家提供一种思路,就是Word来这种类型的报表, 具体来说,就是“书签”定位到Word中要填数据的地方,然后把数据填上去,再把word导出来,灵活应用,以不变应万变。 下面来看具体操作。

    67410
    领券