我的创作纪念日

专心致志的程序员！

已于 2023-06-28 18:04:06 修改

阅读量207

点赞数 2

分类专栏：浏览器前端开发工具文章标签：前端正则表达式

于 2023-06-28 17:38:15 首次发布

本文链接：https://blog.csdn.net/qq_66180056/article/details/131441898

版权

浏览器同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

前端开发工具

1 篇文章 0 订阅

订阅专栏

创作原因：

在刚进入前端领域的时候我的状态是处处碰壁,原因自己在学校的日常开发是无法和公司的项目去睥睨的，在学校时我们的开发往往是完成学习任务或者去考验自己的动手能力，而公司的项目往往是为了在市场上投入使用和创造收入在开发这种项目时候我们要考虑很多问题比如：安全性、项目整体性能、项目打包体积、用户体验感、整体样式美观度、可维护性等等，所以我也苦寻很多的学习网站并学习了很多博主的文章觉得收获颇丰，这让我产生了创作的想法！

创作目的：

开始创作我的想法很简单，只是想收藏一些奇特代码的编写以及提高自己的创作能力和意志力，但是在创作的过程中我发现在我记录开发过程中遇到的问题和日常学习的笔记，开发过程中如果遇到问题翻翻自己的博客就能够找到解决问题的方案，这时候我对于创作的目的就又改变了我将博客当作我的笔记和收藏夹能够让我温故而知新和提升能力但突如其来的粉丝让我的想法又有了变化，这时候的我突然惊醒我的博客不仅仅可以给自己带来便利也可以给广大的码农带来便利，这时候我的目的又发生了变化我想我的创作要给自己和他人带来便利才最有意义！

创作日常：

在日常创作中也不是那么的顺利，很多时候想去创作但是苦于没有可以创作的东西，所以没法实现每日一篇这一直让我很苦恼，经常因为脑子没有货而苦恼，后来我就会在闲暇时间的时候自己去开发和学习这样在开发的过程中会遇到一些问题，将这些问题解决后就有了可以创作的东西并且再结合自己对框架和组件的学习进行创作，在日常工作中也会看看别人的博客有哪些好的解决方案或者好的文章我也会认真阅读总结自己的话语和理解发布出去！

创作建议：

创作之初最难的就是脑子没货那我们如何进行创作，下面我就给大家一些建议：学习 HTML，CSS是要知道前端最基础的东西如何实现一个网页和布局，要注意那些事情开发网也遇到哪些问题，然后就需要做大量的练习，案例，案例是非常重要的，应用到实处，做各种常规的、奇怪的、大量的布局练习来巩固、理解自己的知识这样是不是就有了一些可以创作的知识储备。

我们还要学习 Javascript 首先要知道这门语言可以做什么，不能做什么，擅长做什么，不擅长做什么！如果想让自己变成高级程序员拥有更好的创作能力就要注意，记住大部分 Javascript 函数，做很多的练习。JavaScript被称为前端开发者的核心部分，也是衡量文章质量的基础标准，JavaScript工程师可以不依靠框架独立和html+css进行开发也能实现一些高级的效果和样式。如果想深入了解Javascript让文章更具有高水平，你需要了解 Javascript 的原理，机制。需要知道他们的本源，需要深刻了解 Javascript 基于对象的本质。还需要深刻了解浏览器宿主下的 Javascript 的行为、特性这样才能让你的创作不认为是水文。

除此之外了解Angular，Angular框架包含的东西比较完善，包含模板、数据双向绑定、路由、模块化、服务、过滤器、依赖注入等所有功能。如何使用TypeScript提高代码可维护性，以及后期重构。

React，这个框架本身比较容易理解，他的结构很清晰，就是由十几个API组成，然后异步渲染，我们只需要处理好接口和维护就好了，上手还是有一定的的难度的。React是单向数据流，代码写起来会较双向数据流的多一些，但是同样的排查问题时思路清晰很多这个也是好的创作方向。

Vue,Vue是行内的大趋势，还可以用来开发小程序。同时他也是双向数据流。也可以用Vue是Angular和React的结合为标题进行创作，vue有Angular的模板语法也有React的组件化体系。

Boostrap，Boostrap绝对是目前使用广泛的一款框架。它是一套优美，直观并且给力的Web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的JavaScript插件，将这些框架研究一番相信会让你的创作更加的锦上添花。

当然如果还有功夫的话可以研究研究组件例如Element ui、Ant.Design、Vant、Apache ECharts、ECharts Demo集、G6......

学习成果：

最近致力于研究一些正则表达式，对研究成果就展示在下边吧！

//Number类型的正则

1. 数字：^[0-9]*$

2. n位的数字：^\d{n}$

3. 至少n位的数字：^\d{n,}$

4. m-n位的数字：^\d{m,n}$

5. 零和非零开头的数字：^(0|[1-9][0-9]*)$

6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$

7. 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$

8. 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$

9. 有两位小数的正实数：^[0-9]+(.[0-9]{2})?$

10. 有1~3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$

11. 非零的正整数：^[1-9]\d*$ 或 ^([1-9][0-9]*){1,3}$ 或 ^\+?[1-9][0-9]*$

12. 非零的负整数：^\-[1-9][]0-9"*$ 或 ^-[1-9]\d*$

13. 非负整数：^\d+$ 或 ^[1-9]\d*|0$

14. 非正整数：^-[1-9]\d*|0$ 或 ^((-\d+)|(0+))$

15. 非负浮点数：^\d+(\.\d+)?$ 或 ^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$

16. 非正浮点数：^((-\d+(\.\d+)?)|(0+(\.0+)?))$ 或 ^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$

17. 正浮点数：^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$ 或 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$

18. 负浮点数：^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$ 或 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$

19. 浮点数：^(-?\d+)(\.\d+)?$ 或 ^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$

//string类型的正则

1. 汉字：^[\u4e00-\u9fa5]{0,}$

2. 英文和数字：^[A-Za-z0-9]+$ 或 ^[A-Za-z0-9]{4,40}$

3. 长度为3-20的所有字符：^.{3,20}$

4. 由26个英文字母组成的字符串：^[A-Za-z]+$

5. 由26个大写英文字母组成的字符串：^[A-Z]+$

6. 由26个小写英文字母组成的字符串：^[a-z]+$

7. 由数字和26个英文字母组成的字符串：^[A-Za-z0-9]+$

8. 由数字、26个英文字母或者下划线组成的字符串：^\w+$ 或 ^\w{3,20}$

9. 中文、英文、数字包括下划线：^[\u4E00-\u9FA5A-Za-z0-9_]+$

10. 中文、英文、数字但不包括下划线等符号：^[\u4E00-\u9FA5A-Za-z0-9]+$ 或 ^[\u4E00-\u9FA5A-Za-z0-9]{2,20}$

11. 可以输入含有^%&',;=?$\"等字符：[^%&',;=?$\x22]+ 12 禁止输入含有~的字符：[^~\x22]+

.*匹配除 \n 以外的任何字符。

/[\u4E00-\u9FA5]/ 汉字

/[\uFF00-\uFFFF]/ 全角符号

/[\u0000-\u00FF]/ 半角符号

虽然总结的浅薄但也让我受益不少！