文心思匠

吸收那些用得着的东西,拒绝那些用不着的东西,增加那些自己所特有的东西

桃之夭夭,灼灼其华。之子于归,宜其室家。桃之夭夭,有蕡其实。之子于归,宜其家室。

AngularJS单页面应用中Keycloak的配置

安装 keycloak.jsapp.module.js中创建Keycloak 对象window.keycloak = new Keycloak({    url: 'http://keycloak-server/auth',    realm: 'myrealm',    clientId: 'myapp'});app.module.js中初始化keycloak 添加回调,取消angular自动启动 使用angular.bootstrap(document, ["myApp"]);window.keycloak    继续阅读

Angular8.0 果然很清爽,差异化加载,体验直接飞起

JavaScript 差异化加载轻装上阵,首次加载压缩了客户端的差异化加载,极大提高现代浏览器的加载速度和 TTI打包时间大幅度缩短,不是卡住在92%很久不动的情况更快的热更新 main文件从之前的几百KB缩小到90KB左右,首次加载总大小体积也是让人非常惊喜。6到飞起了! 新特性总体变化不是太大默认启用差异化加载动态导入进行路由配置新的渲染引擎 Ivy对 Web Worker 的支持  继续阅读

ES6中for in和for of的用法

ES6中添加了一个Iterable类型 解决for-in遍历索引(属性名)的问题解决了map、set无法用下标遍历的问题for-in在数组中的使用: 遍历属性名var arr = [1,2,3];arr.name = 4;for(let i in arr){    console.log(i); // 0, 1, 2, name}输出name,是因为for-in本身遍历的是属性名,而数组本身是一个对象,属性名即下标,所以遍历的就是下标,也自然输出了一个属性名namefor-of在数组中的使用: 遍历属性值 var arr = [1,2,3];arr.na 继续阅读

修改chrome表单自动填充input时文本框背景和文字颜色

浏览器自动填充用户名密码后,文本框背景色为默认黄色 设置想要的文本框背景和字体颜色input:-webkit-autofill,input:-webkit-autofill:focus {  -webkit-box-shadow: 0 0 0 1000px #08356d inset;  -webkit-text-fill-color: #fff;} 继续阅读

Angular中ngValue和value的区别

最近在用angula中的option时传递一个对象遇到问题,使用[value]绑定对象输出'[Object object]' 获取值失败。解决办法将[value]改为[ngValue]原因:value 用来绑定字符串,ngValue用于对象绑定 PropertyDescriptionid: stringID of the option element@Input()ngValue: anyWrite-only.Tracks the value bound to the option element. Unlike the value binding, ngValue supports 继续阅读

js对数组元素进行组合

javascript中对数组元素的进行组合获取一个数组,其中元素的所有组合思路: 对数组实现一个伪递归,从下标0元素向后循环,直到下标加一等于数组长度时 停止   /**   *   * @param _i 开始下标: 0   * @param arr 需要排列数组   * @param groupArr 缓存对象: []   */groupSplit(_i, arr, groupArr): any {    // 组合    继续阅读