网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
scss用法总结
2020年07月20日
最近在Angular中使用到了scss，总体看起来scss比较简单，但是有可能长时间不使用，有一些用法可能忘记，所以在此做个标记：首先是两篇参考文章：1、SCSS 教程2、Scss (Sass) 语法简介这里主要用到了三个语法：1、混合：@mixin flex-direction($column) { -webkit-flex-direction: $column; -moz-flex-dir...
javascript && and || 运算
2020年06月13日
JavaScript定义了这两个运算符&&，||分别表示逻辑AND和OR运算符。仅使用两个布尔值true和false，我们可以生成以下真值表：// Logical AND operation true && true; // true true && false; // false false && true; // false false && false; // false ...
更改input placeholder颜色
2020年05月21日
最近需要更改一个input的placeholder的颜色，具体实现如下：<input type="text" placeholder="A red placeholder text..">具体CSS内容如下：::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: red; opacity: 1; /* Fire...
json理解
2020年05月14日
最近在Angular里面需要使用到json返回数据，自己写了一个json文件，以前直接使用，没有发现问题。但是今天自己写，有很多问题，经过研究终于搞清楚了。首先参考json官方网站：介绍 JSON可以看到Json的一些数据类型（对象，数组，值、字符串、数值）。下面是一个json文件的具体内容：{ "phone_number_list":[ { ...
WebStorm Angular default .gitignore file
2020年04月30日
# See http://help.github.com/ignore-files/ for more about ignoring files.# compiled output/dist/tmp/out-tsc# Only exists if Bazel was run/bazel-out# dependencies/node_modules# profiling fileschrome-pr...
检查是否是移动手机号码
2020年04月21日
通过Javascript检查是不是移动手机号码，具体代码如下：// 校验是否是移动手机号码 function chkLocalNumber(value) { var mobile13 = /^13[4-9]\d{8}$/; var mobile15 = /^15[012789]\d{8}$/; var mobile14 = /^14[7]\d{8}$/; var mobile17...
Javascript复制功能
2020年04月16日
最近需要使用到Javascript的复制功能。查询资料，总结如下内容：有三种主要的浏览器API可复制到剪贴板：1、Async Clipboard API [navigator.clipboard.writeText]访问是异步的，并且使用JavaScript Promises，可以编写，因此安全用户提示（如果显示）不会中断页面中的JavaScript。文本可以直接从变量复制到剪贴板。仅在通过H...
浏览器指纹
2020年01月16日
获取浏览器的一些信息：function get_client_info() { // 如果存在问题，生成追踪id，方便后面检查问题。 // 完整的浏览器名称 get_client_appName = navigator.appName; // 表示当前浏览器是否启用了cookie get_client_cookieEnable = navigato...