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

JS:用rem来响应开发

电脑版的商城昨晚做完了,今天赶着做手机端的,提到手机端的网站第一个想到的就是要 适应不同手机屏幕的宽度,保证在不同手机上都能正常显示给用户,我之前这类网站都是无脑引进bootstrap的。...但前一个项目做完之后我发现bootstrap虽好,但里面的各种样式我利用的很少,最多用到它排版,当网站最后上传的时候你会发现,即使压缩之后,它也会占用相当大的一部分,所以这次我想自己用原生写,响应开发...2.媒体查询: 这个是css3中给出的,我们要解决的问题是适应手机屏幕,这个媒体查询正是为解决这个问题而生,媒体查询的功能就是为不同的媒体设置不同的css样 ,这里的“媒体”包括页面尺寸,设备屏幕尺寸等...那就要用到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报表步骤繁多,同时业务需求变化也会让报表改来改去,回工成本太大。...2.png 目前来说,国外比较优秀的报表工具是birt报表、SAP等,但是基本无法应对中国复杂报表,不建议使用;国内以FineReport为代表,其市场占有率也是经过IDC认证的第一,是类Excel...1、重复劳动 VS 模板复用 Excel报表最大的问题就是低效,重复率高;而且公司部门很多报表样式是一样的,但是因为采用excel各自统计和汇总数据,产生了大量的重复劳动。...Excel高手;而对于业务人员来说,FineReport只需要拖拉操作, 就可以轻松做出惊艳领导的可视化报表

    1.1K20

    ActiveReports 报表应用教程 (11)---交互报表之文档目录

    通过文档目录,用户可以非常清晰的查看报表数据结构,并能方便地跳转到指定的章节,最终还可以将报表导出为PDF等格式的文件。...本文以2012年各月产品销售分类汇总报表为例,演示如何在葡萄城ActiveReports报表控件实现文档目录。...1、创建报表文件 在应用程序中创建一个名为 rptMonthlySalesByCategory.cs 的 ActiveReports 报表文件,ActiveReports 区域报表(基于代码)。...2、创建报表数据源 点击该图标以创建报表数据源,我们使用的数据源是源代码工程中 Data 目录下的 NWind_CHS.mdb,在打开的报表数据源对话框中,选择”提供程序”选项卡,点击建立连接按钮以打开...3.1、在报表设计界面中点击鼠标右键,并选择插入->组头/组尾,此报表中需要插入三级分组,然后设置以下属性: groupHeader1 DataField=订购月 GroupKeepTogether=

    88190

    ActiveReports 报表应用教程 (9)---交互报表之动态排序

    在葡萄城ActiveReports报表中除了提供对数据源进行排序的功能之外,还提供了最终用户排序功能,最终用户可以对报表进行区域内排序和整个数据源排序,结合数据钻取、过滤等功能可以让用户更方便地分析报表数据...1、创建报表文件 在应用程序中创建一个名为 rptProductListForSort.rdlx 的 ActiveReports 报表文件,使用的项目模板为 ActiveReports 页面报表,创建完成之后从...VS 的报表菜单项中选择转换为连续页面布局(CPL)报表,将固定页面报表转换为连续页面报表。...5、为列头单元格添加动态排序功能 选择列头单元格,在属性对话框中的命令区域点击属性对话框,以打开文本框属性设置对话框,并在交互排序页面中分别设置以下属性: 产品名称列: 为文本框添加交互排序功能:True...[产品名称] 数据区域或分组排序:选择数据区域或者分组,Table1_Group1 在此范围内的评估排序表达式:当前范围 单位数量列: 为文本框添加交互排序功能

    925100

    ActiveReports 报表应用教程 (8)---交互报表之动态过滤

    用户可以使用葡萄城ActiveReports报表参数 (Parameters)集合把数据提供给报表中的文本框或图表,也可以选择数据的一个子集显示到报表的特定区域,或者是把数据从主报表象子报表传递。...用户可以通过三种方式获取数据的值:提示用户输入;从主报表取值并传递给子报表;从Windows form或者Web form上取值。...1、创建报表文件 在应用程序中创建一个名为 rptOrderDetails.rdlx 的 ActiveReports 报表文件,使用的项目模板为 ActiveReports 页面报表,创建完成之后从 VS...的报表菜单项中选择转换为连续页面布局(CPL)报表,将固定页面报表转换为连续页面报表。...7、自定义报表参数面板 ActiveReports 报表处理支持内置的报表参数面板,您还可以提供独立于报表Viewer控件的自定义报表参数面板,类似的实现效果如下: ?

    1.1K80

    ActiveReports 报表应用教程 (12)---交互报表之贯穿钻取

    本文展示的是2012年度每天销售数据合计,通过销售日历报表可以贯穿钻取到当天的销售明细报表。 ?...1、创建报表文件 在应用程序中创建一个名为 rptVacations.rdlx 的 ActiveReports 报表文件,使用的项目模板为 ActiveReports 页面报表,创建完成之后从 VS 的报表菜单项中选择转换为连续页面布局...(CPL)报表,将固定页面报表转换为连续页面报表。...页面报表,创建完成之后从 VS 的报表菜单项中选择转换为连续页面布局(CPL)报表,将固定页面报表转换为连续页面报表。...并为报表创建以下参数: 名称: Date 数据类型: DateTime 提示用户输入值显示的文本; 其实日期: 隐藏: True 6、在子报表中打开报表资源管理器,并按照以下信息创建报表数据源 名称:

    1.2K60

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

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

    75510

    sql server 2012 报表开发(2) reporting service 中制作分组折叠报表

    前面我们学习了sql server 2012 如何使用Reporting Service 2012制作报表 ,对Reporting Service制作报表,有了初步的了解,这里我主要记录一下,如何做一个分组折叠报表...创建一个报表tb_Bills.rdl,添加一个数据集 2. 在当前报表中,添加一个列表 3. 在当前列表中,添加一个父组。 选择需要分组字段的分组依据,添加组头,点击确定。 4....点击组属性 在报表最初运行时,选择隐藏。在可以通过此报表项切换显示,选择我们前面分组的字段。点击确定。 6. 运行查看效果。在UserID这一列当中,有一些+的展开符号。...这个就是列表的分组折叠方法....京微科技,专注于微软sharepoint,Office 365平台,微信开发,报表开发,为客户提供专业的协同办公解决方案,包括信息门户,工作流,OA,文档管理,知识管理,数据库报表开发,软件产品资询,项目开发及实施服务

    1.8K20

    重磅:RPA颠覆变革来袭,“拖拉拽”即将退出历史舞台?!

    在RPA的流程设计界面,以拖拉拽方式来构建业务流程,是比较常见的RPA流程设计方式。...相对于以往需要编程的代码方式,拖拉的流程搭建方式更进了一步,但依然存在不小的使用门槛,主要表现在:业务人员需要在RPA产品界面搭建业务流程,而RPA作为软件产品是IT视角,业务人员需要从其原来的业务视角转换为...降低使用门槛,是一项新技术实现普惠化的关键前提 实在智能基于屏幕理解颠覆以往拖拉拽的流程构建方式,核心目的就是为了降低业务人员的学习和使用门槛。...苹果——变革了手机 此外,在消费电子的发展历史中,各种“傻瓜”电子设备也大大推动了行业的发展。以相机为例,单反等专业相机只局限于少数专业人士,但是各类“傻瓜”相机的出现,大大提升了相机的普及率。

    38720

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

    2020年了,很多人,乃至于很多企业报表都还在用Excel,埋头苦干一天整出下面这个玩意: 你的辛苦领导都看在眼里,但是这的实在是太差了,一点都不能反映数字与数字之间的关系,于是领导回复了你一句:...其实,经常和报表打交道的人都知道,用Excel制作报表是一件非常麻烦的事情,不仅因为用Excel报表步骤繁多,同时业务需求变化也会让报表改来改去,回工成本太大。...目前来说,国外比较优秀的报表工具是birt报表、SAP等,但是基本无法应对中国复杂报表,随着时间的增加,也逐渐暴露出了很大的缺点:比如对开发人员的技术要求高、项目整体工作量更大、文档技术支持缺乏等,不建议使用...如果你会一点java,还可以自定义开发,毕竟属性是“java报表工具”。 主要用途还是企业级报表和可视化,接下来我就从说说FineReport的优点吧。 FineReport好在哪里?...;而对于业务人员来说,FineReport只需要拖拉操作, 就可以轻松做出惊艳领导的可视化报表

    1.8K20

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

    报表功能是自控系统经常用的一个功能,用过报表功能,我们能用表格的方式,查询到历史数据,也能通过报表分析、统计,并根据报表调整工艺配方等等。...以往组态软件,对报表支持力度上都不是很友好,数据不能自定义的编写,或者格式不是特别美观,又或者不能直接打印报表等等诸多因素。我们萌发了,能否利用EXCEL强大的报表做出我们需要的表格呢。...经过摸索,我们顺利做出了EXCEL报表。 01 如何将intouch数据插入到SQL数据库 1:首先先在SQL数据库建立一张表,这里我们使用SQL2008版本,其他版本操作雷同。...5:通过更改代码,我们可以做出月报表、年报表等功能。 总结 通过插入数据库的方式,利用强大的EXCEL功能,我们能做出功能完善并且强大的报表功能。...其他品牌的组态软件,如IFIX,WINCC等只要将数据插入到SQL数据库,我们都可以通过这种方式做出报表

    3.1K40

    高效处理报表,掌握原生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文件 第一步添加表格中的数据信息。

    34230

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

    财务报表分析的主要依据是财务报表的数据资料,但是以金额表示的各项会计资 料并不能说明除本身以外的更多的问题。...财务报表结构 分析中,应在两个场合适用相关比率法:同一张财务报表的不同类项目之间,如流动资产与流动负债;不同财务报表的有关项目之间,如销售收入与存货。...综合性财务或经济指标通常涉及不同报表中的两个项目或更多的项目,对这类指标进行分析就是要判断各财务报表项目对所计算的指标结果的影响。 ②对财务报表项目的构成因素的分析。...财务报表项目通常受多项构成因素的影响,对财务报表项目构成因素的分析,就是要确定这些因素对财务报表项目总结果的影响程度。...(8)趋势分析法 财务报表的趋势分析法,是根据企业连续几年的财务报表,比较有关项目的数额,以求出其金额和百分比增减变化的方向和幅度,并通过进一步分析,预测企业的财务 状况和经营成果的变动趋势,这是财务报表分析的一种比较重要的分析方法

    94190

    整站系统布局应该怎么

    我们知道工欲善其事必先利其器,做好SEO并不是走一步看一步的,我们应该有一个规划,并提前做好整站系统布局,让SEO做得有理有据,当出现问题时,我们也可以知道我们下一步应该如何进行,做到游刃有余。...201912191576744206913380.jpg 那么,整站系统布局应该怎么?...通过以下内容我们简述一下整站系统布局怎么,我们按照比较常见的企业站来进一步说明: 一.关键词挖掘 1.确认主关键词 首先我们要确认我们所优化的网站的关键词总量,一般来说企业站的关键词并不会太多...小结:整站系统布局,关键词的挖掘和分类十分重要,可以决定着未来网站的发展,所以利用长时间挖掘、规划关键词并不吃亏。...总结:整站系统布局应该怎么的问题我们就讨论到这里,以上内容,仅供参考。 蝙蝠侠IT https://www.batmanit.com/h/1051.htm l转载需授权!

    80620

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

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

    67410

    使用flv.js直播

    为什么要在这个时候探索flv.js直播呢?原因在于各大浏览器厂商已经默认禁用Flash,之前常见的Flash直播方案需要用户同意使用Flash后才可以正常使用直播功能,这样的用户体验很致命。...可以看出在浏览器里直播,使用HTTP-FLV协议是不错的,性能优于RTMP+Flash,延迟可以做到和RTMP+Flash一样甚至更好。...FLV容器格式相比于MP4格更加简单,解析起来更快更方便。 flv.js兼容方案 由于目前flv.js兼容性还不是很好,要用在产品中必要要兼顾到不支持flv.js的浏览器。...缩短这个收集时间(也就是减少GOP长度)可以优化延迟,但这样的坏处是导致视频压缩率不高,传输效率低。 关闭音视频服务器的I桢缓存可以优化延迟,坏处是用户看到直播首屏的时间变大。...浏览器端开启flv.js的Worker,多进程运行flv.js提升解析速度可以优化延迟,这样的flv.js配置代码是:{ enableWorker: true, enableStashBuffer

    13.2K105
    领券