vue

您现在的位置是:首页 > vuevue

  • vue使用WebSocket模拟实现聊天功能-简易版

    软件研发vue使用WebSocket模拟实现聊天功能-简易版

    vue使用WebSocket模拟实现聊天功能-简易版效果展示 两个浏览器相互模拟1.创建模拟node服务在vue根目录下创建 server.js 文件模拟后端服务器**在server终端目录下载 **npm install --s ws2.编写server.js文件代码如下var userNum = 0; //统计在线人数var chatList = [];//记录聊天记录var WebSocketServer = require('ws').Server;wss =

    08-05软件研发

    阅读更多
  • Nuxt学习总结

    什么是nuxt?一个使用vue来开发web网站的脚手架为什么要使用nuxt?vue 由于会接管dom 元素,使得dom 元素都是通过script 里面的代码进行渲染的,爬虫爬不到,不利于SEO使用原生js 和jquery 写网站很麻烦,各种繁琐的dom操作,各种api,已经习惯了使用 vue 开发我们开发起来效率会很慢(当然,像那种一两个页面的网站还是用原生写比较好)nuxt为什么可以做SEO?nuxt项目虽然也是用vue写的,但是他会将在服务端将页面进行渲染(SSR),而不是在浏览器端通过

    08-05Web开发

    阅读更多
  • WebPack 4.x 配置

    Web开发WebPack 4.x 配置

    @babel/preset-env 拥有根据 useBuiltIns 参数的多种polyfill实现。 - 优点:是覆盖面比较全(entry)。 - 缺点:会污染全局。

    08-05Web开发

    阅读更多
  • 配置 VScode 编辑器 (前端篇)

    软件研发配置 VScode 编辑器 (前端篇)

    配置 VScode 编辑器 (前端篇)2021/8/2目录配置 VScode 编辑器 (前端篇)一、代码片段设置二、常用插件1. open in browser2. Guides3. HTMLHint4. Path Intellisense5. Material Theme6. prettier7. vetur8. carbon-now-sh9.Auto Rename Tag三、常用快捷键一、代码片段设置左下角设置 -> 用户代码片段上面弹框输入 HTML,或者JavaScript,css

    08-05软件研发

    阅读更多
  • vue3 + vite 项目搭建 - 配置eslint

    软件研发vue3 + vite 项目搭建 - 配置eslint

    安装依赖 "devDependencies": { "standard": "^16.0.3", "vue-eslint-parser": "^7.10.0", "@typescript-eslint/parser": "^4.29.0", "@typescript-eslint/eslint-plugin": "^4.

    08-05软件研发

    阅读更多
  • 【万字长文】 Vue全家桶从入门到实战,超详细笔记整理 ( 一 ) (建议收藏)

    其他编程【万字长文】 Vue全家桶从入门到实战,超详细笔记整理 ( 一 ) (建议收藏)

    笔记根据B站编程不良人视频整理,视频链接:【编程不良人】VUE全家桶入门到实战,学VUE看这个就够了,已完结!基于企业最流行Vue实战技术, 需要md格式笔记的可以私信我。目录1、Vue 引言2、Vue入门2.1、下载Vuejs2.2、Vue第一个入门应用3、v-text和v-html3.1、v-text3.2、v-html3.3、v-text和v-html对比4、vue中事件绑定(v-on)4、vue中事件绑定(v-on)4.1、绑定事件基本语法4.2、Vue中事件的简化语法4.3、Vue事件函数.

    07-30其他编程

    阅读更多
  • 学了vue后,再也不怕美工抢饭碗了,前端小姐姐也变的热情了

    Web开发学了vue后,再也不怕美工抢饭碗了,前端小姐姐也变的热情了

    前言这里先普及一下浏览器的应用历史(这篇主讲,前端工作,)1.MVC是怎么工作的从这张图可以看出,大家可以轻松看出,MVC框架工作量基本都是由Controller完成:1)由服务器,对数据库进行访问,查询,更新2)由服务器,对浏览器进行加载,监听。3)在服务器中,进行数据交互。一、这个阶段,前端还仅仅处于一个静态页面编写----UI美化的工作,交互工作还是在后端进行处理。-值得一提的是,关于各个浏览器的兼容情况:二、直到John Resig在2005年开发了JQuery的第一个版本,并

    07-30Web开发

    阅读更多
  • 来吧!一文写清前端面试难点及考点

    如果你现在准备开始找前端工作的话,那么面试是一个很重要的环节。接下里我会具体讲一下我是怎么准备面试及刷面试题。满满的干货,建议精读!搭配这两篇看面试效果更好哦~285页解析百度、阿里、腾讯前端面试题,通关秘籍请收好!分享三个前端学习方法、十项前端面试笔记:养精蓄锐,为想去的公司努力一把怎么准备前端面试面试总结下来以下四点:一基础,二项目,三简历,四心态基础首先是基础,那么到底是什么样的基础呢?小伙伴们可以参考以下总结的几个要点对于图做些讲解说明,有个大致的学习方向1.html:知道

    07-30Web开发

    阅读更多
  • Vue + element 实现动态显示后台数据到options上

    移动开发Vue + element 实现动态显示后台数据到options上

    需求:实现selector选择器中选项值options 数据的动态显示,而非写死的数据,我的角色ID数据如下:现在实现把这些数据请求显示option上实现如下:使用element-ui中selector 选择器:<el-form-item label="角色ID:" prop="roleId"> <el-select v-model="addUserForm.roleId" placeholder=

    07-30移动开发

    阅读更多
  • 【万字长文】 Vue全家桶从入门到实战,超详细笔记整理 ( 一 ) (建议收藏)

    其他【万字长文】 Vue全家桶从入门到实战,超详细笔记整理 ( 一 ) (建议收藏)

    笔记根据B站编程不良人视频整理,视频链接:【编程不良人】VUE全家桶入门到实战,学VUE看这个就够了,已完结!基于企业最流行Vue实战技术, 需要md格式笔记的可以私信我。目录1、Vue 引言2、Vue入门2.1、下载Vuejs2.2、Vue第一个入门应用3、v-text和v-html3.1、v-text3.2、v-html3.3、v-text和v-html对比4、vue中事件绑定(v-on)4、vue中事件绑定(v-on)4.1、绑定事件基本语法4.2、Vue中事件的简化语法4.3、Vue事件函数.

    07-30其他

    阅读更多
  • vue中实现全屏以及对退出全屏的监听

    其他编程vue中实现全屏以及对退出全屏的监听

    前言: vue中实现默认进来页面,某个div全屏,并监听退出全屏的次数,当退出全屏次数达到5的时候跳转到别的页面。目录:实现步骤:1、页面上在你想要的容器上加上id = ‘con_lf_top_div’,再给他加个动态class名,加上提示和点击进入全屏按钮2、css部分,全屏后的部分需要单独加样式3、js部分data:mounted初始化调用methods定义方法:完整源码:实现步骤:1、页面上在你想要的容器上加上id = ‘con_lf_to...

    07-28其他编程

    阅读更多
  • vue阶段小实训第一周面试题

    1.vuex是什么?介绍:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。理解:核心就是 store(仓库),仓库是用来干什么的?你就当它用来储存东西的。2.什么是vuex的状态管理?state,驱动应用的数据源;view,以声明方式将 state 映射到视图;actions,响应在 view 上的用户输入导致的状态变化。3.什么是耦合?什么是内聚?耦合:模块与模块之间很多事存在关联的,如果改动一个,其他若干模块也会发生改变,模块之间的关系越是紧密,独立性就越不好,这种

    07-28Web开发

    阅读更多
  • 在vue中使用websocket

    话不多说,直接上代码吧<script>export default { name: "indexPage", props: {}, components: {}, data() { return { websock: null, //websocket对象 maxReconnect: 5, //最大重连次数 }; }, methods: { /** * 监听方法 */ // 初始化web

    07-28软件研发

    阅读更多
  • 前端框架Vue学习

    Web开发前端框架Vue学习

    前端框架VueVue框架是一套用于构建用户界面的渐进式框架。采用的是MVVM模式,即:通过视图与模型的双向绑定,简化前端操作。渐进式:指的是可以选择性的使用该框架的一个或多个组件,不对你的使用进行要求。那么前端框架三巨头 : Vue.js React.js AngularJsvue.js 的下载 (vpm下载)这里我们通过vpm的方式下载哈,首先要使用vpm,我们先下载nodejs ,下载好后我们进去idea,这样显示,我们就可以了,然后我们的idea就会多一个package

    07-28Web开发

    阅读更多
  • vue中实现全屏以及对退出全屏的监听

    其他vue中实现全屏以及对退出全屏的监听

    前言: vue中实现默认进来页面,某个div全屏,并监听退出全屏的次数,当退出全屏次数达到5的时候跳转到别的页面。目录:实现步骤:1、页面上在你想要的容器上加上id = ‘con_lf_top_div’,再给他加个动态class名,加上提示和点击进入全屏按钮2、css部分,全屏后的部分需要单独加样式3、js部分data:mounted初始化调用methods定义方法:完整源码:实现步骤:1、页面上在你想要的容器上加上id = ‘con_lf_to...

    07-28其他

    阅读更多
  • 前后端分离项目开发,助你打通任督二脉

    其他编程前后端分离项目开发,助你打通任督二脉

    本篇文章我们来实现一个简单的前后端分离功能——学生系统,前端采用Vue+ElementUI,后端采用SpringBoot+MyBatis。文章里不会介绍相应的技术内容,而是阐述整个前后端开发的流程环境准备在正式开始开发之前,我们先来准备一下开发环境,为了避免一些错误的发生,请保持与我的环境版本一致。首先下载node.js,来到官网:https://nodejs.org/zh-cn/download/releases/下载14.15.0的安装包,下载完成后一路next即可安装成功,安装成功后验

    07-25其他编程

    阅读更多
  • Docker前端部署详解(Vue+Nginx)

    软件研发Docker前端部署详解(Vue+Nginx)

    对前端Docker部署的流程进行一个概述,以及解决nginx容器如何配置,为什么要有npm等问题。

    07-25软件研发

    阅读更多
  • 前后端分离项目开发,助你打通任督二脉

    其他前后端分离项目开发,助你打通任督二脉

    本篇文章我们来实现一个简单的前后端分离功能——学生系统,前端采用Vue+ElementUI,后端采用SpringBoot+MyBatis。文章里不会介绍相应的技术内容,而是阐述整个前后端开发的流程环境准备在正式开始开发之前,我们先来准备一下开发环境,为了避免一些错误的发生,请保持与我的环境版本一致。首先下载node.js,来到官网:https://nodejs.org/zh-cn/download/releases/下载14.15.0的安装包,下载完成后一路next即可安装成功,安装成功后验

    07-25其他

    阅读更多
  • 我看vue之mixins助力项目开发

    背景我们通常会遇到这么一个场景:有几个基本功能一样的组件,但是他们之间又存在着足够的差异。这时候你就来到了一个岔路口:我是把他们“按部就班”地写成不同的组件呢?还是保留为一个“公共组件”,然后通过props传参进行不同功能之间的区分呢?现在还有一个场景:在一些组件(甚至是项目中全部和某个功能有关的组件)中,有某个功能是相同的。而且都需要利用这个功能进行后续操作。你又需要选择了,但是这次有一个前提:肯定是要“复用”的 —— 公共组件?还是 mixin ?我们现在来分析下:在第一个场景中,其实两种解决方

    07-24其他编程

    阅读更多
  • Ajax技术详解(前端技术学习)

    Web开发Ajax技术详解(前端技术学习)

    文章目录1.全局刷新和局部刷新1.1全局刷新1.2局部刷新2.异步请求对象3.异步对象XMLHttpRequest接收局部刷新需要使用的技术4Ajax4.2目的:5.异步对象XMLHttpRequest属性方法3.XMLHttpRequest属性6.异步对象XMLHttpRequest使用步骤#Ajax前端技术前端技术:在浏览器中执行的程序都是前端,html,css,js等后端技术:Servlet jsp jdbc mysql tomcat 等1.全局刷新和局部刷新1.1全局刷新

    07-24Web开发

    阅读更多
  • 我看vue之mixins助力项目开发

    背景我们通常会遇到这么一个场景:有几个基本功能一样的组件,但是他们之间又存在着足够的差异。这时候你就来到了一个岔路口:我是把他们“按部就班”地写成不同的组件呢?还是保留为一个“公共组件”,然后通过props传参进行不同功能之间的区分呢?现在还有一个场景:在一些组件(甚至是项目中全部和某个功能有关的组件)中,有某个功能是相同的。而且都需要利用这个功能进行后续操作。你又需要选择了,但是这次有一个前提:肯定是要“复用”的 —— 公共组件?还是 mixin ?我们现在来分析下:在第一个场景中,其实两种解决方

    07-24其他

    阅读更多
  • UniApp+Vue实现直播功能

    软件研发UniApp+Vue实现直播功能

    uniapp(推流)+vue(拉流)+nginx+OBS实现直播一、先看效果vue拉流uniapp推流

    07-23软件研发

    阅读更多
  • 前后端分离 Vue + Springboot 实现用户列表单页面开发(建议收藏)

    其他编程前后端分离 Vue + Springboot 实现用户列表单页面开发(建议收藏)

    目录用户列表页面开发项目介绍1、前端html页面编写2、springboot框架搭建2.1、项目创建2.2、连接数据库2.3、项目完整依赖3、编写entity层4、查询用户信息4.1、后端代码编写4.2、前端代码编写5、添加用户信息5.1、后端代码编写5.2、前端代码编写6、修改用户信息6.1、后端代码6.2、前端代码7、删除用户信息7.1、后端代码7.2、前端代码用户列表页面开发项目介绍用户列表页面开发,可以实现简单的查询,删除,修改,和添加用户信息功能。前端使用vue框架,后端使用springbo

    07-21其他编程

    阅读更多
  • django+vue+nginx+frp搭建漫画网站之移动PC端自动切换(一)

    软件研发django+vue+nginx+frp搭建漫画网站之移动PC端自动切换(一)

    django+vue+nginx+frp搭建漫画网站之移动PC端自动切换(一)手机端地址:http://m.comic.tklb.top/电脑端地址:http://comic.tklb.top/1、背景漫画网站电脑端项目目前是用django模板语言构建的,而手机端是使用vue写的。当想实现移动PC自动切换时,其中一个办法就是通过nginx来判断请求头并重定向到指定的服务下。2、步骤手机server端增加配置:if ($http_user_agent ~* (mobile|nokia|ip

    07-21软件研发

    阅读更多
  • 前后端分离 Vue + Springboot 实现用户列表单页面开发(建议收藏)

    数据库前后端分离 Vue + Springboot 实现用户列表单页面开发(建议收藏)

    目录用户列表页面开发项目介绍1、前端html页面编写2、springboot框架搭建2.1、项目创建2.2、连接数据库2.3、项目完整依赖3、编写entity层4、查询用户信息4.1、后端代码编写4.2、前端代码编写5、添加用户信息5.1、后端代码编写5.2、前端代码编写6、修改用户信息6.1、后端代码6.2、前端代码7、删除用户信息7.1、后端代码7.2、前端代码用户列表页面开发项目介绍用户列表页面开发,可以实现简单的查询,删除,修改,和添加用户信息功能。前端使用vue框架,后端使用springbo

    07-21数据库

    阅读更多
  • 拿来吧你!不想学Vue?我不答应!入门Vue必备基础-看这里!

    移动开发拿来吧你!不想学Vue?我不答应!入门Vue必备基础-看这里!

    拿来吧你——Vue官网:https://cn.vuejs.org/目录1. 入门必知1.1 了解Vue1.2 基础知识2. 基础必学2.1 v-text指令2.2 v-html指令2.3 v-on指令2.4 v-show指令2.5 v-if指令2.6 v-bind指令2.7 v-for指令2.8 v-model指令3.案例参考3.1 计数器3.2 记事本3.3 轮播图3.4 天气预报3.5 看...

    07-21移动开发

    阅读更多
  • uniapp的nvue和vue文件的区别是什么?

    Web开发uniapp的nvue和vue文件的区别是什么?

    区别:vue文件走小程序方式的webview渲染,nvue走weex方式的原生渲染;组件和js写法是一样的,但css不一样,原生排版能用的css必须是flex布局。

    07-20Web开发

    阅读更多
  • 学习在uni-app中使用Vue

    Web开发学习在uni-app中使用Vue

    Vue是基于JavaScript、用于构建用户界面的渐进式框架,支持响应式数据操作,uni-app是使用Vue开发前端应用的框架,也支持定义和动态绑定属性和方法。Vue支持实例生命周期,uni-app在此基础上增加了应用生命周期和页面生命周期。

    07-20Web开发

    阅读更多
  • 关于vue使用验证器: VeeValidate3

    Web开发关于vue使用验证器: VeeValidate3

    前言 我用的是vee-validate版本为3.3.7 2.1.5移步 : VeeValidate 的使用场景以及配置 安装教程 cnpm install vee-validate --save 新建文件vee-validate.js import { extend, ValidationObserver, ValidationProvide...

    07-20Web开发

    阅读更多
  • Vue中computed和method之间有什么不同点

    Web开发Vue中computed和method之间有什么不同点

    本篇文章给大家介绍一下Vue中computed与method的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

    07-20Web开发

    阅读更多
 5305    1 2 3 4 5 下一页 尾页

站长推荐

站点信息

  • 文章统计126415篇文章
  • 浏览统计16748次浏览
  • 评论统计1个评论
  • 标签管理标签云
  • 统计数据:统计代码
  • 微信公众号:扫描二维码,关注我们