jqueryui开发指南（jqueryui开发）

UI前端设计是什么怎么做？

UI设计和Web前端的工作并不一样，但也有公司为了提高工作效率在这两块工作是由同一个人来做的。ui与web前端的区别主要有：

1、概念不同 UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。 web前端是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。

2、研究方向不同 UI设计的研究方向是：用户研究、交互设计、界面设计； web前端的研究方向是技术方向：包括html、css、js等需要编写代码。

3、职业机会不同 UI设计的职业方向是：前端开发工程师、资深前端开发工程师、前端架构师等； web前端的职业方向是：图形设计师、交互设计师、用户测试/研究工程师等； 计交给美工来做，把html5、css、js的添加交给web前端工程师来做，

4、工作内容不同 UI前端：主要负责系统/app，UI界面设计，以及html代码实现，主要工作偏向于设计。 web前端：主要讲ui提供的设计图，编码成静态html，实现所有特效；并负责所有交互的对接，对js要求较高，会要求一些后台接口的开发工作，因此对后台开发语言也有一定的要求。

5、所需技术不同 web前端会用到Bootstrap、Vue、Jquery、Javascript、CSS、html等技术知识； 而UI前端需要是有很好的审美能力，通常需要有美术设计教育背景。

详解如何在vue项目里正确地引用jquery和jquery-ui的插件？

在Vue项目中引用jQuery和jQuery UI插件的步骤如下：

安装jQuery和jQuery UI

在Vue项目中使用jQuery和jQuery UI之前，需要先安装它们。可以使用npm或yarn来安装它们。在终端中输入以下命令：

npm install jquery jquery-ui

或者

yarn add jquery jquery-ui

引入jQuery和jQuery UI

在Vue项目中，可以在main.js文件中引入jQuery和jQuery UI。在main.js文件中添加以下代码：

import $ from 'jquery'

import 'jquery-ui'

在组件中使用jQuery和jQuery UI

在Vue组件中，可以使用$来访问jQuery和jQuery UI。例如，在组件的mounted钩子函数中，可以使用以下代码来初始化一个jQuery UI的日期选择器：

mounted() {

  $(this.$refs.datepicker).datepicker()

}

这里假设组件中有一个ref为datepicker的元素，用于显示日期选择器。

需要注意的是，在Vue项目中使用jQuery和jQuery UI时，需要确保它们在Vue实例之前被引入。否则可能会出现一些问题，例如无法正确地初始化jQuery插件。

另外，建议在Vue项目中尽量减少使用jQuery和jQuery UI，因为它们可能会与Vue的数据绑定机制产生冲突，导致一些奇怪的问题。如果需要使用一些UI组件，可以考虑使用基于Vue的UI框架，例如Element UI、Vuetify等。