学了Vue3 半个月了，采明白组合式的真正意思。组合式函数与其它函数的差异是，组合式函数中，是可以封装及复用状态的。 什么是“组合式函数”？ 在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数。 当构建前端应用时，我们常常需要复用公共任务的逻辑。例如为了在不同地方格式化时间，我们可能会抽取一个可复用的日期格式化函数。这个函数封装了无状态的逻辑：它在接收一些输入后立刻返回所期望的输出。复用无状态逻辑的库有很多，比如你可能已经用过的 l…
参考链接：https://bobbyhadz.com/blog/javascript-export-class module.exports和exports是属于commonJs规范，export和export default是ES6模块规范。 exports 等于 module.exports，相当于在js文件头部，有一个module对象，module.exports = exports；exports是一个对象，所以可以exports多个值 export export default export defaul…
初步的思路是，根据品牌色，自动计算合适的颜色数组，用于Chart等元素，可行性待验证。 参考链接： 1.https://github.com/zihesenior/ColorHelper 2.https://github.com/abel533/color_rgb_hsl
思路： 由Spring Cloud Gateway 提供统一的HTTP API服务； 登录域的前端界面，通过Spring API完成登录，且由Spring API 设置set-cookies; 其它域的前端界面，访问Spring API JSONP 获取cookies中的token; 若授权失败，统一调至登录域完成登录； 基于nodejs+jquery的技术验证代码如下： - jsonp-sso-demo
JavaScript: function convert(orgin) { var result = arguments[1] ? arguments[1] : []; var level = arguments[2] ? arguments[2] : 0; var parentid = arguments[3] ? arguments[3] : 0; var isLeaf = function (id){ for(var x in orgin){ if(orgin[x]["parentid"]==id){ ret…
自己做treegrid的时候遇到了这个问题，所以就自己遍历一下了噻。 function convert(orgin) { var result = arguments[1] ? arguments[1] : []; var level = arguments[2] ? arguments[2] : 0; var parentid = arguments[3] ? arguments[3] : 0; for(var x in orgin) { if(orgin[x]["parentid"]==parentid&…
由于需要实现跨域iframe通信，要保证域一致。但是由于api网址可能有差异，所以仅取最小域。 一、子域举例 1.1 通过IP访问 域自动设置为IP，不带端口号。 例如： http://192.168.1.3=>192.168.1.3 https://192.168.1.3:8098=>192.168.1.3 http://192.168.1.3:8087=>192.168.1.3 1.2 通过域名访问 域自动设置为Request URL的二级域名 例如： http://www.baidu.com…
一、获取浏览器可见区域高度 var h = document.documentElement.clientHeight 二、获取DIV高度宽度 var w = parseInt(document.getElementById("html5_3d_animation").style.width); var h = parseInt(document.getElementById("html5_3d_animation").style.height);
app.title = '柱状图框选'; var xAxisData = []; var data1 = []; var data2 = []; var data3 = []; var data4 = []; var data5 = []; var data6 = []; var data7 = []; var data8 = []; xAxisData.push('操作时间'); xAxisData.push('开机时间'); xAxisData.push('制造时间'); xAxisData.pu…