同源策略是浏览器厂商提出的web安全策略，是浏览器最核心也最基本的安全功能，同源即：协议（http等）相同，域名（www.baidu.com等）相同，端口（8080等）相同，只要有一个不同就违反了同源策略。

在进入正文前先来一段小插曲：封装ajax请求主要的目的在于减少冗余代码，而ajax请求的主要作用就是数据请求，那么数据处理就尤为重要了，那么怎样在封装的请求里面实现针对不同业务逻辑、不同数据结构等的数据的处理呢。有两种方法，第一种就是将所有的ajax请求参数及数据处理函数全部传入封装好的ajax请求中，再次不做介绍，相信大家应该能够明白。第二种就是利用promise，那么什么是promis...

首先，node sass是什么？Node-sass是一个库，它将Node.js绑定到LibSass（流行样式表预处理器Sass的C版本）。它允许用户以令人难以置信的速度将.scss文件本地编译为css，并通过连接中间件自动编译。Sass是一种预处理器脚本语言，可以解释或编译成层叠样式表（CSS）。vue项目中安装使用scss时，需要安装node-sass 及 sass-loader第一步，安装淘宝

项目开发使用的elemnetUI的table组件，牵扯到一个多选框的回显机制，这里记录一下。那么想要实现table的多选框回显，前提得有多选框，而实现回显也主要有依赖多选框自带的几个事件，当表格存在多选框时这几个事件便可以生效：<el-table ref="multipleTable":data="carData":empty-t...

项目需求，时间选择需要满足按日，按周，按月，按季，按年进行选择，然后组件封装是基于elementUI的，实现效果如图：日周月季年都有默认选择时间，项目需求，不能选择当前时间，所以按日选择，默认时间为昨天，按周选择默认时间为上周，以此类推。因为elementUI没有季度选择控件，所以这块也是在网上找的大神封装的，借用一下，表示感谢！季度控件，我在大神的基础上添加了时间禁用选项，包括当前及未来...

EditorConfig 有助于为跨各种编辑器和 IDE 处理同一项目的多个开发人员维护一致的编码风格。EditorConfig 项目由用于定义编码样式的文件格式和一组文本编辑器插件组成，这些插件使编辑器能够读取文件格式并遵循定义的样式。

项目中对表格内容进行编辑的时候会需要创建一行，或者删除一行，其实原理就是向表格数据中添加一个新对象，或者删除一个对应的对象，因为渲染表格数据来源一个数组，所以其实就是对数组的操作。就像上图，可以创建一行，或者选择删除当前行，HTML代码如下：<el-dialog:title="DialogTextMap[DialogStatus]":visible....

最近项目在使用websocket，自己研究了下，详细概念性的知识点可以看这里，vue使用websocket可以参考这篇文章，我这里分享下开发代码，系统理解下使用方法后面还有一篇文章，是关于websocket的案例的，看这里。// 初始化websocketinitWebSocket() {const vm = this// 创建一个websock...

项目创建vue init webpack mytest001安装viewerjsnpm install viewerjs删掉生成的项目里面的helloWord.vue修改路由创建一个index.vueindex.vue代码:...

之前有写过关于websocket的文章，都是一些粗略的理解，感兴趣可以看看，Vue WebSocket，websocekt 应用案例这次围绕的主题是websocket视频请求，展示，先分析一下需求要求点击获取证据按钮，发送websocket请求，同时，显示遮罩，websocket响应回来后关闭遮罩，渲染视频，图片信息遮罩是手动添加的<div v-if=...