自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

转载 2020-12-29

转载于:Vue项目开启gzip压缩做了很多Vue项目,都有一个通病,随着代码越来越庞大,首页加载越来越慢,有时候出去演示,网络不好的时候,转半天,登录页面还没有出来。这主要是一些大的js文件造成的,这就是Vue的缺点吧,所有的代码都打包到一个JS文件里,网络传输太慢,有的项目都十几兆。gzip的本质,个人觉得是在build的时候打包两份代码,一份压缩的,一份未压缩的,然后nginx在接收请求时,优先选择压缩后的格式返给客户端。这里主要测试了使用gzip进行压缩,来压缩js和css文件大小,提升加载速度

2020-12-29 17:06:54 5

原创 flex布局布局之flex:1属性详解

弹性布局基本概念采用Flex布局的元素,称为 Flex容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex项目(flex item),简称"项目"。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main

2020-12-25 11:49:03 43

转载 静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别

转载自:https://www.cnblogs.com/yanayana/p/7066948.html静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别一、静态布局(Static Layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景

2020-12-23 08:41:56 34

原创 vue渲染时数据对象里面的子对象的属性报错undefined,但页面正常渲染

vue渲染时数据对象里面的子对象的属性报错undefined,但页面正常渲染。报如图所示错误页面中报错的位置原因是在data中申明了空对象,页面在渲染的时候,数据还没获取到的时候,首先渲染的是初始值,所以会报错。而数据获取回来之后,由于vue双向绑定的特点,页面会再次正常渲染。所以从结果上看是页面既成功渲染了,又有报错信息。解决办法1.使用v-if判断2.申明对象时为对象设置初始值 export default { data() { return { da

2020-12-21 23:09:24 52

原创 vue项目打包element-icons路径错误

问题描述vue项目打包之后,部署运行时报错显示字体路径错误/static/css/static/fonts/element-icons.535877f.woff,正确路径是/static/fonts/element-icons.535877f.woff。解决办法1.在build/utils下的ExtractTextPlugin.extract下添加publicPath:'../../' // (which is the case during production build) if

2020-12-09 09:37:16 42

原创 vue引用第三方组件修改组件样式在scoped下作用无效可添加/deep/或者>>>

以ElementUI为例。在使用el-card组件的时候,想修改hearder的样式<style scoped>.el-card .el-card__header{ background-color: salmon;}<style/>在scoped的状态下,这样修改并不生效这个时候用/deep/或者>>>就会生效了<style scoped>.el-card /deep/ .el-card__header{ back

2020-12-07 00:10:24 25

原创 最新MySQL下载安装教程

1.下载MySQL数据库可以访问官方网站:https://www.mysql.com/2.点击DOWNLOADS,滑到最底部,点击MySQL Community(GPL) Download3.点击MySQL Community Server 进入下载4.选择左边是通用最新版本,选择右边可以选择之前的老版本5.版本选择,下载...

2020-08-23 11:11:49 447

原创 windows下无法安装node-sass解决办法

解决办法:主要是windows平台缺少编译环境 python 2.7, 接着1、先运行:npm install -g node-gyp2、然后运行:运行npm install –global –production windows-build-tools可以自动安装跨平台的编译器:gym或者set SASS_BINARY_SITE=https://npm.taobao.org/mirro...

2020-08-23 10:19:39 112

原创 js实现点击图片就下载图片,适用于Google,Firefox浏览器

// 图片下载 /** * url: 图片的路径,必需参数 * name:图片的名称,非必需参数 */ downloadByBlob(url, name) { let image = new Image() image.setAttribute('crossOrigin', 'anonymous') image.src = url image.onload = () => { let ...

2020-07-29 19:28:08 89

原创 windows系统查看端口被占用,杀掉进程方法

2020-06-30 16:21:47 69

原创 图片转换ArrayBuffer转Base64

const arrayBufferToBase64Img = (buffer) => { const str = String.fromCharCode(...new Uint8Array(buffer)); return `data:image/jpeg;base64,${window.btoa(str)}`;}

2020-05-29 16:22:15 645

原创 如何使用filter方法递归过滤Tree数组对象

const treeData = [{ title: "1", key: "1", children: [{ title: "1-1", key: "1-1", children:[{ title:"1-1-1", key:"1-1-1", },{ title:"1-1-2", key:"1-1-2", }] }, { title: "1-2", key: "1-2", },{

2020-05-26 19:53:54 575

原创 本地代码上传到码云仓库的办法,以及上传失败的解决办法

1.先在码云线上仓库创建一个项目,项目名为XXX2.在本地电脑新建一个文件夹,文件夹名为xxx(要跟线上仓库项目名一致)3.进入本地xxx文件夹内,右键Git Bash Here,打开git命令窗口4.执行git init命令 ,初始化本地仓库git init5.将要上传的码云的代码文件放入xxx文件夹内,再执行git status命令,查看工作区代码与暂存区的区别,会发现工作区已修改的文件都是红色字体标识出来的git status6.红色表示代码还在工作区,要将代码放入缓存区,也就是暂存

2020-05-17 20:17:22 498

原创 vue生命周期详细图解

2020-05-16 22:41:21 77

原创 如何解决node-sass安装报错的问题

//首先卸载已安装的node-sass@4.9.0npm uninstall node-sass@4.9.0//重新安装npm install node-sass@4.9.0//如果报关于gyp的错,安装相关的gyp编译环境npm install -g node-gyp//再重复执行以上的卸载安装步骤//安装完成启动项目试试npm run dev...

2020-04-29 10:18:28 871

原创 JAVA单例设计测试

单例demopackage cgb.java.model.singleton;import java.util.ArrayList;import java.util.List;/** * 需求:设计一个类,保证此类的实例在一个JVM内部只有一份 */class Singleton01{//此设计在多线程环境中存在不安全 private Singleton01(){} privat...

2019-07-21 22:35:21 58

转载 【转载】Java中String常用方法

转自博客园:https://www.cnblogs.com/liujiquan/p/7808501.htmljava中常用的String方法length()字符串的长度String a = "Hello Word!";System.out.println(a.length);输出的结果是字符串长度10。charAt()截取一个字符String a = "Hello Word...

2019-07-20 17:28:20 52

原创 二分法查找,冒泡排序,快速排序 简单示例

二分法查找:/** * 二分法查找 从一个有序数组(如升序)中找到值为key元素 * * @param key 要查找的值 * @param array 目标数组(有序) * @return 如果找到目标元素,则返回其在数组中的索引,否则返回-1 */ public static int find(int key, int[] array) { int low =...

2019-07-20 17:08:59 95

转载 【转载】原生Ajax写法

相关链接:https://blog.csdn.net/qq_30101879/article/details/77916622原生Ajax的使用:function ajax(url){ var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : ActiveXObject("microsoft.XMLHttp") ...

2019-07-11 15:10:06 68

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除