vue有没有xss漏洞_如何利用xss漏洞

文章目录：

• 1、慕课网上没搜到vue源码，有没有课程透彻分析Vue 源码的？
• 2、php接收到["1009","1007"]这个字符串怎么转成1009,1007或者数组
• 3、vue2.0项目上线后，进去后变成如图所视，刷新没用，必须关掉移动端在进去才有用，怎么回事？
• 4、vue jsx文件标签里的 {...{ props }} 是能传多个props参数吗？vue3.0似乎没办法这样使用
• 5、web前端需要掌握的哪些知识
• 6、项目里有的页面是vue写的没有用脚手架出现360兼容问题？

慕课网上没搜到vue源码，有没有课程透彻分析Vue 源码的？

有，你在实战里找是huangyi讲的，印象中是从 Vue 的跨平台编译入手，从 Vue 的几个核心能力开始分析Vue 源码。 Vue 的静态全局 API 与属性， Vue 的响应式原理，异步组件、组件化、diff 算法等等方面，都是进行了详细的分析，最后还附带了vuex和vuerouter。

php接收到["1009","1007"]这个字符串怎么转成1009,1007或者数组

你要先把html实体（即 quot;）转换为字符（即双引号）再来解析json：

$id=stripslashes(html_entity_decode($id));

print_r(json_decode($id));

vue2.0项目上线后，进去后变成如图所视，刷新没用，必须关掉移动端在进去才有用，怎么回事？

一、前言

之前我们通过nodejs并利用vuecli来创建vue项目，非常方便的就实现了前后端一体化的操作。不过在项目开发的时候为了提高开发效率我们需要依赖于一些插件帮助我们提高开发效率，那么今天我们就来介绍一些优秀的vue插件并且学会如何制作属于自己的插件。

二、单文件组件

在我们之前讲到的 nodejs轻松创建第一个vue应用中篇，这篇文章的时候，我们创建了一个vue的原生应用，效果如图所示：

那么现在我们需要把默认的页面换成其它的vue组件来显示，首先我们创建一个几个js文件，如图：

然后创建一个vue组件并设置组件的属性，如图：

然后我们将组件添加到入口组件中，如图：

此时的test组件就能被应用到该项目的页面中了，我们来启动一下这个应用，如图：

此时就实现了页面内容的更新。其实这里是相当于把我们的vue做成了一个单文件组件，之前我们在学习vue的时候，一直都是依赖于html文件存在的，不过如果你是想要在nodejs上运行的话，还可以使用单文件组件，当然，单文件组件是我们极力提倡的写法。

三、UI组件

我们都知道，前端发展到现在，对于用户的体验和视觉感受都非常重视，因此就出现了很多的UI组件库，比如Elementui、vant、iview、Vuetify、 Mint UI、ant-design-vue等，下面我们将以pc端和移动端为主，分别介绍两款不同的UI组件库给大家认识并且简单的使用一下，来领略下UI组件的魅力吧。

1.PC端UI组件 1).ElementUi

由饿了么前端团队开源的UI框架，可以说是目前为止最好的桌面端UI组件库了，不仅界面美观，而且极易上手，下面我们来安装一下，首先在项目目录下打开cmd，然后输入命令：

npm i element-ui -S

静静的等着下载好这个组件库就好了。然后我们将组件引入vue组件中，并对组件的结构进行重构，如图：

这样就可以将一些花哨的元素添加进去了。

2).Ant Design Vue

旨在于开发后台管理系统界面，如下：

npm install iview --save

安装好了之后还是引入它，然后使用，如图：

可以看到，我们可以同时使用多个组件库。

3).iview

主要用于后端界面的开发，如下：

npm install iview --save

除此之外，iview weapp也是一款不错的ui框架，不过它主要用于微信小程序开发。

2.移动端组件 1).vuetify

最先将它是因为他不仅支持移动端而且还支持pc端，做到了多端兼容，而且无需写css就能实现非常美观的界面。首先下载，如下：

npm install --save vuetify

2).vant

下载安装，如下：

npm i vant -S

3).Mint UI

也是饿了么前端团队开发的基于移动端的组件库，首先来下载安装，如图：

npm i mint-ui --save

四、插件

