• 关于

    html vue

    的搜索结果

问题

Vue面试题汇总【精品问答】

是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。 从0到1自己构架一个vue项目...
问问小秘 2020-05-25 18:02:28 20475 浏览量 回答数 4

问题

html-webpack-plugin 中使用 title选项设置模版中的 值 无效 帮忙看看撒

// 问题已解决 没发现代码有问题 重新clone了项目, 改了个template的路径 就好了 不知道发生了什么, 囧 配置 var webpack = require("webpack"); var vue = require("vue...
a123456678 2019-12-01 20:16:58 3200 浏览量 回答数 1

问题

vue自定义组件里面可以在加入div等其他元素吗

这种方式无效,有其他方法可以在自定义组件里面嵌套的吗 我在html里边引用了vue,js文件,然后在实例化vue的时候说Vue is not defined ,network里边是有加载出vue....
游客mxpnxp6g3cq7o 2019-12-01 19:48:24 6 浏览量 回答数 0

回答

两个都是MVVM框架,数据驱动视图,无争议。如果说不同,那可能分为以下这么几点: 1、vue是完整一套由官方维护的框架,核心库主要有由尤雨溪大神独自维护,而react是不要脸的书维护(很多库由社区维护),曾经一段时间很多人质疑vue的后续维护性,似乎这并不是问题。 2、vue上手简单,进阶式框架,白话说你可以学一点,就可以在你项目中去用一点,你不一定需要一次性学习整个vue才能去使用它,而react,恐怕如果你这样会面对项目束手无策。 3、语法上vue并不限制你必须es6+完全js形式编写页面,可以视图和js逻辑尽可能分离,减少很多人看不惯react-jsx的恶心嵌套,毕竟都是作为前端开发者,还是更习惯于html干净。 4、很多人说react适合大型项目,适合什么什么,vue轻量级,适合移动端中小型项目,vue完全可以应对复杂的大型应用,甚至于说如果你react学的不是很好,写出来的东西或根本不如vue写的,毕竟vue跟着官方文档撸就行,自有人帮你规范,而react比较懒散自由,可以自由发挥 5、vue在国内人气明显胜过react,这很大程度上得益于它的很多语法包括编程思维更符合国人思想 问题来源于GitHub,查看更多答案,请查看https://github.com/haizlin/fe-interview/issues/225
游客7iokfgo4yexey 2020-05-24 12:16:34 0 浏览量 回答数 0

回答

