![js中有["1","2","3","4"]这样一个string，怎么把它变成array](/aiimages/js%E4%B8%AD%E6%9C%89%5B%26quot%3B1%26quot%3B%2C%26quot%3B2%26quot%3B%2C%26quot%3B3%26quot%3B%2C%26quot%3B4%26quot%3B%5D%E8%BF%99%E6%A0%B7%E4%B8%80%E4%B8%AAstring%EF%BC%8C%E6%80%8E%E4%B9%88%E6%8A%8A%E5%AE%83%E5%8F%98%E6%88%90array.png)
什么是Web前端开发？
前端开发是创建web页面或app等前端界面呈现给用户的过程。通过html、css、js以及衍生出来的各种技术、框架、解决方案来实现互联网产品的用户交互界面。
Web前端框架有：Bootstrap 框架、React 框架、Vue 框架、Angular 框架、Foundation 框架、TypeScript 框架。
1、Bootstrap 框架
Bootstrap 是当今可用的前端框架中最受欢迎的，它具有直观，时尚的界面而且功能强大可以更快更轻松地实现 web 开发而且不需要捆绑。附件就可以使用许多第三方插件，大多数浏览器都支持它，而且它提供了比其他前端框架更多的组合资源。
2、React 框架
React 框架引入了许多自定义的（在创建时）前端 Web 开发的方法。要使用 React，首先需要掌握组件的体系结构，JSX 和单向数据流等，React 框架的出现促使开发了大量额外工具用来实现高度灵活性。虽然灵活性是其主要优势，但 React 因其灵活性也存在一些问题。比如在使用 React 时会面临选择的问题，而且它没有可靠的开发工作流程。我们必须使用 React 构建自己的工作流程。这比使用其他 JS 框架更困难，因为构建到框架中需要大量的开发工具。
3、Vue 框架
Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
4、Angular 框架
Angular.js 通常被称为 MVW（模型 – 视图 – 随意）框架，其中包括：快速代码生成，轻松测试任何应用程序部分和双向数据绑定（后端的更改会立即反映在 UI 上）。自发布以来，它成为开发的最常用的 JS 框架。对于基于企业的应用程序或具有高标准代码可读性的严格编程环境，Angular-s 都是更好的选择。
5、Foundation 框架
Foundation 是由网页设计公司 Zurb 创建的，是一个非常先进的企业级前端框架，非常适合开发灵活，响应迅速的网站。但是使用它也相当复杂，所以不适合刚入门的学习者，这个功能丰富的框架支持 GPU 加速，可实现流畅，闪电般快速的动画，Fastclick.js 可在移动设备上快速渲染。它在 Sass 预处理器上运行，并包含 Foundation 开发的数据交换属性，该属性允许您为移动设备加载轻量级 HTML 部分，为较大屏幕加载“较重”HTML 部分。
6、TypeScript 框架
TypeScript 是由微软开发的自由和开源的编程语言，JavaScript 类型的超集，它可以编译成纯 JavaScript。TypeScript 可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。
1、Vue是什么 Vue.js 是目前最火的一个前端框架，除了可以开发网站，还可以开发手机App。 Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架。 Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。 Vue.js 是一套用于构建用户界面的渐进式框架。 2、Vue的特点 遵循 MVVM 模式 编码简洁，体积小，运行效率高，适合移动/PC 端开发 它本身只关注 UI, 可以轻松引入 vue 插件或其它第三库开发项目 3、Vue与其他前端框架的关系 借鉴 angular 的模板和数据绑定技术 借鉴 react 的组件化和虚拟 DOM 技术 4、Vue的现有插件 vue-cli: vue 脚手架，用于搭建项目的骨架 vue-resource(axios): ajax 请求 vue-router: 路由 vuex: 状态管理 vue-lazyload: 图片懒加载 vue-scroller: 页面滑动相关 mint-ui: 基于 vue 的 UI 组件库(移动端) element-ui: 基于 vue 的 UI 组件库(PC 端) 5、学习Vue的思想改变Vue的中心思想是数据驱动，像远古时代的老前辈jQuery是结构驱动。
大家回忆下以前我们使用jQuery写代码的时候，经常是这样写的：
$("#myDiv").html("HelloWorld")
这些写法首先要获取Dom节点，也就是Dom结构，然后再修改数据更新结构的内容，使用jQuery的一个很大的目的就是为了去简化Dom的操作，而使用Vue就大不一样了，Vue的做法就是直接this.msg=HelloWorld，然后msg就会自动的同步到结构上，我们所要关心的是数据内容的改变，而不再去关心如何操作Dom结构了。
总结一句话：不要在想着怎么操作DOM，而是想着如何操作数据!!
![在p5js中]分别用for循环和递归;求n!+(n-1)!+(n-2)!+...+2!+1 n=5](/aiimages/%E5%9C%A8p5js%E4%B8%AD%5D%E5%88%86%E5%88%AB%E7%94%A8for%E5%BE%AA%E7%8E%AF%E5%92%8C%E9%80%92%E5%BD%92%3B%E6%B1%82n%21%2B%28n-1%29%21%2B%28n-2%29%21%2B...%2B2%21%2B1+n%3D5.png)