可以看到，我们所使用的每个组件库要想使用，都必须下载，然后在主入口js文件main.js中导入并使用Vue.use这个方法来将该组件库加入到项目中去，已达到全局通用的效果。下面开始我们的插件编写之旅，首先创建一个放置插件的文件夹，然后建立如下文件，如图：

以上创建的便是一个插件目录和文件，然后我们来写单文件vue页面，如下：

然后我们以模块化的形式导出单页面文件，如图：

紧接着我们注册刚才写好的插件，如图：

最后我们将其应用在app.vue文件中，如图：

此时咱们写的插件就能应用到页面中了，如图：

五、总结

vue jsx文件标签里的 {...{ props }} 是能传多个props参数吗？vue3.0似乎没办法这样使用

传递不成功应该是 icon 参数的问题，虽然 组件上是可以同时有多个参数，但上面代码的返回值里组件实际只会传递一个参数，...{ props } 这个是 es6 的解构语法，如果你不清楚什么是解构，可以先搜索了解一下。

上面的 renderIcon 函数最终实际返回的可能结果只有两种情况，要么返回

Icon component=icon /

要么返回

Icon type=icon /

后面的 icon 的具体值由传入的参数决定。

也就是说，renderIcon 的返回值中， Icon 组件都只会有一个参数。

所以如果你的代码执行不成功，应该检查传入的 icon 参数是否合法，renderIcon 函数本身应该是没有问题的，也与升级版本无关，除非这个 icon 参数是由其他模块自动生成的，而且升级版本之后，传入的 icon 参数里的属性名称也跟着发生了变化，不再包含之前的 component 或 type 属性。

web前端需要掌握的哪些知识

一个合格的web前端需要掌握哪些技术？

最基础的自然是JavaScript，HTML和css这三种语言。

首先了解下它们到底是什么。

HTML是用户看到的网页的骨架，比如你会发现当前页面分为左中右三个部分，其中还填充了不同的文字和图片；每个子部分还会继续细分，比如当前页面的中间部分下方有输入框等等。

CSS是网页展示的细节控制，比如你会发现有的文字是红底白色，有的子部分占了页面的二分之一宽，有的只占六分之一，有些部分需要用户进行某些操作（如点击，滑动）才会出现等等，这些就是有CSS来控制。

JavaScript是负责捕捉用户在浏览器上的操作，并与后端服务器进行数据交换的脚本语言。当用户在前端进行点击，输入等操作的时候，会触动绑定了该动作的JavaScript脚本，然后JavaScript收集数据，调用后端的api接口，再将后端返回的数据交给HTML和CSS渲染出来。

一个网页的HTML代码和CSS代码是可以直接在浏览器中查看的，你可以直接按F12，就能看到下图右侧的模块，左右侧红框就是代码与实际页面的对应关系。因此如果你看到某个网站的布局很不错，不妨点击F12，进行学习。

前端框架

然而，实际应用中，已经很少有正规的项目组直接用上述三种语言进行web 前端开发了，而是使用很多封装了这三种语言的框架，比如

Vue.js

，angular，react native等等。它们是来自谷歌和Facebook的大神项目组，基于自己的经验，封装了原生前端语言，实现了更多更复杂更酷炫的功能。因此，可以说，学会使用这些框架，能达到事半功倍的效果。

比如用了vue，它是自底向上增量开发的设计，其核心只关心图层，而且还可以与其他库或已存项目融合，学习门槛极其友好；另一方面，vue可以驱动单文件组件和vue生态系统支持的库开发的复杂单页应用。有了这个生态系统，可以说，vue是处在一个不断壮大，不断完善的欣欣向荣的状态。

网络通信协议

由于前后端分离的趋势，前端还需要了解很多网络通信协议的知识，这里不局限于http协议，因为据我的经验，有时候我们还会用到websocket等协议。因此，前端需要简单了解不同协议的特点以及使用方式，但是好消息是不用像学习计算机网络课程一样对每种协议的原理都了解的特别透彻，只要学会如何用前端语言发送这种协议的请求就够了。

项目里有的页面是vue写的没有用脚手架出现360兼容问题？

这个是需要自己引入polyfill做兼容的

1、360极速浏览器的兼容模式是ie浏览器的内核，低版本的IE浏览器是不兼容es6新语法的，所以需要自行解决兼容性的问题

2、目前vue是不支持ie8及以下浏览器的，Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。