网站前端

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

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

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

Gulp用法

2020年10月13日

gulp 将开发流程中让人痛苦或耗时的任务自动化,从而减少你所浪费的时间、创造更大价值。具体安装步骤可以参考下面链接。下面是一个Gulp配置文件:// instanciando módulos var gulp = require('gulp'); var uglify = require('gulp-uglify'); var sourcemaps = require('gulp-sour...

ERROR TypeError: t is not iterable

2020年09月14日

最近在迭代一个错误消息的时候出现如下错误:ERROR TypeError: t is not iterable具体迭代内容如下:error: {error: SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse (<anonymous>) at XMLHtt…, text: "<!doctype html> ↵<h...

CLS 问题:超过 0.25(桌面设备)

2020年09月07日

最近在发布Angular程序之后,运行一段时间,google search console提示:CLS 问题:超过 0.25(桌面设备)具体截图如下所示:出现这个问题的原因:您是否曾经在页面上突然发生变化时在线阅读文章?在没有警告的情况下,文字移动了,并且您失去了位置。甚至更糟:您将要点击一个链接或一个按钮,但是在手指落下的瞬间(BOOM),链接移动了,您最终单击了其他东西!也就是说,在页面加载的...

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