Vue 相对不于 React 的一个优点是它易于理解和学习,且在国内占大多数。咱们可以在 Vue 的帮助下创建任何 Web 应用程序。 因此,时时了解一些新出现又好用的Vue 开源项目也是挺重要,一方面可以帮助咱们更加高效的开发,另一方面,咱们也可以模范学习其精华部分。 接下来看看新出的有哪些好用的开源项目。 uiGradients 网址: http://uigradients.com/ GitHub: https://github.com/ghosh/uiGradients GitHub Stars: 4.6k 彩色阵列和出色的UX使是这个项目的一个亮点,渐变仍然是网页设计中日益增长的趋势。 咱们可以选择所需的颜色,并可以获得所有可能的渐变,并获取对应的 CSS 代码, 赶紧收藏起来吧。 CSSFX CSS 过度效果的集合 网址: https://cssfx.dev GitHub: https://github.com/jolaleye/cssfx GitHub Stars: 3.5k CSSFX 里面有很多 CSS 过滤效果,咱们可以根据需求选择特定的动画,点击对应的效果即可看到生成的 CSS 代码,动手搞起来吧。 Sing App Vue Dashboard 一个管理模板 网址: https://flatlogic.com/templat... GitHub: https://github.com/flatlogic/sing-app-vue-dashboard GitHub Stars: 254 事例:https://flatlogic.com/templates/sing-app-vue-dashboard/demo 文档:https://demo.flatlogic.com/sing-app/documentation/ 这是基于最新 Vue 和 Bootstrap 免费和开源的管理模板,其实跟咱们国内的 vue-admin-template 差不多。咱们不一定要使用它,但可以研究学习源码,相信可以学到很多实用的技巧,加油少年。 Vue Storefront 网址: https://www.vuestorefront.io GitHub: https://github.com/DivanteLtd/vue-storefront GitHub Stars: 5.8k 这是一个PWA,可以连接到任何后端(或几乎任何后端)。这个项目的主要优点是使用了无头架构。这是一种全面的解决方案,为咱们提供了许多可能性(巨大的支持稳步增长的社区,服务器端渲染,将改善网页SEO,移动优先的方法和离线模式。 Faviator 图标生成的库 网址: https://www.faviator.xyz GitHub: https://www.faviator.xyz/playground GitHub Stars: 94 如果需要创建一个图标增加体验度。 可以使用任何 Google 字体以及任何颜色。只需通过首选的配置,然后选择PNG,SVG或JPG格式即可。 iView Vue UI 组件库 网址: https://iviewui.com/ GitHub: https://github.com/iview/iview GitHub Stars: 22.8k 不断迭代更新使这组UI组件成为具有任何技能水平的开发人员的不错选择。 要使用iView,需要对单一文件组件有充分的了解,该项目具有友好的API和大量文档。 Postwoman API请求构建器 网址: https://postwoman.io/ GitHub: https://github.com/liyasthomas/postwoman GitHub Stars: 10.5k 这个与 Postman 类似。 它是免费的,具有许多参与者,并且具有多平台和多设备支持。 这个工具真的非常快,并且有大量的更新。 该工具的创建者声称在不久的将来会有更多功能。 Vue Virtual Scroller 快速滚动 网址: https://akryum.github.io/vue-virtual-scroller/#/ GitHub: https://github.com/Akryum/vue-virtual-scroller GitHub Stars: 3.4k Vue Virtual Scroller具有四个主要组件。 RecycleScroller可以渲染列表中的可见项。 如果咱们不知道数据具体的数量,最好使用DynamicScroller。 DynamicScrollerItem将所有内容包装在DynamicScroller中(以处理大小更改)。 IdState简化了本地状态管理(在RecycleScroller内部)。 Mint UI 移动端的 UI 库 网址: http://mint-ui.github.io/#!/en GitHub: https://github.com/ElemeFE/mint-ui GitHub Stars: 15.2k 使用现成的CSS和JS组件更快地构建移动应用程序。使用此工具,咱们不必承担文件大小过大的风险,因为可以按需加载。动画由CSS3处理,由此来提高性能。 V Calendar 用于构建日历的无依赖插件 网址: https://vcalendar.io GitHub:https://github.com/nathanreyes/v-calendar GitHub Stars: 1.6k 您可以选择不同的视觉指示器来装饰日历。 V Calendar还为咱们提供了三种日期选择模式: 单选 多选 日期范围 Vue Design System 一组UI工具 网址: https://vueds.com/ GitHub: https://github.com/viljamis/vue-design-system GitHub Stars: 1.7k 这是一种组织良好的工具,对于任何web开发团队来说,它的命名都很容易理解。其中一个很大的优点是使用了更漂亮的代码格式化器,它可以在提交到Git之前自动排列代码。 Proppy UI组件的功能道具组合 网址: https://proppyjs.com GitHub: https://github.com/fahad19/proppy GitHub Stars: 856 ProppyJS 是一个很小的库,用于组合道具,它附带了各种集成包,让您可以自由地使用它流行的渲染库。 我们的想法是首先将Component的行为表达为props,然后使用Proppy的相同API将其连接到您的Component(可以是React,Vue.js或Preact)。 API还允许您访问其他应用程序范围的依赖项(如使用Redux的商店),以方便组件树中的任何位置。 Light Blue Vue Admin vue 后台展示模板 网址: https://flatlogic.com/templates/light-blue-vue-lite GitHub: https://github.com/flatlogic/light-blue-vue-admin GitHub Stars: 79 事例: https://demo.flatlogic.com/light-blue-vue-admin/#/app/dashboard 文档: https://demo.flatlogic.com/light-blue/documentation/ 模板是用Vue CLI和Bootstrap 4构建的。从演示中可以看到,这个模板有一组非常基本的页面:排版、地图、图表、聊天界面等。如果咱们需要一个扩展的模板,可以看看Light Blue Vue Full,它有60多个组件,无 jquery,有两个颜色主题。 Vue API Query 为 REST API 构建请求 GitHub: https://github.com/robsontenorio/vue-api-query GitHub Stars: 1.1k 关于这个项目没什么好说的。它所做的与描述行中所写的完全一样:它帮助咱们构建REST API的请求。 Vue Grid Layout Vue 的网格布局 Website: https://jbaysolutions.github.io/vue-grid-layout/examples/01-basic.html GitHub: https://github.com/jbaysolutions/vue-grid-layout GitHub Stars: 3.1k 所有网格相关问题的简单解决方案。它有静态的、可调整大小的和可拖动的小部件。还是响应和布局可以恢复和序列化。如果还需要再添加一个小部件,则不必重新构建所有网格。 Vue Content Loader 创建一个占位符加载 Website: http://danilowoz.com/create-vue-content-loader GitHub: https://github.com/egoist/vue-content-loader GitHub Stars: 2k 当咱们开发网站或者 APP 时,遇到内容过多加载速度慢时,会导致用户打开页面有大量空白页,vue-content-loader正是解决这个问题的一个组件,使加载内容之前生成一个dom模板,提高用户体验。 Echarts with Vue2.0 数据可视化 Website: https://simonzhangiter.github.io/DataVisualization/#/dashboard GitHub: https://github.com/SimonZhangITer/DataVisualization GitHub Stars: 1.3k 在图片中,咱们可以看到非常漂亮的图表。这个项目使任何数据都更具可读性,更容易理解和解释。它允许咱们在任何数据集中轻松地检测趋势和模式。 Vue.js Modal 高度可定制的模态框 Website: http://vue-js-modal.yev.io/ GitHub: https://github.com/euvl/vue-js-modal GitHub Stars: 2.9k 可以在该网站上查看所有不同类型的模态。 有15个按钮,按任意一个按钮,看到一个模态示例。 Vuesax 框架组件 Website: https://lusaxweb.github.io/vuesax/ GitHub: https://github.com/lusaxweb/vuesax GitHub Stars: 3.7k 这个项目在社区中很受欢迎。 它使咱们可以为每个组件设计不同的风格。 Vuesax的创建者强调,每个Web开发人员在进行Web设计时都应有选择的自由。 Vue2 Animate vue2.0 —使用animate.css 构建项目和创建组件 Website: https://the-allstars.com/vue2-animate/ GitHub: https://github.com/asika32764/vue2-animate GitHub Stars: 1.1k 这个库是跨浏览器的,咱们可以选择从5种类型的动画: rotate,slide,fade,bounce和zoom。在网站上有一个演示。动画的默认持续时间是1秒,但是咱们可以自定义该参数。 Vuetensils Vue.js的工具集 Website: https://vuetensils.stegosource.com/ GitHub: https://github.com/stegosource/vuetensils GitHub Stars: 111 这个UI库有一个标准的功能,但是最酷的是它没有额外的样式。你可以让设计尽可能的个性化,应用所有的需求。只需编写需要的样式,将其添加到项目中,并包含需要的尽可能多的组件。
茶什i 2020-01-09 10:39:02 0 浏览量 回答数 0

