网站前端

SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,Web 1.0时代,网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。

各种各样的框架让人目不暇接,新技术层出不穷。让我们这些前端狗情何以堪。

目前web前端工程师的年薪待遇平均在10万以上,高级HTML前端工程师年薪达30—50万,很多企业对于与web前端相关的技术职位更是求贤若渴。

Angular 构造函数

2022年03月28日

作为基于类的面向对象编程的一部分,构造函数是指用于创建对象的一种特殊类型的方法。它被大量用于初始化类及其子类。类被定义为一个模板,用于指定对象中存在的变量的名称和类型。作为该类的默认方法,它会创建该类的一个新实例。需要注意的主要部分是它是类(TypeScript 或 JavaScript ES2015/ES6)的特性,而不是 Angular 的概念。下面提到的是它的不同类型。默认构造函数如果构造函...

JavaScript true 的一些情况

2022年02月25日

如果结果不为以下值则为 true:nullundefinedNaNempty string ("")0false上面的值代码了会出现 false 的情况,具体 ECMAScript 规范已经定义了会出现 Boolean 的情况 。此外,如果您不知道变量是否存在(这意味着,如果它已声明),您应该检查typeof 操作。例如:if( typeof foo !== 'undefined' ) { ...

响应式图片查询理解

2022年01月28日

下面是一个响应式的图片代码示例:<figure class=""> <picture> <source media="(max-resolution: 1.5dppx)" sizes="600px" srcset="https://storage.googleapis.com/gweb-uniblog-publish-prod/original_images/0._Blog_h...

视网膜显示媒体查询

2022年01月24日

用于包括高分辨率图形,但仅适用于可以使用它们的屏幕。“视网膜”是“2x”: @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { /* Retina-specific stuff here */}或其他高分辨率:/* 1.25 dpr */@media (-webkit-min-device-pixel...

Typescript 列表删除与字典操作

2022年01月13日

下面有一个这样的 Array:this.tags=[{id: 1, linkText: 'crawler', tag: '爬虫'},{id: 4, linkText: 'python', tag: 'Python'}]我们要实现如下效果:删除 tag 为“爬虫”的元素,也就是:{id: 1, linkText: 'crawler', tag: '爬虫'}首先我们要遍历每一个元素:let index...

Javascript ?? 实际使用中的一些总结

2022年01月11日

最近在编写 Angular 程序的时候遇到这样一个问题,系统抛出的错误与自己定义抛出的错误不一样,需要根据情况进行判断,自己前端捕捉到的错误代码如下:getAllBlogTags() { this.isLoading$.next(true); this.sub = this.blogService.getAllBlogTags().subscribe(res => { t...

收集整理 UA

2021年12月21日

115 Browser UA:Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36 115Browser/25.0.0.3 37abc Browser UA:Mozilla/5.0 (Windows NT 6.3; WOW64) App...

IE 浏览器兼容性相关

2021年12月20日

最近在做浏览器兼容性测试的时候,需要判断 IE 浏览器,具体示例代码如下:/** * detect IEEdge * returns version of IE/Edge or false, if browser is not a Microsoft browser */function detectIEEdge() { const ua = window.navigator.userAge...