网站前端

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...