立即注册 登录
爱IT论坛 返回首页

Hing的个人空间 https://www.2ita.com/?22662 [收藏] [复制] [RSS]

广播

  • Hing  2020-4-3 13:20

    js导出数据为EXCEL

    数据导出为excel是前端比较常用的功能。笔者近期在网上收集汇总了几种常用的方法,供大家使用。
    1、ActiveXObject(“Excel.Application”)
    这种方法只能在IE下使用。
    优点:参照VBA控制excel对象。(代码不会的可以录制宏)
    缺点:引用cell对象太慢,上万行数据导出时间超过2分钟
    2、以Table方式导出为html文件。
    3、以CSV方式导出。
    使用中发现如果数据较多,上述第2、3中方法会失效,因此又整理了第4种方法 toLargerCSV。
    第4种方法在IE10、chrome测试通过
    [pre]
     以Table格式导为xls文件
     导出
     导出CSV文件
     导出
     大量数据导出CSV
     导出
       
     //以Table格式导为xls文件
      function TableToExcel(){
       //要导出的json数据
       var jsonData = [
        {
         name:'001',
         id:'621699190001011231'
        },
        {
         name:'002',
         id:'52069919000101547X'
        },
        {
         name:'003',
         id:'423699190103015469'
        },
        {
         name:'004',
         id:'341655190105011749'
        }
       ]
      //导出前要将json转成table格式
       //列标题
       var str = 'nameid';
       //具体数值 遍历
      &#16 ...查看全文
  • Hing  2020-4-2 16:27

    js实现整体缩放页面自适应移动端

    大家在适配页面的Web端和移动端时候,如果不需要那么麻烦,就可以使用js进行整体缩放,只需要引入一个js,改动htmll头部代码即可
    切记:
    1.该 JS 应在 head 中尽可能早的引入,减少重绘。
    2.定宽(视窗缩放): 对应 meta 标签写法 –
    750 是效果图内容区域的宽度,一般为 640 或 750
    html头部代码:
    整体缩放

    js源码:
    /**
     * 该 JS 中,包含常用的 UA 判断、页面适配、search 参数转 键值对。
     * 该 JS 应在 head 中尽可能早的引入,减少重绘。
     *
     * fixScreen 方法根据两种情况适配,该方法自动执行。
     *  1. 定宽(视窗缩放): 对应 meta 标签写法 --
       
       750 是效果图内容区域的宽度,一般为 640 或 750
     *   该方法会提取 width 值,主动添加 scale 相关属性值。
     *   注意: 如果 meta 标签中指定了 initial-scale, 该方法将不做处理(即不执行)。
    ...查看全文
  • Hing  2020-3-30 15:43

    浅析Java、C/C++、JavaScript、PHP、Python分别用来开发什么?

    01、Java
    java常常跟”企业”联系在一起, 因为具备一些很好的语言特性, 以及丰富的框架, 在企业应用中最被青睐, 你总可以听到关于J2EE,JSP,Hibernate之类的东西的讨论. 同时, java在手机领域也有一席之地, 在普遍智能化之前, 很多手机就是以支持java应用作为卖点的, 而智能手机爆发之后, java手机主场变成了android,作为安卓的标准编程语言而存。
    总结:Java: 网页, 企业级开发, 普通应用软件,游戏后台。
    02、C和C++
    C/C++理论上说可以做任何开发, 只要有合适的硬件驱动和API,特点是效率高,基本上是编译语言里面效率最高的。除非你的系统中连C/C++编译器都不具备. 某些系统当中C++编译器是不具备的, 但是C一般都具备. 目前而言,C语言主要用来开发底层模块(比如驱动,解码器,算法实现), 服务应用(比如web服务器)和嵌入式应用(比如微波炉里的程序). C++也可以做这些, 不过由于C++的复杂性和标准问题, 人们还是更愿意使用C来做. C++更适合比较复杂但又特别需要高效率的设施,比如大型游戏,一些基础库, 大型桌面应用。
    总结:
    C: 系统底层, 驱动, 嵌入式开发.
    C++:游戏开发,大规模, 高性能, 分布式要求的程序开发。
    03、JavaScript
    javascript听起来跟java有关系, 其实并没有任何 ...查看全文
  • Hing  2020-3-29 22:27

    JS进度条动态加载特效

    • 2020325152419292.jpg
    JS实现进度条动态加载的具体代码
     
     进度条
     
     
     .container{
     width: 480px;
     margin: 50px;
     }
     .progressBar {
     display: inline-block;
     width: 81%;
     height: 22px;
     background-color: rgba(0,0,0,0.4);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     margin-right: 3%;
     }
     #progressFill {
     width: 0%;
     height: 22px;
     position: relative;
     background-color: #40A4C2;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     background-size: 3em 3em;
     background-image: linear-gradient(-45deg, transparent 0em, transparent 0.8em, #57D1F7 0.9em, #57D1F7 2.1em, transparent 2.1em, transparent 2.9em, #57D1F7 3.1em);
     -webkit-animation: warning-animation 750ms infinite linear;
     -mo ...查看全文
您可能遇到的问题? 联系我们 APP下载

小黑屋|联系我们|版块索引|网站地图|猜你喜欢|标签|友链交换
版权所有: 爱IT论坛 - 渝ICP备: (18008162号) 渝公网安备: (50023502000314号) - Powered by Discuz!
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表爱IT论坛的立场!
若本站内容无意中侵犯了您的知识产权,请来信,我们将尽快核实 并采用相应的方式给予处理。
本站会员须知: 本站发布信息和工具均来自互联网,仅提供学习参考,严禁非法使用!
Copyright© 2013-2020 2iTa.com All Right Reserved