网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
Typescript for...of循环
2019年11月24日
好久没有写Typescript了，有一些基本的语法都忘记了，今天记录一下for...of循环的写法。for...of 语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的 for...of 循环，以替代 for...in 和 forEach() ，并支持新的迭代协议。for...of 允许你遍历 Arrays（数组）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代的...
WebStorm fix TSLint: " should be ' (quotemark)
2019年11月14日
最近在使用WebStorm写Typescript代码的时候，出现了如下提示：WebStorm fix TSLint: " should be ' (quotemark)如果导入的模块默认使用的是双引号，但是TSLint会提示错误。如何在WebStorm中解决这个问题呢？Settings > Editor > Code Style > TypeScript > Punctuation > Use s...
Enable File Watcher to comile SCSS to css
2019年11月13日
最近在使用webstorm的时候，出现：Enable File Watcher to comile SCSS to css？出现这个只要提示你将SCSS转换成CSS。具体操作步骤：在命令行输入：npm install -g sass安装完成之后，在Settings -> Tools -> File Watchers 增加对scss的监视程序，截图如下：参考资料：1、Sass, Less, and ...
Web Notifications相关资料整理
2019年10月30日
Web Notifications API 使页面可以发出通知，通知将被显示在页面之外的系统层面上（通常使用操作系统的标准通知机制，但是在不同的平台和浏览器上的表现会有差异）。这个功能使 web 应用可以向用户发送信息，即使应用处于空闲状态。最明显的用例之一是一个网页版电子邮件应用程序，每当用户收到了一封新的电子邮件都需要通知用户，即使用户正在使用另一个应用程序。下面是一些文章以及具体代码实现：...
User_Agent字符
2019年09月25日
IE 11 User-Agent字符：Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.2)Chrome 76.0....
Typescript空和undefined判断
2019年08月05日
最近在使用Angular的时候，需要判断undefined和空。在Angular的默认语言是Typescript，同时Typescript是Javascript的超集。所以在Javascript中的写法，在Typescript中也可以这么写。具体代码如下： if (this.PaySuccessId == null || this.PaySuccessId == "") { }这...
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 () { ...