网站前端

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

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

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

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

下面有一个这样的 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...

SCRIPT1002: 语法错误

2021年12月20日

最近在做 IE 11 测试的时候，出现了如下错误：SCRIPT1002: 语法错误具体错误截图如下：原因：错误代码如下：success: (res) => { if (!res.success) { // 后端验证失败，进入挑战 window.location.href = "/verify"; }}=> 箭头函数是 ECMAScript 6 的语法，其不支...