徍恺的博客

原创 使用kkFileView文件预览功能

http://xxx.com:9532是自己部署的服务器地址。项目文件流不带加密的可直接最后一步。后端返回文件流下载方法。

原创 vue elementUI el-table upload 一次性自动上传多文件多图片的解决方案，多文件单接口，自动上传

【代码】vue elementUI el-table upload 一次性自动上传多文件多图片的解决方案，多文件单接口，自动上传。

原创 手机端路由缓存问题解决方案

2.app.vue component不能包div。去除app.vue mode属性。3.去掉动画插件否则会返回白屏。

原创 npm打包报错 Syntax Error: Error: Cannot find module ‘imagemin-gifsicle‘

原创 vue elementUI upload 一次性自动上传多文件多图片的解决方案，多文件单接口，自动上传

【代码】vue elementUI upload 一次性自动上传多文件多图片的解决方案，多文件单接口，自动上传。

转载 el-tree取消特定叶子节点与上级的勾选联动

实现的效果展示:首先要明确一点el-tree判断一个节点是否被勾选是根据当前节点对象数据中的checked去判断的，checked 为true则判定勾选，false则为未勾选。一个节点对象的数据结构如下所示:然后我们把el-tree的联动模式设置为:check-strictly=“true” 严格的遵循父子不互相关联，剩下的操作就是我们自己去完成菜单和菜单之间，菜单和按钮之间的联动关系。其中的核心操作就是在合适的时机去设置节点的checked值。el-tree二次封装的代码如下：<temp

原创 elementUI el-tree+el-select 实现点击select输入框中的×删除勾选