回答

这个项目里面有具体实现,参考代码研究研究! https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md######好的,非常感谢!######如果是先登录再进入首页的话,登录可以是一个简单的不包含vue组件的html页面,和寻常的html登录页面可以完全相同,也就是提交表单跳转到vue首页。如果你的是vue单页应用,一般用axios进行ajax请求,和一般html进行ajax请求一样进行登录就行了。######回复 @lostAlsobe : 感谢您的回复,逻辑对的话我就知道了,就最后调整失败了。######回复 @lostAlsobe : 数据能正确拿到就没问题的。######使用的vue单页,登录时使用window.location.href打开第三方认证链接,用户名和密码校验登录成功后再重定向到vue登录单页,mounted方法拿到授权码,使用ajax请求登录进入后台这样对吗?######jwt
kun坤 2020-06-03 09:37:12 0 浏览量 回答数 0

问题

vue+webpack遇到错误TypeError: this._init is not a function

我写了一个vue.js+webpack的例子,在进行webpack命令时出现了如下错误。 index.html: <!DOCTYPE html> <html> <head> <meta...
a123456678 2019-12-01 20:19:54 4887 浏览量 回答数 1

问题

vue2项目run build后部署到服务器访问空白,run dev可以正常访问?报错

如题,开发的时候run dev可以正常访问,run build后,发布到服务器后访问空白,也没报错,求助求助 main.js: import Vue f...
爱吃鱼的程序员 2020-06-08 20:39:05 0 浏览量 回答数 1

