基础学习:
前端最基础的就是 HTML , CSS 和 JavaScript 。
网页设计:HTML和CSS基础知识的学习
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
动态交互:JavaScript基础的学习
JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
=============================================================================
/^ed2k://|file|.+|/$/
===========================================================================
/^magnet:?xt=urn:btih:[0-9a-fA-F]{40,}.*$/
=====================================================================
/^(?:\d{1,2}|1\d\d|2[0-4]\d|25[0-5])(?:.(?:\d{1,2}|1\d\d|2[0-4]\d|25[0-5])){3}$/
=============================================================================
/^/(\w+/?)+$/
============================================================================
/^/(\w+/)+\w+.\w+$/
===============================================================================
/1:\(?:\w+\?)*$/
==============================================================================
/2:\(?:\w+\)*\w+.\w+$/
=====================================================================
/^(s[hz]|S[HZ])(000[\d]{3}|002[\d]{3}|300[\d]{3}|600[\d]{3}|60[\d]{4})$/
17、大于等于0, 小于等于150, 支持小数位出现5, 如145.5, 用于判断考卷分数
===========================================================================================================
/^150KaTeX parse error: Undefined control sequence: \d at position 6: |^(?:\̲d̲|[1-9]\d|1[0-4]…/
=======================================================================
/^ $/
===========================================================================
/3{32}$/
==============================================================================
/^\d+(?:.\d+){2}$/
==================================================================================
/^https?😕/.*?(?:swf|avi|flv|mpg|rm|mov|wav|asf|3gp|mkv|rmvb|mp4)$/i
==================================================================================
/^https?😕/.*?(?:gif|png|jpg|jpeg|webp|svg|psd|bmp|tif)$/i
==================================================================================
/^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/
==================================================================================
/^(?:1[0-2]|0?[1-9]):[0-5]\d:[0-5]\d$/
=========================================================================
/^\s*data:(?:[a-z]+/[a-z0-9-+.]+(?:;[a-z-]+=[a-z0-9-]+)?)?(?:;base64)?,([a-z0-9!KaTeX parse error: Expected 'EOF', got '&' at position 1: &̲',()*+;=\-._~:@…/i
=====================================================================================
/(?:4?[1-9]\d{0,2}(?:KaTeX parse error: Undefined control sequence: \d at position 6: |(?:,\̲d̲{3})*(?:|(.\d{1,2}KaTeX parse error: Undefined control sequence: \d at position 19: …)|(?:(?:^[0](\.\̲d̲{1,2})?)|(?:^[-…/
27、数字/货币金额 (只支持正数、不支持校验千分位分隔符)
============================================================================================
/(?:[1-9]([0-9]+)?(?:.[0-9]{1,2})?$)|(?:^(?:0){1}$)|(?:[0-9].0-9?$)/
=============================================================================
/^(?:[1-9]{1})(?:\d{15}|\d{18})$/
=====================================================================
/^(?:[\u4e00-\u9fa5·]{2,16})$/
=====================================================================
/(5{1}[a-zA-Z\s]{0,20}[a-zA-Z]{1}$)/
=======================================================================
/[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领 A-Z]{1}[A-HJ-NP-Z]{1}(([0-9]{5}[DF])|([DF][A-HJ-NP-Z0-9][0-9]{4}))$/
========================================================================
/6{1}[A-HJ-NP-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/
==============================================================================
/^(?:[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领 A-Z]{1}[A-HJ-NP-Z]{1}(?😦?:[0-9]{5}[DF])|(?:DF[0-9]{4})))|(?:[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领 A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9 挂学警港澳]{1})$/
===================================================================
/^(?😦?:https?|ftp)😕/)?(?:[\da-z.-]+).(?:[a-z.]{2,6})(?😕\w.-])/?/
35、中国手机号(严谨), 根据工信部2019年最新公布的手机号段 。
=================================================================================================
/^(?😦?:+|00)86)?1(?😦?:3[\d])|(?:4[5-7|9])|(?:5[0-3|5-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[1|8|9]))\d{8}$/
36、中国手机号(宽松), 只要是13,14,15,16,17,18,19开头即可 。
=========================================================================================================
/^(?😦?:+|00)86)?1[3-9]\d{9}$/
37、中国手机号(最宽松), 只要是1开头即可, 如果你的手机号是用来接收短信, 优先建议选择这一条 。
==================================================================================================================
/^(?😦?:+|00)86)?1\d{10}$/
===================================================================
/^\d{4}(-)(1[0-2]|0?\d)\1([0-2]\d|\d|30|31)$/
============================================================================
/^[a-zA-Z0-9.!# %&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)* /
========================================================================================
/\d{3}-\d{8}|\d{4}-\d{7}/
==============================================================================
/^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$/
42、二代身份证号(18位数字),最后一位是校验位,可能为数字或字符X
=================================================================================================
/^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$/
========================================================================================
/(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}KaTeX parse error: Undefined control sequence: \d at position 5: )|(^\̲d̲{6}(18|19|20)\d…)/
============================================================================
/(7\d{8}KaTeX parse error: Undefined control sequence: \d at position 66: …][Aa])|(1[45]))\̲d̲{7})/
45、帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线组合
=================================================================================================
/8[a-zA-Z0-9_]{4,15}$/
=======================================================================
/^(?:[\u3400-\u4DB5\u4E00-\u9FEA\uFA0E\uFA0F\uFA11\uFA13\uFA14\uFA1F\uFA21\uFA23\uFA24\uFA27-\uFA29]|[\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0])+$/
=====================================================================
/^\d+.\d+$/
=======================================================================
/^0\d{2,3}-\d{7,8}$/
====================================================================
/^\d{1,}$/
===============================================================================
/<(.)>.</\1>|<(.*) />/
==========================================================================
/9[0-9]{4,10}$/
===========================================================================
/10+$/
======================================================================
/11+$/
==========================================================================
/12+$/
========================================================================
/13+$/
最后
除了简历做到位,面试题也必不可少,整理了些题目,前面有117道汇总的面试到的题目,后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。
/
======================================================================
/14+$/
==========================================================================
/15+$/
========================================================================
/16+$/
最后
除了简历做到位,面试题也必不可少,整理了些题目,前面有117道汇总的面试到的题目,后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。