效果图：<!-- /** * 树形下拉选择组件，下拉框展示树形结构，提供选择某节点功能，方便其他模块调用 * @author ljn * @date 2019-04-02 * 调用示例： * <tree-select :height="400" // 下拉框中树形高度 * :width="200" // 下拉框中树形宽度 * size="small" .

原创 node-sass安装遇到的坑（2）

查看node-sass和node版本是否对应node -v具体对应版本如下图：使用nvm对node版本进行管理和切换安装 nvm-window https://github.com/coreybutler/nvm-windows，win10默认添加系统环境和用户环境，若命令行不能使用nvm，需自行添加环境node_mirror: https://npm.taobao.org/mirrors/node/npm_mirror: https://npm.taobao.org/mirrors/npm/

原创 后台管理系统vue-i18n中英文切换功能

一.vue-i18n是什么？一款针对Vue.js 的国际化插件。把网站的所有需要中英转换的数据配置成中英文json文件，需要编写大量中英文对照表，适合于少量的固定翻译。二.使用步骤1.安装vue-i18nnpm install vue-i18n2.添加本地翻译信息本地翻译信息有两个，zh.js中文和en.js英文，这两个js的内容是一一对照的。在src文件夹下创建lang文件夹，并添加两个zh.js和en.js文件。en.js—英文zh.js—中文index.js----处理默认语

转载 HTTP请求错误400、401、402、403、404、405、406、407、412、414、500、501、502解析

HTTP 错误 400 400 请求出错 由于语法格式有误，服务器无法理解此请求。不作修改，客户程序就无法重复此请求。HTTP 错误 401 401.1 未授权：登录失败 此错误表明传输给服务器的证书与登录服务器所需的证书不匹配。 请与 Web 服务器的管理员联系，以确认您是否具有访问所请求资源的权限。 401.2 未授权：...

转载 node-sass安装失败的解决方法

原创 用Vue-cli从零开始搭建一个Vue项目

用Vue-cli从零开始搭建一个Vue项目Vue是近两年来比较火的一个前端框架（渐进式框架吧）。 Vue两大核心思想：组件化和数据驱动。组件化就是将一个整体合理拆分为一个一个小块（组件），组件可重复使用；数据驱动是前端的未来发展方向，释放了对DOM的操作，让DOM随着数据的变化自然而然的变化（尤神原话），不必过多的关注DOM，只需要将数据组织好即可。本文用Vue-cli从零开始搭建一个Vue项目...

原创 VUE生命周期中的钩子函数及父子组件的执行顺序

转载：https://www.cnblogs.com/thinheader/p/9462125.html

原创 跨域请求解决方案及详解

1，CORS（跨域资源共享）优点CORS 通信与同源的 AJAX 通信没有差别，代码完全一样，容易维护。支持所有类型的 HTTP 请求。缺点存在兼容性问题，特别是 IE10 以下的浏览器。第一次发送非简单请求时会多一次请求。2，JSONP 跨域优点使用简便，没有兼容性问题，目前最流行的一种跨域方法。缺点只支持 GET 请求。由于是从其它域中加载代码执行，因此如果其他域不安全...

转载 Object.defineProperty()

深入浅出Object.defineProperty()[https://www.jianshu.com/p/8fe1382ba135](https://www.jianshu.com/p/8fe1382ba135)https://developer.mozilla.org/zh-CN/https://developer.mozilla.org/zh-CN/docs/Web/JavaScri...

转载 移动端开发的注意事项

一、meta的使用1、强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览&lt;meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/&gt;2、w...

原创 RESTful的理解

概念Restful就是一个资源定位及资源操作的风格。不是标准也不是协议，只是一种风格。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。RESTful 是目前最流行的 API 设计规范，用于 Web 数据接口的设计。它的大原则容易把握，但是细节不容易做对。RESTful 的设计细节，介绍如何设计出易于理解和使用的 API。http://www.ruanyifeng.com...

转载 HTTP请求

1.一次完整的HTTP请求所经历的7个步骤HTTP通信机制是在一次完整的HTTP通信过程中，Web浏览器与Web服务器之间将完成下列7个步骤：1. 建立TCP连接在HTTP工作开始之前，Web浏览器首先要通过网络与Web服务器建立连接，该连接是通过TCP来完成的，该协议与IP协议共同构建 Internet，即著名的TCP/IP协议族，因此Internet又被称作是TCP/IP网络。HTTP是...

转载 常见的浏览器兼容性问题

1. 不同浏览器的标签默认外补丁margin和内补丁padding不同发生概率：100%解决方案：使用CSS通配符*，设置内外补丁为0*{ margin: 0; padding: 0;}2. 块属性标签float之后，又有横向的margin值，在IE6中显示会比设置的大（IE6双边距bug）发生概率：90% 解决方案：在float标签样式控制中加入display:inline;...

原创 web页面性能优化以及SEO

前言：在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Google网站访问速度每慢400ms就导致用户搜索请 求下降0.59%;Amazon每增加100ms网站延迟将导致收...

原创 js事件传播流程

事件的默认传播机制：JS里事件传播流程Javascript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器来预定事件，以便事件发生时执行相应代码。事件流JS事件流最早要从IE和网景公司的浏览器大战说起，IE提出的是冒泡流，而网景提出的是捕获流，后来在W3C组织的统一之下，JS支持了冒泡流和捕获流，但是目前低版本的IE浏览器还是只...

原创 HTTP 请求方法：GET 和 POST的区别

两种 HTTP 请求方法：GET 和 POST在客户机和服务器之间进行请求-响应时，两种最常被用到的方法是：GET 和 POST。GET - 从指定的资源请求数据。POST - 向指定的资源提交要被处理的数据GET 方法请注意，查询字符串（名称/值对）是在 GET 请求的 URL 中发送的：/test/demo_form.asp?name1=value1&amp;amp;amp;name2=value...

原创 JS中常见的方法

①添加事件方法addHandler：function(element,type,handler){ if(element.addEventListener){//检测是否为DOM2级方法 element.addEventListener(type, handler, false); }else if (element.attachEvent){//检测是否为IE级...

原创 JavaScript中var，let，const详解

ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是ECMAScript的实现和扩展。js中三种定义变量的方式 var， let.，const1. 块级作用域 {}ES5 中作用域有：全局作用域、函数作用域。没有块作用域的概念。ES...