👨‍💻 前端开发者 | 技术分享者

承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。

JSX 是JavaScript XML 的简写，是 react 使用的一种文件，它利用 JavaScript 的表现力和类似 HTML 的模板语法，得 HTML 文件非常容易理解。此文件能使应用非常可靠，并能够提高其性能，浏览器只能处理 JavaScript 对象，而不能读取常规 JavaScript 对象中的 JSX，所以为了使浏览器能够读取 JSX，首先，需要用Babel转换器将 JSX 文件转换为 JavaScript 对象，然后再将其传给浏览器1、函数式定义的无状态组件。

1、基本定义wbpack是一个打包模块化javascript的工具，在webpack里一切文件皆模块，通过loader转换文件，通过plugin注入钩子，最后输出由多个模块组合成的文件，webpack专注构建模块化项目，webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。

前后端分离的项目前端HTML页面通过Ajax调用后端的RESTFUL API接口并使用JSON数据进行交互JS渲染的项目通过Ajax请求数据以后, 通过JS代码动态创建html的标签和数据等(一般右键查看网页源代码 是看不到渲染后的HTML标签的)前端渲染指的是后端返回JSON数据，前端利用预先写的html模板，循环读取JSON数据，拼接字符串（ES6的模板字符串特性大大减少了拼接字符串的的成本），并插入页面。好处：网络传输数据量小。不占用服务端运算资源（解析模板），模板在前端（很有可能。

什么是AjaxAjax是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。沟通客户端与服务器，可以在【不必刷新整个浏览器】的情况下，与服务器进行异步通讯的技术Ajax的原理通过XmlHTTPRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。

区别应用场景Set用于数据重组，Map用于数据储存Set：成员不能重复只有键值没有键名，类似数组可以遍历，方法有add, delete,hasMap:本质上是健值对的集合，类似集合可以遍历，可以跟各种数据格式转换。

2、解决方法：在mounted()方法和destroy()方法之间加一个beforeDestroy()方法释放该页面的echarts资源，clear()方法则是清空图例数据，不影响图例的resize，而且能够释放内存，切换的时候就很顺畅了。1、echarts是通过canvas来实现的，由于canvas的限制，所以echarts在实现的时候多是绘制一。echarts3.x对echarts的引用更灵活，更简单，方便。4、就是series系列的认识，它是一个数组，数组的每一项都代表着一个单独的系列，可以配置。

appendTo()将所有匹配的元素追加到指定的元素中 prepend()：向每个匹配的元素内部前置添加内容 prependTo()：将所有匹配的元素前置到指定的元素中 after()：在每个匹配元素之后插入内容 insertAfter()：将所有配的元素插入到指定元素的后面 例$(A)appendTo(B)是将A追加到B中下面的方法解释类似。2、text()方法，去设置某个元素中的文本内容，代码是var text=$("p").text();'+(+newDate),function(){//内容});

软件模块之间总是存在着一定的接口，从调用方式上，可以把他们分为三类：同步调用、回调和异步调用同步调用是一种阻塞式调用，调用方要等待对方执行完毕才 返回，它是一种单向调用；回调是一种双向调用模式，也就是说，被调用方在接口被调用时也会调用对方的接口；异步调用是一种类似消息或事件的机制，不过它的 调用方向刚好相反，接口的服务在收到某种讯息或发生某种事件时，会主动通知客户方（即调用客户方的接口）。回调和异步调用的关系非常紧密，通常我们使用回 调来实现异步消息的注册，通过异步调用来实现消息的通知。同。

当 hover-class="none" 时，没有点击态效果 hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现点击态，App、H5、支付宝小程序、百度小程序不支持（支付宝小程序、百度小程序文档中都有此属性，实测未支持） hover-start-time Number 50 按住后多久出现点击态，单位毫秒 hover-stay-time Number 400 手指松开后点击态保留时间，单位毫秒 icon：图标。答案：可以使用、和等方法进行页面跳转。

1、什么是事件冒泡，他是如何工作的 在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）2、阻止事件冒泡的几种方法2.1）第一种：event.stopPropagation();

伪数组1、具有length属性2、按索引方式存储数据3、不具有数组的push.pop等方法伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，不具有数组的push.pop等方法，但仍可以对真正数据遍历方法来遍历它们。典型的是函数document.childnodes之类的，它们返回的nodeList对象都属于伪数组伪数组-->真实数组1.使用Arrray.from()--ES6。

媒体查询就是响应式布局。通过不同的媒介类型和条件定义样式表规则。媒介查询让CSS可以更精确作用于不同的媒介类型和同一媒介的不同条件语法结构及用法：@media 设备名 only （选取条件） not （选取条件） and（设备选取条件），设备二{sRules}媒体查询是向不同设备提供不同样式的一种不错方式，它为每种类型的用户提供了最佳的体验。作为CSS3规范的一部分，媒体查询扩展了media属性（控制您的样式应用方式）的角色。

优雅降级和渐进增强印象中是随着 CSS3 流出来的一个概念。由于低级浏览器不支持 CSS3，但 CSS3 的效果又太优秀不忍放弃，所以在高级浏览中使用 CSS3 而低级浏览器只 保证最基本的功能。关键的区别 是他们所侧重的内容，以及这种不同造成的工作流程的差 异举个例子：/*我就是要用这个新 css 属性*/ transition：all 1s ease 0s；/*可是发现了一些低版本浏览器不支持怎么吧*/ /*往下兼容*/ -webkit-transition：all 1s ease 0s；

可以。