网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
this.router.navigate 无法获取参数相关问题
2019年05月05日
最近在使用Angular 4，点击跳转的写法如下：this.router.navigate( this.router.createUrlTree(['account/verifyemail'], {queryParams: userId, skipLocationChange: true, preserveQueryParams: true }));定义了一个查询参数UserId，s...
object access via string literals
2019年05月05日
最近在使用typescript写代码的时候，出现了如下错误：object access via string literals无法通过字符串访问对象。解决方案：改写代码： const key = 'UserId'; this.UserId = params[key];参考资料：1、How to rewrite code to avoid TSLint “object access via st...
ERROR in The Angular Compiler requires TypeScript >=3.1.1 and <3.3.0 but 3.4.4 was found instead.
2019年04月23日
最近升级Typescript到3.4.4出现了如下错误：ERROR in The Angular Compiler requires TypeScript >=3.1.1 and <3.3.0 but 3.4.4 was found instead.出现问题的原因：Angular Compiler需要Typescript 在3.1.1至3.3.0之间，但是当前安装了3.4.4版本。解决方案：将Ty...
[TypeScript] Unresolved basetypes
2019年04月23日
最近在使用编写Typescript程序的时候，有一些数据类型经常出现错误，截图如下：出现这个问题的原因：主要是Webstorm设置问题，没有安装Tslint，或则安装tslint有问题。TSLint 是一个非常好用的开源 TypeScript 代码风格检查器，它能够在可读性、可维护性、代码正确性等方面为开发者提供帮助。TSLint 被广泛用于各种前端构建工具和编辑器中。在编写代码时，编译器会根据 ...
angular mat-toolbar 滚动增加阴影
2019年04月21日
最近一段时间在学习Angular，在写一些小应用的时候遇到了很多问题，今天讲一讲mat-toolbar滚动增加阴影的方法。首先看下面动图效果：也就是滚动到一定的位置出现了一个阴影，在顶部阴影消失。具体代码如下：home.component.html<mat-toolbar color="primary" class="mat-elevation-z0" [ngClass]="{'toolbar-s...
openssl config failed system library:fopen:no such process
2019年04月20日
最近在使用NPM的时候，报如下错误：openssl config failed: error:02001003:system library:fopen:no such process参考了github和stackoverflow，都没有解决问题。今天在重新配置nodejs的收，看到了如下的配置：openssl_conf的路径根本不存在，看样子问题就出在这里。应该是在配置什么的时候，配置了这个参数...
input ico focus背景改变
2019年04月10日
最近需要在input 输入的时候，改变ICO的颜色，本来使用focus去实现的，但是怎么都无法实现。具体实现效果如下：实现代码如下： .home-page-header-autocomplete-container:focus-within .m-input-icon__icon.m-input-icon__icon--right i{ color:rgba(0,0,0,0.54); ...
使用CSS修改HTML5 input placeholder颜色
2019年04月10日
最近需要定义输入框placeholder字体的颜色，参考了一些文章，具体写法如下：有三种实现方式：伪元素（pseudo-elements）、伪类（ pseudo-classes）和Notihing。WebKit和Blink（Safari,Google Chrome, Opera15+）使用伪元素::-webkit-input-placeholderMozilla Firefox 4-18使用伪类:...