网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
javascript resize img
2019年06月30日
function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function () { ...
css 各种鼠标的样子
2019年06月24日
css各种鼠标的样子，可以这里查看：https://www.w3schools.com/cssref/tryit.asp?filename=trycss_cursor
Window.localStorage相关问题总结
2019年06月22日
最近在开发Angular的时候，需要客户端保存数据，但是在客户端保存数据在前后端分离之后，已经不建议使用cookie，最后考虑了一下使用Window.localStorage。在使用过程中也遇到一些问题，需要与大家分享：1、保存数据类型为字符串：localStorage 中的键值对总是以字符串的形式存储，也就是在保存的时候需要转换成字符串类型的数据保存。let form_data: any = t...
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...