回答

页面由 HTML Tree, Data, Dynamic Login 组成.页面可视化搭建工具举例阿里云凤蝶:移动建站平台ice 阿里飞冰,前端开发简单而友好百度H5,创意,绝不雷同esview,开源项目, 模仿美团点评的乐高.gaea-editor,开源项目.支持 Component Tree 编辑Vue-Layout,基于UI组件的Vue可视化布局、生成.vue代码的工具。
xwaby 2019-12-02 01:13:19 0 浏览量 回答数 0

问题

快速编写前端 HTML、JavaScript、Vue 代码

快速编写前端 HTML、JavaScript、Vue 代码...
珍宝珠 2019-12-01 22:07:00 4 浏览量 回答数 1

回答

别人那是前后端分离的写法,.vue文件会被翻译成普通js文件。jsp是不能解析vue组件的。如果你想在jsp中用vue,就不能用那种纯组件的开发方式,可以只用vue的数据绑定,然后表单验证部分上jquery之类的就行。或者不用jsp,直接前后端分离。个人不建议再用jsp。 @莫问奴归处回复 @莫问奴归处:不用客气。嗯嗯,好的,非常感谢您大神,希望以后可以多多向您学习,我试一下前后端分离来修改一下,第一次接触,再次感谢!!!回复 @莫问奴归处:SpringMVC可以渲染html的。 @莫问奴归处回复 @莫问奴归处:编译的话,应该是,我用react比较多,使用webpack,vue应该也是吧,也有可能有他自己的一套东西。编译完了之后,html你是可以直接改成jsp的。但那样没啥意义呀。既然前后端分离了,你就不用从servlet中取值,直接用html就好了,需要取值的就ajax请求一下就好了。不好意思,前端新手,可能会有一些很傻的问题,请问一下编译vue文件就是通过node.js和webpack进行编译吗?可不可以将编译之后的html文件转换为jsp文件,然后放到原先的SSM项目中?
爱吃鱼的程序员 2020-06-08 10:14:48 0 浏览量 回答数 0

回答

