文心思匠

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

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

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 继续阅读

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 继续阅读

基于Angular快速搭建开发环境(二)-样式引入

移动全局样式src/styles.scss   移动到  src/assets/scss/styles.scss需要修改配置angular.json"styles": [  "src/styles.scss"]改为  src/assets/scss/styles.scss安装bootstrapnpm install bootstrap --save引入bootstrap 4.x      styles.scss 中根据安装目录添加下面代码:@import '~node_modules/bootstrap/scss/boots 继续阅读

基于Angular7.0快速搭建开发环境

开发环境的搭建非常简单,使用 Angular CLI 几乎可以完成所有工作,但需要使用自己定制的代码组织结构。默认您已安装 Node.js version 8.x or 10.x。快速安装npm install -g @angular/cli创建新项目ng new moom-learn01 --style=scss启动项目ng serve --open快速生成 core module && base component、serviceng g module coreng g c core/headerng g c core/footerng g c core/spinnerng 继续阅读

Angular下Chrome自动播放背景视频问题

给登录页面添加自动播放视频背景时,始终无效,Firefox,safari却播放的很好。突然记起 谷歌曾发布阻止网页声音自动播放,<audio autoplay></audio> <video autoplay></video> 怀疑是Chrome播放策略的问题,然而发现别人的网站都能播放,只有自己的有问题后开始各种配置nginx参数,终无效。开始使用使用原生html直接部署到nginx访问,but竟然能够播放了。定位Angular中video 的muted 引入方式:终于发现问题竟然是`muted="muted"` 需要用Angular属性的方式 继续阅读