网站前端

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使用伪类:...