1.安装webpack npm install -g webpack 1 2.安装vue-cli vue-cli是什么? vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。 使用步骤: 安装vue-cli: npm install -g vue-cli 1 使用vue-cli构建项目 vue init webpack project-name //创建一个基于webpack模板的名为project-name的项目 1 目前可用的模板包括: browserify –全功能的Browserify + vueify,包括热加载,静态检测,单元测试。 browserify-simple–一个简易的Browserify + vueify,以便于快速开始。 webpack–全功能的Webpack + vueify,包括热加载,静态检测,单元测试。 webpack-simple–一个简易的Webpack + vueify,以便于快速开始。 安装项目依赖 cd project-name //进入项目目录 npm install //安装项目依赖 npm run dev //运行项目 1 2 3 此时在浏览器打开:localhost:8080即可看到欢迎页。 关于webpack和vue-cli的更多使用方法参见官方文档。 但是这个只能在本地跑,要如何在我们自己的服务器上访问呢?此时需要执行 npm run build 1 搭建开发环境 本来想用vue-cli重新创建项目,试了几次总是出现各种问题,没办法成功。最后在仔细查看 Element-UI 的官方文档的 快速上手 部分的时候发现 饿了么 团队给了一个他们自己的 项目模板 。于是我就用这个模板来尝试了下,结果成功了。所以,如果你不想太折腾的话,建议还是使用官方给的项目模板,可以省很多事。 第一步:安装项目模板 克隆/下载项目模板 将下载的模板放到你项目的根目录下 安装依赖 npm install 1 运行项目模板 npm run dev 1 此时在浏览器打开:localhost:8080即可看到欢迎页。 技术分享 项目模板里已经把需要配置的文件都配置好了。 第二步:安装element-ui 第一步,我们成功安装了项目模板,接下来,我们需要安装element-ui到项目下。 npm i element-ui@next -D 1 开始使用 接下来我们就可以参照 Element-UI 的官方文档上手开发了。 例子 我们参照官方的按钮组件使用说明,在项目模板的基础上做一个按钮的例子。其它文件不需要改动,只修改App.vue文件的内容。代码如下: App.vue {{ msg }} <el-button @click.native="startHacking">Let‘s do it 显示默认颜色 成功按钮 警告按钮 危险按钮 信息按钮 hover 显示颜色 成功按钮 警告按钮 危险按钮 信息按钮 效果如下图所示: 技术分享 使用过程中碰到的问题: 1. phantomjs安装失败 由于源的问题,安装phantomjs必须要“搭梯子”,使用内网无法下载。所以解决的方法有两种: 方法一:通过科学上网,然后安装。 方法二:对于不知道怎么“搭梯子”的同学,可以通过更改源来下载,操作方法如下: npm install phantomjs --phantomjs_cdnurl=http://cnpmjs.org/downloads 1 2.打开页面乱码 通过 Element-UI 官方提供的项目模板开发,会发现在浏览器打开页面的时候,中文是乱码的。如下图所示: 技术分享 但html页面中已经设置了 。 仔细查看该页面所涉及的文件的编码格式的时候,发现引用的App.vue 文件的编码格式是GBK ,所以把该文件编码格式改为UTF-8 即可。
景凌凯 2020-04-30 13:05:40 0 浏览量 回答数 0

问题

vue渲染模板时怎么保留模板中的HTML注释呢?

vue渲染模板时怎么保留模板中的HTML注释呢?...
游客7iokfgo4yexey 2020-05-23 13:53:29 12 浏览量 回答数 1

问题

vue2.0不再支持v-html中使用过滤器了怎么办?

vue2.0不再支持v-html中使用过滤器了怎么办?...
游客7iokfgo4yexey 2020-05-23 11:55:43 3 浏览量 回答数 1

回答

delimiters是Vue模板中进行动态替换的部分的分解符,默认为{{}},例如: {{message}} 修改Vue.config.delimiters = ['${', '}']之后,就应该这么使用: ${message} unsafeDelimeter与其类似,默认为{{{}}},可以使用Vue.config.unsafeDelimiters进行修改。与上面不同的是这里的内容将做原始html被插入,假如message = ' text'这里message会被当做字符串处理 {{message}} 而这里会被当做html放入div中: {{{message}}} https://jsfiddle.net/ygjack/04mz6wf0/1/点击预览 之所以说它unsafe,因为这样的方式可能导致html注入的危险
杨冬芳 2019-12-02 02:56:54 0 浏览量 回答数 0

问题

在vue/cli3创建的项目中import()不能用?报错

