JS可断点续传文件上传实现代码解析
刚开始学习前端开发就碰到文件上传问题，还要求可断点续传。查了很多资料，发现H5的file API刚好可以满足我们的需求，也遇到了一些问题，于是记录下来为有同样需求的朋友提供...
-
VueX模块的具体使用(小白教程)
为什么会出现VueX的模块呢？当你的项目中代码变多的时候，很难区分维护。那么这时候Vuex的模块功能就这么体现出来了。那么我们就开始吧！一、模块是啥？/* eslint-disable no...
-
Vuex的热更替如何实现
前言 我们在使用Vuex的时候，会时不时的更改Vuex内的数据，但是页面不会随之更新，如果数据量大，一个数据依赖另一个数据的话，这样我们要是再刷新页面的话会把以前依赖的数据...
-
2分钟实现一个Vue实时直播系统的示例代码
前言我们在不敲代码的时候可能会去看游戏直播，那么是前台怎么实现的呢？下面我们来讲一下。第一步，购买云直播服务首先，你必须去阿里云或者腾讯云注册一个直播服务。也花不...
Vue单文件组件开发实现过程详解
第一步：配置环境安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org安装@vue/clicnpm install -g @vue/cli检查版本是否正确vue --version使用v...
vue实现从外部修改组件内部的变量的值
1、首先是如何给你定义的变量拿到数据：这里我自己用的是vuex：首先在你项目的src文件夹下创建这么一个目录：之后就要在index.js中将homedatas.js（拿数据的js）共享出去，使页面...
在vue中实现嵌套页面(iframe)
vue中嵌套iframe,将要嵌套的文件放在static下面。src可以使用相对路径，也可使用服务器根路径http:localhost:8088/…<iframe src="../../static/plusPro.html" width="...
Vue文本模糊匹配功能如何实现
模糊匹配功能在下拉菜单的组件中用的非常多，于是打算写几个demo看看细节上是如何实现的。一、最简单的模糊匹配：计算属性<!DOCTYPE html><html lang="zh-CN"><head> <m...
VUE 单页面使用 echart 窗口变化时的用法
在 VUE 项目中，为了使 echart 在窗口变化时能够自适应，要用到 window.resize = function(){ .......};但是我在项目刚开始的时间就有一个地方的高度变化使用了 window....
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
需求最近公司有个大屏展示项目（如下图）页面的元素需要做响应式监听，图表需要跟着窗口响应变化问题每一个图表都被我写成了一个组件，然后就在每一个组件里写了一串代码，监听...
vue - props 声明数组和对象操作
我就废话不多说了，大家还是直接看代码吧~props: { array: { type: Array, default () { return [] } }, object: { type: Object, default ()...
vue项目,代码提交至码云,iconfont的用法说明
一、前期准备首先得有一个码云账号，账号名最好是英文，用于线上仓库其次下载一个git到电脑，因为很多git命令，cmd命令行识别不了最好再有一个Iconfont账号，很多前端用到的图...
vue如何使用外部特殊字体的操作
话不多说先看效果：我这里使用的是“优设标题这种字体”，接下来就是实现步骤了：1、先在百度上下载所需要的字体ttf文件2、在src文件夹新建common文件夹再建 font文件夹3、...
在vue-cli3中使用axios获取本地json操作
在vue-cli3中，公共文件夹由static变成了public先把要访问的json放到public文件夹下使用axios的get方法获取，不能用post，不然会报404axios.get(`./china-main-city/100000...
JavaScript JSON使用原理及注意事项
环境
vscode 1.46 Microsoft Edge 83
概念
JSON 是一种按照JavaScript对象语法的数据格式，这是 Douglas Crockford 推广的。
虽然它是基于 JavaScript 语法，但它独...
解决vue cli4升级sass-loader(v8)后报错问题
sass-loader报错：Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialize...
基于JavaScript实现猜数字游戏代码实例
环境
vscode 1.46 Microsoft Edge 83
示例
以下内容为了解和熟悉 JavaScript，不需要理解，能够复制粘贴并正确运行即可。新建网页模板
在 vscode 中新建一个 index....
如何用JS模拟实现数组的map方法
昨天使用map方法的时候，突然感觉一直在直接用，也没有试试是怎么实现的，本来想直接搜一篇文章盘一下子，结果没搜到合适的，好吧，那就自己来写一下子吧今天就来实现一个简单的m...
Vue性能优化的方法
今天来谈一谈Vue中一些性能优化的问题，仅仅是个人使用中的一些小心得，来，今天我一句废话不多说，直接上内容好吧1.v-if和v-show的使用， 我们都知道这两个都可以控制显隐，...
Vue props中Object和Array设置默认值操作
我就废话不多说，看代码吧~seller: { type: Object, default() { return {} }}seller: { type: Object, default: function () { return {} }}当父组件没有传...
vue prop传值类型检验方式
prop 传值检验规则如果是 prop 是静态传值，则必须是 String 类型如果是 prop 是动态传值，则可以验证任意类型示例，如果必须要传一个Number，就必须使用 bind//声明Vue.comp...
Vue(定时器)解决mounted不能获取到data中的数据问题
vue中data定义 data() { return { isok:10,}} 在vue中使用定时器 如下 mounted是钩子函数mounted(){ console.log(this.isok) //能获取isok 10 setInterval(f...
vue setInterval 定时器失效的解决方式
正常情况下，在data里定义homeSetInterval 保存定时器的ID值 ，在销毁组件是使用clearInterval方法是可行的但在使用了如下的keep缓存模式在使用销毁模式不行了应该使用离...
vue 解决setTimeOut和setInterval函数无效报错的问题
1.在vue项目中的js代码语法与之前使用js和jquery还是有所出入的，现遇到一个点击按钮出现倒计时30S的效果相信大家对着两个函数都陌生，就是一个定时器，setTimeOut只执行一...
浅谈vue 组件中的setInterval方法和window的不同
vue组件中，this指向实例，【实例中重写了setInterval等一整套方法】。所以，千万不能和 window 下挂载的方法混用具体不同在于，window.setInterval执行完比后返回一个id，而vu...
详解JavaScript自定义函数
一、定义方法：在Javascript中必须用function关键字function funcName(arg1,arg2...){statements;return "变量值"; //返回值可以根据函数的需要}函数名是函数自身的一...
深入了解JavaScript词法作用域
JavaScript并不是传统的块级作用域，而是函数作用域！一、作用域 JavaScript引擎在代码执行前会对其进行编译，在这个过程中，像var a = 2 这样的声明会被分解成两个独立的步...
vue监听dom大小改变案例
需求描述：layout左边菜单栏收缩，右边的content区域的swiper宽度没有改变（没有图，朋友的问题，大体画一下）类似于点击折叠左边目录会变小，右边内容区域会变大，但是swiper在刚开...