• VueX模块的具体使用(小白教程)

    VueX模块的具体使用(小白教程)

    为什么会出现VueX的模块呢?当你的项目中代码变多的时候,很难区分维护。那么这时候Vuex的模块功能就这么体现出来了。那么我们就开始吧!一、模块是啥?/* eslint-disable no...

  • Vuex的热更替如何实现

    Vuex的热更替如何实现

    前言 我们在使用Vuex的时候,会时不时的更改Vuex内的数据,但是页面不会随之更新,如果数据量大,一个数据依赖另一个数据的话,这样我们要是再刷新页面的话会把以前依赖的数据...

  • 2分钟实现一个Vue实时直播系统的示例代码

    2分钟实现一个Vue实时直播系统的示例代码

    前言我们在不敲代码的时候可能会去看游戏直播,那么是前台怎么实现的呢?下面我们来讲一下。第一步,购买云直播服务首先,你必须去阿里云或者腾讯云注册一个直播服务。也花不...

JS可断点续传文件上传实现代码解析
JavaScript

JS可断点续传文件上传实现代码解析

阅读(1) 发布者(admin)

刚开始学习前端开发就碰到文件上传问题,还要求可断点续传。查了很多资料,发现H5的file API刚好可以满足我们的需求,也遇到了一些问题,于是记录下来为有同样需求的朋友提供...

Vue单文件组件开发实现过程详解
JavaScript

Vue单文件组件开发实现过程详解

阅读(1) 发布者(admin)

第一步:配置环境安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org安装@vue/clicnpm install -g @vue/cli检查版本是否正确vue --version使用v...

vue实现从外部修改组件内部的变量的值
JavaScript

vue实现从外部修改组件内部的变量的值

阅读(0) 发布者(admin)

1、首先是如何给你定义的变量拿到数据:这里我自己用的是vuex:首先在你项目的src文件夹下创建这么一个目录:之后就要在index.js中将homedatas.js(拿数据的js)共享出去,使页面...

在vue中实现嵌套页面(iframe)
JavaScript

在vue中实现嵌套页面(iframe)

阅读(1) 发布者(admin)

vue中嵌套iframe,将要嵌套的文件放在static下面。src可以使用相对路径,也可使用服务器根路径http:localhost:8088/…<iframe src="../../static/plusPro.html" width="...

Vue文本模糊匹配功能如何实现
JavaScript

Vue文本模糊匹配功能如何实现

阅读(1) 发布者(admin)

模糊匹配功能在下拉菜单的组件中用的非常多,于是打算写几个demo看看细节上是如何实现的。一、最简单的模糊匹配:计算属性<!DOCTYPE html><html lang="zh-CN"><head> <m...

VUE 单页面使用 echart 窗口变化时的用法
JavaScript

VUE 单页面使用 echart 窗口变化时的用法

阅读(1) 发布者(admin)

在 VUE 项目中,为了使 echart 在窗口变化时能够自适应,要用到 window.resize = function(){ .......};但是我在项目刚开始的时间就有一个地方的高度变化使用了 window....

JavaScript

vue - props 声明数组和对象操作

阅读(1) 发布者(admin)

我就废话不多说了,大家还是直接看代码吧~props: { array: { type: Array, default () { return [] } }, object: { type: Object, default ()...

vue项目,代码提交至码云,iconfont的用法说明
JavaScript

vue项目,代码提交至码云,iconfont的用法说明

阅读(0) 发布者(admin)

一、前期准备首先得有一个码云账号,账号名最好是英文,用于线上仓库其次下载一个git到电脑,因为很多git命令,cmd命令行识别不了最好再有一个Iconfont账号,很多前端用到的图...

vue如何使用外部特殊字体的操作
JavaScript

vue如何使用外部特殊字体的操作

阅读(1) 发布者(admin)

话不多说先看效果:我这里使用的是“优设标题这种字体”,接下来就是实现步骤了:1、先在百度上下载所需要的字体ttf文件2、在src文件夹新建common文件夹再建 font文件夹3、...

在vue-cli3中使用axios获取本地json操作
JavaScript

在vue-cli3中使用axios获取本地json操作

阅读(1) 发布者(admin)

在vue-cli3中,公共文件夹由static变成了public先把要访问的json放到public文件夹下使用axios的get方法获取,不能用post,不然会报404axios.get(`./china-main-city/100000...

JavaScript

JavaScript JSON使用原理及注意事项

阅读(1) 发布者(admin)

环境
vscode 1.46 Microsoft Edge 83
概念
JSON 是一种按照JavaScript对象语法的数据格式,这是 Douglas Crockford 推广的。
虽然它是基于 JavaScript 语法,但它独...

JavaScript

基于JavaScript实现猜数字游戏代码实例

阅读(1) 发布者(admin)

环境
vscode 1.46 Microsoft Edge 83
示例
以下内容为了解和熟悉 JavaScript,不需要理解,能够复制粘贴并正确运行即可。新建网页模板
在 vscode 中新建一个 index....

如何用JS模拟实现数组的map方法
JavaScript

如何用JS模拟实现数组的map方法

阅读(1) 发布者(admin)

昨天使用map方法的时候,突然感觉一直在直接用,也没有试试是怎么实现的,本来想直接搜一篇文章盘一下子,结果没搜到合适的,好吧,那就自己来写一下子吧今天就来实现一个简单的m...

JavaScript

Vue性能优化的方法

阅读(1) 发布者(admin)

今天来谈一谈Vue中一些性能优化的问题,仅仅是个人使用中的一些小心得,来,今天我一句废话不多说,直接上内容好吧1.v-if和v-show的使用,  我们都知道这两个都可以控制显隐,...

JavaScript

vue prop传值类型检验方式

阅读(1) 发布者(admin)

prop 传值检验规则如果是 prop 是静态传值,则必须是 String 类型如果是 prop 是动态传值,则可以验证任意类型示例,如果必须要传一个Number,就必须使用 bind//声明Vue.comp...

vue setInterval 定时器失效的解决方式
JavaScript

vue setInterval 定时器失效的解决方式

阅读(1) 发布者(admin)

正常情况下,在data里定义homeSetInterval 保存定时器的ID值 ,在销毁组件是使用clearInterval方法是可行的但在使用了如下的keep缓存模式在使用销毁模式不行了应该使用离...

详解JavaScript自定义函数
JavaScript

详解JavaScript自定义函数

阅读(1) 发布者(admin)

一、定义方法:在Javascript中必须用function关键字function funcName(arg1,arg2...){statements;return "变量值"; //返回值可以根据函数的需要}函数名是函数自身的一...

JavaScript

深入了解JavaScript词法作用域

阅读(1) 发布者(admin)

JavaScript并不是传统的块级作用域,而是函数作用域!一、作用域 JavaScript引擎在代码执行前会对其进行编译,在这个过程中,像var a = 2 这样的声明会被分解成两个独立的步...

vue监听dom大小改变案例
JavaScript

vue监听dom大小改变案例

阅读(2) 发布者(admin)

需求描述:layout左边菜单栏收缩,右边的content区域的swiper宽度没有改变(没有图,朋友的问题,大体画一下)类似于点击折叠左边目录会变小,右边内容区域会变大,但是swiper在刚开...