使用vue/cli3创建的antdv项目,import() 动态引入不能用,报错如下 ./src/router/index.js Module Error (from ./node_modules/eslint-loader/index....
爱吃鱼的程序员 2020-06-05 14:41:58 0 浏览量 回答数 1

问题

HTML插值定界符

最近在学Vue.js,遇到使用Vue.config.unsafeDelimiters = ['{!!', '!!}']修改HTML插值定界符,以前没有遇到过,我想知道HTML插值定界符是干嘛的,求赐教。...
杨冬芳 2019-12-01 20:09:29 1006 浏览量 回答数 1

回答

题主您好,为您搜索到这个,希望对您有用喔:http://www.runoob.com/vue2/vue-tutorial.html
dongshan8 2019-12-02 00:12:35 0 浏览量 回答数 0

问题

怎么把vue打包出来的文件上线?

打包项目上线,如果配置vue.config.js 最近在开发一个项目,本地已经开发完毕了,想放到内网服务器上测试,但是不知道该怎么配置config.js,build之后d...
问问小秘 2020-01-09 17:49:50 52 浏览量 回答数 2

回答

可以找到简单的教程入门啊,比如vue应该很适合新手可以看看这个教程:http://www.runoob.com/w3cnote/vue2-start-coding.html
tama_test 2019-12-02 01:43:09 0 浏览量 回答数 0

回答

找个简单的框架例如VUE,先看教程例如:http://www.runoob.com/w3cnote/vue2-start-coding.html然后在找些小项目连续,多实践
tama_test 2019-12-02 01:34:04 0 浏览量 回答数 0

回答

人工在index.html中引入 在Vue-cli3可以修改vue.config.js的baseurl设定 问题来源于GitHub,查看更多答案,请查看https://github.com/haizlin/fe-interview/issues/474
游客7iokfgo4yexey 2020-05-23 12:56:01 0 浏览量 回答数 0

问题

使用阿里云视频点播javascript 上传出错

我按照文档中的vue-demo,编写自己的程序,项目目录如下:, 在index.html文件中引入js文件:如图: 然后在Video.vue组件中使用:如...
q7isacl2vyk3s 2020-09-17 17:43:50 0 浏览量 回答数 0

回答

1、在webpack.base.conf.js新增externals配置,表示不需要打包的文件,然后在index.html中通过CDN引入 externals: { "vue": "Vue", "vue-router": "VueRouter", "vuex": "Vuex", "element-ui": "ELEMENT", "BMap": "BMap" } 2、使用路由懒加载 问题来源于GitHub,查看更多答案,请查看https://github.com/haizlin/fe-interview/issues/343
游客7iokfgo4yexey 2020-05-24 22:29:10 0 浏览量 回答数 0

回答

加一个scripts命令 npm run build:prod npm run build:dev然后对应 vue-cli-service build --mode PanJiaChen项目参考资料:https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md 参考资料:https://umijs.org/zh/guide/env-variables.html#如何配置
王滕滕 2019-12-02 02:04:20 0 浏览量 回答数 0

问题

vue怎么传值跳转到另一个html页面:报错

我想通过$router.push()来进行页面跳转传参,我应该怎么写。(ps:我这个项目是都是直接用script标签引入Vue的文件的) 我执行Path这个函数,想要传递数据跳转到sort-add.html这个页面ÿ...
kun坤 2020-06-14 09:09:46 0 浏览量 回答数 0

问题

vue.js v-for使用?报错

初次使用vue,v-for初始化下拉框数据,数据源如下: data设置入下: html代码格式如下: 报错如下: ,求大神指点一二&#x...
爱吃鱼的程序员 2020-06-06 10:38:10 0 浏览量 回答数 1

回答

可以直接学习移动端HTML5,现在这方面需求量比较大。很多过时的技术,可以暂时先不学先学习基本语法,重点在css和js的学习上。js可以直接学习ES6语法学习一个前端框架,React或者Vue。至于jQuery已经比较过时了,可以以后再学做项目练手,同时深入看看React或者Vue的底层实现
谢杨易 2019-12-02 01:34:04 0 浏览量 回答数 0

问题

请问使用button跳转页面时如何传递参数

html中有个变量为user.phone;有个点击函数为setpassjavascript代码如下: setPass: function() { window.location.href="setpass.vue?tel=...
小旋风柴进 2019-12-01 20:24:58 1059 浏览量 回答数 1

问题

请问使用button跳转页面时如何传递参数

html中有个变量为user.phone;有个点击函数为setpass javascript代码如下: setPass: function() { window.location.href="setpass.vue?tel...
小旋风柴进 2019-12-01 20:18:20 932 浏览量 回答数 1

云产品推荐

上海奇点人才服务相关的云产品 小程序定制 上海微企信息技术相关的云产品 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 自然场景识别相关的云产品 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT