大屏
牟云飞
不会造积木,只会拼积木的程序员
展开
-
Echarts树形结构,数组优化,处理卡顿(笔记更新)
1、量大不使用pushpush一个json对象,对象子节点是一个有1000条数据的数组,无法加载,页面卡住了将treeData.push(JSON.parse(result));改为treeData[0] = JSON.parse(result);加载成功2、自适应数量级,div 高度和宽度有边界优化树形拓扑结构,目前可以显示1w个设备,1w个就已经看不清了,这个受浏览器限制,经测试只能控制在屏幕宽度的30倍 //主要就是这里 v...原创 2022-03-22 15:08:29 · 1976 阅读 · 0 评论 -
系统自适应,Ctrl+滚轮缩放界面等比例放大(页面不乱)
Ctrl+滚轮缩放界面等比例放大,并且保持页面不乱,实现比较简单获取当前浏览器比例,然后将body的高度、宽度拉伸一下就OKfunction ChangeRatio() { var ratio = 0; var screen = window.screen; var ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undefined) { rati.原创 2021-01-20 17:37:47 · 3330 阅读 · 1 评论 -
系统界面16:9 4:3自适应
body指定最小高度和宽度,设计时页面数据不要太满<body style="min-width:1366px;min-height:689px">通过scale进行按比例缩小,这种设计是按照最大设计,该示例是1920*1080 <script> //监听浏览器变化 window.onresize = function() { setAppScale(); }; function setAppScale() {原创 2020-08-25 17:03:29 · 655 阅读 · 0 评论 -
JS禁止debugger调试
循环debugger,禁止调试/** * 安全文件禁止debugger调试 */eval(function (p, a, c, k, e, r) { e = function (c) { return c.toString(a) }; if (!''.replace(/^/, String)) { while (c--) r[e(c)] = k[c] || e(c); k = [function (e) { return r[e] }]; e = function () { return '\\转载 2020-08-25 16:58:27 · 3057 阅读 · 0 评论 -
3D高德地图旋转动画
var mapAnimateControl = false;//场景动画,是否执行 function refer(){ window.requestAnimationFrame(function(){//整个场景动起来 if(mapAnimateControl==true){ map.setRotation((...原创 2020-03-31 14:25:58 · 2316 阅读 · 0 评论 -
自动调整浏览器百分比
浏览器设置非100%时,能够自动调整浏览器百分比,显示页面按照100%显示,比如浏览器125%,用户也不知道的情况下,显示时页面会被放大,这时可以通过$("body").css({ transform: "scale("+ratioX+","+ratioY+")", transformOrigin: "left top", ...原创 2019-12-02 08:27:20 · 1533 阅读 · 1 评论 -
大屏页面能够在大屏和电脑自适应
5760*2160是大屏比例,原型设计按照这个开发,如果通过zoom方式修改,只能针对大屏适应,下面的代码能够让大屏页面即在大屏适应展示,也能够在电脑适应展示//监听浏览器变化window.onresize = function() { setAppScale();};function setAppScale() { var ratioY = $(window).height(...原创 2019-08-08 17:56:07 · 5317 阅读 · 4 评论