WEB前端 软件列表

vue.js简单封装axios插件和接口的统一管理操作示例
Vue.js

vue.js简单封装axios插件和接口的统一管理操作示例

2020-06-24 标签:vue,简单,封装,axios,插件,接口,统一管理,操作,示例,本文,实例,讲述,分享,大家,参考,具体,如下,现在,公司

本文实例讲述了vue简单封装axios插件和接口的统一管理操作。分享给大家供大家参考,具体如下:现在很多公司的项目都是前后端分离的项目,那么说到前后端分离,必定会有ajax请求来获得后台的数据。在做jquery项目的时候,我们都会使用它封装好的方法来直接发起ajax请求。在vue项目中,我们使用最多

vue.js实现路由不变的情况下,刷新页面操作示例
Vue.js

vue.js实现路由不变的情况下,刷新页面操作示例

2020-06-24 标签:vue,实现,路由,不变,情况下,刷新,页面,操作,示例,本文,实例,讲述,分享,大家,参考,具体,如下,背景

本文实例讲述了vue实现路由不变的情况下,刷新页面操作。分享给大家供大家参考,具体如下:背景1:在vue写的后台管理项目中,经常会有增、删、改、查的操作,这些操作只是跟用接口跟后台交互下既然用接口交互,那肯定就是axios的异步请求,那么就是说后台数据发生了改变,但是前台的数据并没有实时的更新(每次

基于node+vue.js实现简单的WebSocket聊天功能
Vue.js

基于node+vue.js实现简单的WebSocket聊天功能

2020-06-24 标签:基于,n,ode,vue,实现,简单,websocket,聊天,功能,首先,需要,用到,odejs,模块,使用,yarn,进行,安装,add,save

首先,我需要用到node的nodejs-websocket模块使用yarn进行安装yarn add nodejs-websocket --save当然,你也可以用npm进行安装npm i nodejs-websocket --save安装完毕之后,我们开始写服务端的代码,首先,我用node在本地起了

vue.js子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)
Vue.js

vue.js子组件改变父组件传递的prop值通过sync实现数据双向绑定(DEMO)

2020-06-24 标签:vue,组件,改变,传递,prop,通过,sync,实现,数据,双向,绑定,demo,最近,elementui,做一个,后台,管理

最近开始在用elementUI做一个后台管理系统项目,遇到一个问题,需求是这样,在父组件有一个按钮,点击按钮会显示弹窗(子组件),在子组件中用的是elementUI 的el-diolog弹窗组件,在关闭弹窗时(elementUI自带事件)便会报错。话不多说直接上代码。DEMO这是父组件的代码://

vue.js引用外部JS的两种种方法
Vue.js

vue.js引用外部JS的两种种方法

2020-06-24 标签:vue,引用,外部,js,两种,方法,前言,肯定会,遇到,n,pm,写的,es,就可以,import,引入

前言肯定会遇到没有npm化的库自己写的js 方法在Vue中该怎么引用呢第一种 如果库是es6写的 就可以用import 引入比如我自己写的http 封装接口的方法 就可以这样子导入哦 第二种是jquery的库 可以在静态资源导入(或者是cdn资源加载) 我是vue-cli 3.0 基础之上架构的把s

js实现切割轮播效果
JavaScript

js实现切割轮播效果

2020-06-24 标签:javascript,实现,切割,轮播,效果,本文,实例,为大,分享,具体,代码,大家,参考,具体内容,如下,doctype,html,lang,en

本文实例为大家分享了javascript实现切割轮播的具体代码,供大家参考,具体内容如下效果代码Document.container{position: relative;width: 560px;height: 300px;}.container ul{/*transform-style:pres

js实现商品图片放大镜
JavaScript

js实现商品图片放大镜

2020-06-24 标签:javascript,实现,商品,图片,放大镜,优化,原因,现在,商城,项目,解决,主要是,购买,问题,主要,要看,清楚,表面

优化原因现在的电商商城项目解决的主要是购买商品的问题,那么购买商品主要要看清楚商品表面外形的主要特征和细节,如果图片处理过小,或者细节过于模糊,就需要做一个商品高清图片放大局部的功能。技术关键点1.左侧和上侧距离,在一个水平位置和垂直位置中有我们可以挪动的区域,就是原图片区域,鼠标挪动位置是一个块状

js实现视频弹幕效果(两个版本)
JavaScript

js实现视频弹幕效果(两个版本)

2020-06-24 标签:javascript,实现,视频,弹幕,效果,版本,本文,实例,为大,分享,具体,代码,大家,参考,具体内容,如下,基础,doctype,html

本文实例为大家分享了javascript实现视频弹幕效果的具体代码,供大家参考,具体内容如下基础版本* {margin: 0;padding: 0;}.dm {width: 800px;height: 600px;background-color: blue;margin: 0 auto;}.box

js实现弹幕墙效果
JavaScript

js实现弹幕墙效果

2020-06-24 标签:javascript,实现,弹幕,效果,刚开始,入门,前端,仿照,项目,制作,简单,步骤,如下,编写,html,代码,创建

刚开始入门前端,想仿照FreeCodeCamp中的一个项目制作简单的弹幕墙。步骤如下:1、编写HTML代码: 创建一个弹幕显示墙,以及两个按钮,分别为“发送”和“清屏”,并在文本框中设置placeholder为“说点什么吧?”以提示用户在此输入弹幕信息。text message -->2、设置

js计算正方形面积
JavaScript

js计算正方形面积

2020-06-24 标签:javascript,计算,正方形,面积,实现,注意,math,pow,函数,效果,代码,doctype,html,lang,en,head,meta,charset,utf

用JavaScript实现计算正方形的面积注意用一个Math.pow()函数。实现效果:实现代码:Document计算正方形的面积正方形的边长:正方形的面积:function area(radius){var radius=document.getElementById("radius").valu