gu_eu的博客

原创 table表格IE浏览器下设置宽度无效的原因及解决办法

https://www.jianshu.com/p/06ca7edf7502

原创 默认显示当月1号

原创 自定义列表格列，筛选条件可控制表格列

原创 ES6 Promise

ES6 Promise什么是promise我们打印出来看下如上看，promise其实就是一个构造函数，身上有我们熟悉的reject、resolve方法，原型有then、catch方法。我们先new一个看看function handle() { return new Promise(function (reject, resolve) { // 做一些异步操作 setTimeout(function () {

原创 vue部署gitee后在线资源不可用

报错：Mixed Content: The page at 'https://gu_eu.gitee.io/blog/' was loaded over HTTPS, but requested an insecure plugin resource 'http://music.163.com/song/media/outer/url?id=447925558.mp3'. This request has been blocked; the content must be served over HTTP

原创 网页中添加背景音乐

网页中添加背景音乐方式一：<video controls="" autoplay="" name="media"> <source src="音乐链接" type="audio/mpeg"></video>方式二<video controls="true" autoplay="true" name="media" loop="true" hidden="true"> <source src="http://music.163.com/son

原创 hexo、gitee搭建个人博客

安装node 最新版安装git检查是否安装成功 git --version node -v安装hexo1.新建文件夹hexo2.在文件夹中打开powersheel 执行如下命令npm install -g hexo-clihexo n “我的第一篇博客”之后会自动创建一篇名为"我的第一篇博客"的博客, 位置在 博客目录\source\_posts 目录下hexo clean 进行清理hexo g 编译代码hexo d 更新代码建议npm install 后使用gi.

原创 css 清除浮动的方法

css 清除浮动浮动布局、定位布局、百分比布局为css中布局的常用的布局方式，而且兼容性会比较好。随着flex的流行，以后会是主流，但IE10以下不兼容flex布局。float布局会脱离文档流，对页面的布局造成影响，比如造成父级的高度坍塌等问题。清除浮动后，被设置了 float 的元素会脱离文档流（可以清空格）。清楚浮动的概念在非IE浏览器下，当容器的高度为auto，且容器的内容中有浮动的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响布局的现象。这个现象叫浮

原创 vue、js 打印 window.print（）方法

print()方法print() 方法用于打印当前窗口的内容。调用 print() 方法会产生一个打印预览弹框，让用户可以设置打印请求。最简单的打印就是直接调用window.print()，当然用 document.querySelector('print') 也可以达到同样的效果。默认打印页面中body里的所有内容。最简单的使用，直接window.print()就可以，当然，document.execCommand('print') 也可以达到同样的效果。代码示例 ：// 这里我们是对局部打印做

原创 vue项目 npm run dev Error: listen EADDRNOTAVAIL 192.168.16.61:8080 at Server.setupListenHandle [a

vue项目启动项目报错你可能有遇到过从github或gs拿回来的代码无法启动的问题，往下看，可能会帮助到你！Error: listen EADDRNOTAVAIL 192.168.16.61:8080 at Server.setupListenHandle [as _listen2] (net.js:1269:19) at listenInCluster (net.js:1334:12) at doListen (net.js:1460:7) at process._t

原创 js构造函数

js构造函数1. 什么是构造函数在JavaScript中，用new关键字来调用的函数，称为构造函数，构造函数首字母一般大写2. 使用构造函数的场景var p1 = { name:'Tom',age:'18',sex:'男'};var p2 = { name:'Jerry',age:'18',sex:'男'};var p3 = { name:'Speike',age:'20',sex:'男'};var p4 = { name:'Tyke',age:'8',sex:'男'};、var p..

原创 js深拷贝、深克隆

js深拷贝上篇文章，我们看到的其实就是简单的浅拷贝。一、 浅拷贝对于浅拷贝而言，就是只拷贝对象的引用，而不深层次的拷贝对象的值，多个对象指向堆内存中的同一对象，任何一个修改都会使得所有对象的值修改，因为它们公用一条数据二、深拷贝在实际的项目中，不能让每个对象的值都指向同一个堆内存，不便于我们做数据的操作，所以我们需要用到深拷贝。如下列方法：方法一：JSON.stringify（）、JSON。parse()没有发生引用问题，修改newObj的数据，并不会对obj造成数据改变。我们还可以这

原创 js基本数据类型、引用数据类型的赋值

js数据类型js 数据类型有8种在ES5，数据类型是 6种：Number、String、Boolean、undefined、object、Null。在ES6 中新增了一种 Symbol 。这种类型的对象永不相等，即使创建的时候传入相同的值。可以解决属性名冲突的问题，做为标记。谷歌67版本中还出现了一种 bigInt。是指安全存储、操作大整数。（但是很多人不把这个做为一个类型）。js数据类型：Number、String、Boolean、Null、undefined、object、symbol、bi

原创 element-ui 日期组件选择只能在三个月内

element-ui 日期组件选择只能在三个月内step1参考element ui提供的一些方法step2data >> return写入 duration，定义为数组注意：这里的this指向已改变，需在return 上方 let _this = this; pickerOptions:{ disabledDate(time){ let currentTime=_this.duration[0] let threeMonths=60*

原创 Vue报warning the “scope“ attribute for scoped slots have been deprecated and replaced by “slot-scope“

Vue项目控制台警告 ：the “scope” attribute for scoped slots have been deprecated and replaced by “slot-scope” since 2.5.The new “slot-scope” attribute can also be used on plain elements in addition to to denote scoped slots.警告原因：“scope"标签自Vue 2.5版本后被遗弃，替代的新标签时

原创 element ui el-table在ie浏览器数据多时卡顿问题

element ui el-table在ie浏览器数据多时卡顿问题vue项目中使用ElementUI组件库，在需要兼容ie时，使用到el-table，在表格数据较多的情况下，分页选每页数据展示超过20条时，表格下滑很卡顿。解决方案：1、升级elementUI到v2.8.0以上2、避免使用表格中使用show-overflow-tooltip3、在el-table或父元素上设置z-index，或调高z-index （针对ie）（调高z-index,请注意页面弹出框等元素z-index值要比el-ta

原创 vue npm ERR! code ELIFECYCLE报错解决方案

npm ERR! code ELIFECYCLE报错解决方案报错原因：本地node_modules有意外改动，导致依赖不完整或有冲突解决方案：删除项目下的node_modules，在你的项目目录下，重新执行npm install，重新下载依赖。step1: npm cache clean --forcestep2: rm -rf node_modulesstep3: rm-package-lock.jsonstep4: npm install npm 成功后 重新npm run st.

原创 keep-alive属性及生命周期

keep-alive属性及生命周期keep-alive应用场景keep-alive的生命周期keep-aliveProps 的使用include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max - 数字。最多可以缓存多少组件实例。<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们当组件在 内被切换，它的 activated 和 deactivated 这两个生命

原创 vue项目打印功能

vue项目打印功能npm方式安装使用手动下载插件到本地在vue项目中, 如果你需要做打印功能, 那么继续往下看, 或许会帮到你两种方式 :npm方式安装使用npm install vue-print-nb --save安装完毕后 main.js 中导入 import Print from 'vue-print-nb' 　　Vue.use(Print); //注册在页面中使用<div id="printTest" >　　　<p>明月照于山间</p&g

原创 Vue项目部署线上后页面空白解决办法, Vue项目打包发布线上后页面空白, 控制台报错解决方案

Vue项目部署线上后页面空白这里将路由模式改成hash模式const router = new VueRouter({ base: '/', mode: 'hash', routes,})export default router在Vue2.6 版本 vue.config.js 文件是需要我们自己创建的创建文件后写下如下代码module.exports = { publicPath: '/', // 注意 这里使用 / 如果不行的话 就 ./ outpu

原创 ajax请求封装

ajax请求封装/* request 网络请求*/function ajax(options) { /** * 传入方式默认为对象 * */ options = options || {}; /** * 默认为GET请求 * */ options.type = (options.type || "GET").toUpperCase(); /** * 返回值类型默认为json * */ opt

原创 JavaScript项目常用方法整理,复制即用, 一定要收藏, 不然刷着刷着就找不到了

JavaScript常用方法判断是否为数组数组去重es6和es5方法数组最大值数组求和数组对象求和数组合并,目前合并一维检测数组中是否包含某值判断是否是数字判断是否是字母判断是否全部是小写字母判断是否是大写字母判断是否是字母或数字判断是否是中文判断是否是中文，数字或字母判断是否是邮箱地址判断是否是手机号，只要是13,14,15,16,17,18,19开头即可判断是否是正确的网址localStorage 存贮localStorage 获取localStorage 移除localStorage 存贮某一段时间失

原创 JavaScript操作数组方法

JavaScript 操作数组和对象方法spliceconcatjoinpoppushshiftslicesort创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入splicesplice() 方法向/从数组中添加/删除项目，然后返回被删除的项目语法: arr.splice(index, arrlength, item1, item2, i

原创 uniapp数据缓存/获取

uni.setStorage(OBJECT) 异步缓存uni.setStorage是将我们的数据存储在本地缓存中指定的健值中，会覆盖掉原来的健值对应的内容，是一个异步接口示例：这里是存的代码uni.setStorage({ key: 'id', // 存储值的名称 data: 'hello', // 将要存储的数据 success:res => { // 成功后的回调 console.log(res); }});

原创 vue2.0响应式原理及缺点

vue的原理及存在的优缺点响应式原理Object.definedPropretyVUE2.0响应式数据存在的缺陷及响应式原理响应式原理Object.definedPropretyVUE的有一个特性叫双向绑定！但它这个双向绑定并不是一个真正的双向绑定，而是两个单向绑定。双向绑定大致理解图上图，你就可以理解这是VUE的双向绑定大致图，但实际情况要比这个复杂的多。下面我们来分析一下VUE的双向绑定中重要的一个环节：变量响应式 <div id="app"> {{message}} &lt