VirgoYellow 的专栏

使用 forEach 的时候，是不能通过 return 来跳出循环的（只可以终止 return 语句后面代码的执行，并不会终止整个循环），比如下面的例子????var list = [ {id: 'id_1', name: 'name_1', price: 1}, {id: 'id_2', name: 'name_2', price: 2}, {id: 'id_3', name: 'name_3', price: 3}, {id: 'id_4', name: 'name_4

Vue项目中，一般会通过 vuex 进行状态管理，但在一些小项目或者初期没有规划 vuex 的情况下，在开发过程中需要进行组件通信（不止是父子组件），就可以选择通过 EventBus 来解决。EventBus又称事件总线。在 Vue 中可以使用 EventBus 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件。具体使用：1、建立一个 bus.js 的文件。import Vue from 'vue'c...

1、单行文本溢出显示省略号直接用 css 属性 text-overflow: ellipsis; 设置：{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}2、多行文本溢出显示省略号直接用 css 属性 -webkit-line-clamp: n; （n是需要展示的行数）设置：{ overflow: hidden; text-overflow: ellipsis.

最近遇到个给页面添加水印的需求（之前没弄过也没见过这种效果），然后组长还要求我使用指令的方式实现，做到水印内容、样式基本可配置，说是以后再有这种需求的话就不用再开发了（嗯，道理我都懂，就是有点儿迷茫…）先去vue官网看看自定义指令：有了钩子和钩子参数，具体的就是怎么实现水印效果了。这里采用的是 canvas 的方式，具体的：'use strict';exports.__esModule = true;/** * 自定义指令'v-watermark' * 可以传入自定义参数（v-wate

1、JS把中文的标点全部替换成英文标点：function qj2bj(str){ var tmp = ""; for(var i=0;i<str.length;i++){ if(str.charCodeAt(i) >= 65281 && str.charCodeAt(i) <= 65374){// 如果位于全角！到全角～区间内 tmp += S...

项目中，可能有些组件的复用性非常高，出现的场景也比较多，这时候，一个个页面去引用组件效率就有些低了。其实我们没有必要在每一个需要的地方使用，而是采取在根组件中注册。根组件中的注册是全局注册。全局注册了之后就可以在根组件下的任何子组件中使用。具体的：1、准备要全局注册的组件 unshelveTip.vue<template> <div class="messageB...

之前有写过一篇js 导出 csv 文件的，现在需求上要求导出 txt 文件，还要导出成指定的格式，只能再次研究下。先贴下这个项目导出 csv 的处理：let rstList = [];let csvList = [];data.list.forEach((item, index)=>{ rstList.push(item.program_info);});rstList...

js 是客户端执行的，所以，js的一切关于时间的函数，如 Date.now() 都是以客户端为准的。但是如果客户端的时间跟网络时间不一致，对有些对时间依赖度较高的项目来说，可能就是致命性的问题，这种情况下，就不能简单的使用客户端的时间，而是要获取服务器时间以保证项目的正常运行。接下来说下 js 如何获取服务器时间。原理：使用 ajax请求，返回的头部信息就含有服务器端的时间信息，获取到就可...

如图：问题：当上面的表格翻到第二页的时候，第一页勾选的数据就没有了。解决办法：给 table 设置 row-key 属性（值是可以唯一标识该条数据的属性），同时给 type 为 selection 的列设置reserve-selection 属性为 true。附上官方文档里的解释：...

利用 vue-cli 构建的项目，打包后放到服务器，测试发现，图标显示异常。打开控制台有如下报错：这是因为vue项目打包后样式目录结构变为static/css 导致找不到对应的文件。解决办法：在 build/utils.js 文件如下位置添加一行代码：publicPath: '../../'...

开发的时候，有个接口一直提示跨域，同一个页面发出的其他指向相同域的接口访问是正常的，不知道是怎么回事，服务器肯定是设置了Access-Control-Allow-Origin 这个东东的。仔细研究发现，本来的 post 请求 变成了 options 请求： 解决办法： 将 post 请求的参数 JOSN 化处理。我是在请求拦截器中处理的...

方法一（亲测）：1、新建一个空文件夹： mkdir news2、进入文件夹并初始化： cd news git init3、与远程分支建立连接： git remote add origin 代码仓库地址4、把远程分支（假设拉取develop分支）拉到本地 git fetch oringin develop5、在本地创建分支myD...

父组件 richText.vue<template> <div> <div class="editorBox"> <editor ref="editor" :catchData="catchData" :content="contentHTML"></editor> </div> </div&gt...

问题：页面上有个 <textarea></textarea> 元素，输入内容以后预览，发现回车键的位置并没有换行。如下图所示：预览结果：将内容打印出来，可以看到，<textarea> 中的内容里面，换行是用的 “\n” ，而 html 并不识别：解决办法：将内容里面的\r替换成<br>再进行预览就可以了：var ...

前两天电脑出了点问题，重装系统后，第一个安装的就是 sublime text 3，没办法，用惯了这个编辑器，不能忍受没有它。但是这次下载之后的安装却不像以前那样顺利，首先，在安装 package control 之后，在安装插件时遇到了这样一个问题，系统弹出警告框：Package Control:There are no packages available for installation。。。

function similar(s, t, f) { if (!s || !t) { return 0 } var l = s.length > t.length ? s.length : t.length var n = s.length var m = t.length var d = [] f = f || 3...

昨天遇到个问题，将 vue 项目（利用 vue-cli 构建的项目，版本是 2.x）打包后，别人在部署的时候发现项目里面图标显示异常，从控制台看，是 iconfont 路径不对。小白的我赶紧拿出小本本做笔记，解决办法如下： 在 build/utils.js 文件中，如下位置添加公共路径属性：publicPath: '../../'...

toggleRowSelection(row, selected)接受两个参数，row传递被勾选行的数据，selected设置是否选中注意：调用toggleRowSelection这个方法需要获取真实dom所以需要注册 ref来引用它相关操作：(一).默认选中1.当数据源固定在table的<script>export default { m...

通过接口拿到的数据结构如上所示，现在要通过 JavaScript 将数据导出： <script type="text/javascript" src="json2csv.js"></script> <script type="text/javascript"> var title = Object.keys...

大四的时候，很偶然的在一家公司上班了，说是上班，我是当做实习的，毕竟能学到点儿东西才是最实在的，而且，自学了一年的web，我也确实想知道自己到底水平如何了。第一个项目，开始的时候我把事情想的太简单了，觉得这个项目不算大，应该很快就可以完成。后来，我完全被自己蠢哭了。除了官网，还有两个不同的登录入口。。算是给我一个下马威吗？勤勤恳恳的把官网和两个登录系统搞定，交工后，老板说，还有手机端的。。手机