vuex在Modules模块下之mapState,mapGetters,mapMutations,mapActions vuex在Modules模块下之mapState,mapGetters,mapMutations,mapActions
JavaScript之Promise 什么是Promise? 一个 Promise 对象代表一个目前还不可用,但是在未来的某个时间点可以被解析的值。Promise表示一个异步操作的最终结果。 原生js promise 有兼容性问题。 jQuery1.5.0之后 封装的 deferred对象 (defer的意思是"延迟")。简单说,deferred对象就是jQuery的回调函数解决方案。兼容所有主流浏览器。推荐大家了解一下JQquery的deffered对象详解。 ES6 Promise 对象,通过babel转码,也是可以兼容主流浏览器。
echarts 柱状图,饼状图,线形图等等各种案例都在这里,带定时器 因为最近一年一直在做数据可视化的项目,所以接触的echarts比较多。就把自己平时用到的案例都总结了一波,项目不定时的更新,所有的echarts 在你熟悉以后都会变得非常简单。 废话不多说 上链接:https://gitee.com/xiaotengma/vue-echarts-demo.git 。 有需要的老铁直接上项目,如果有不懂的,直接私信或者评论区留言,我看到后会尽力帮助大家。 ...
vue前端面试题之路 作为一名前端,在工作的同时,是时刻不能忘记前端的扩展滴!路漫漫其修远兮,每天坚持看一道题,1年就是365道题,3年就是1095道题,我相信回报会很巨大了。 1、对于MVVM的理解? MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。 View 代表UI 组件,它负责将数据模型转化成UI 展现出来。 ViewModel 监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Mod...
Vue 3.0项目搭建 引用一个老兄的vue 3.0项目搭建,挺好用,留着自用 1.全局是否安装过1.x 或者2.x的版本 先卸载掉 npm uninstall vue-cli -g //或者 yarn global remove vue-cli 2.安装vue/cli cnpm install -g @vue/cli //yarn global add @vue/cli 3.安装项目 vue create //文件名 不支持驼峰(含大写字母) 4.进入到项目以后大家最好是自定义模式的 Manually select feat
call apply bind 深入了解 不知其理,何以谈用 众所周知 call、apply、bind 的作用都是‘改变’作用域,但是网上对这这‘改变’说得含糊其辞,并未做详细说明,‘改变’是直接替换作用域?谁替换谁?怎么产生效果?这些问题如果不理解清楚,就算看过手写实现,估计也记不长久,基于此,这里做简单记录,以免时间过长遗忘,方便回顾。 call call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数 这就是 MDN 上给出的描述,看得一脸懵逼的我只能自己一步一步去剖析,一波分析下来其实发现 call 的作用
substring与 substr区别理解 substr和substring两个都是截取字符串的。 两者有相同点,如果只是写一个参数,两者的作用都是一样的:就是截取字符串当前下标以后直到字符串最后的字符串片段。 例如:var a=”abcdefghiklmnopqrstuvwxyz”; var b=a.substr(3); var c=a.substring(3); console.log(b); console.log(c);这样输出的结果就是一样的,都是 defghiklmnopqrstuvwxyz 从第三个下标是2的位置截取到最后 当写第二个.
vue Tooltip提示动态换行 Vue Tooltip提示动态换行 在项目中遇到一个需求,通过接口获取到的接口数据名称比较长,提交加一个title来全部显示出来,因为用的是原生的标签,所以直接在li中加了一个title,但是遇到的问题就是title不能换行,于是改变策略,我就引用了element的tooltip element的tooltip 通过按钮引入组件,避免项目文件太大,还有不会的小伙伴吗?直接去官网看一下吧!element-Tooltip: 下面进入正题; //这是hmtl <li style="width: 55%" v
深拷贝与浅拷贝 JS深拷贝与浅拷贝 在面试的时候,有遇到过深浅拷贝的问题,但是在实际的项目中也是会应用到深浅拷贝的,下面咱们就一起来看一下 如何区分深浅拷贝呢? 简单来说就是 B复制A,当操作A 的时候,观察B是否也会改变,如果B也跟着变了,那就是浅拷贝,如果B没有改变,那就是深拷贝。 浅拷贝 所谓浅拷贝,我们来看个例子 let a=[0,1,2,3,4], b=a; console.log(a===b);...
非常简单的二维数组去重 前几天有朋友问我数组去重怎么做,我说简单的数组去重很简单啊,他说是对象形式的,我想了想,也有了点思路。 但是我还是上网查了一下,各路大神四面八方杀来,我觉得很麻烦,而且有的方法还不适用我的数组需求,下面进入正题: 需求是:去除数组中name与age都相同的项; <script type="text/javascript"> $(document).ready(function...
Git 最基础入门--创建本地仓库上传文件 关于Git入门,其实非常非常简单,不要把一个东西想像的很难,其实每个知识都有一个核心知识点,咱们就去抓那一个点。 1.关于Git的安装,在这里就不多说了。去 Git官网 下载就好了 。 下面进入正题。 2.创建本地仓库: 首先选择一个合适的地方(一般都是在D盘) 建一个空目录; $ mkdir Git $ cd Git $ pwd 注:这一步是显示当前的路径 /d /
手把手教给你搭建Vue的环境 第一步 node环境安装 1.1 如果本机没有安装node运行环境,请下载node 安装包进行安装 1.2 如果本机已经安装node的运行换,请更新至最新的node 版本 下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/ 第二步 node环境检测 为了快乐的使用命令行,我们推荐使用 gitbas 1.1 下载git 并安装
iframe中的fixed解决方案 各位朋友,大家好,在卡发的过程中遇到了iframe中子页面fixed失效的问题 现在来解决一下。 首先是一个a.html JavaScript 仿LightBox内容显示效果 onload="this.height=main.document.body.scrollHeight; this.width=main.