自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 资源 (1)
  • 收藏
  • 关注

原创 解决ios解析new Date 时间出错方法

解决方法1:new Date("2018-06-14 00:00:00".replace(/-/g,'/')).getTime()解决方法2:new Date("2018/06/14 00:00:00").getTime()若按照正常写法new Date("2018-06-14 00:00:00").getTime();ios中显示NaN,若按照new Date('2018',...

2019-11-29 15:06:36 824

原创 vue-hooks取消上一次请求

// 根路由相关的hook 钩子 全局钩子import store from '@/vuex/store';import * as types from '@/vuex/actions-type'export default { // 标识 当前的hook的作用 cancelToken: (to, from, next) => { console.log("进行")...

2019-11-26 09:42:41 327

原创 拦截浏览器路由的方法---拦截history

// 拦截history的方法,因为pushState和replaceState方法并不会触发onpopstate事件, const originalPushState = window.history.pushState; const originalReplaceState = window.history.replaceState; window.his...

2019-11-21 09:07:44 1175

原创 如何优雅的在css中使用webp

less/* 通过这个函数来引入图片,例如: #wrapper{ @include bg('../img/sample.jpg') } 这段代码经过编译后便会生成如下两句代码 #wrapper{ background-image:url('../img/sample.jpg'); } .webp #wrapper{ background-image:ur...

2019-11-19 21:23:01 1678

原创 Filename和chunkFilename的区别

Output:有两个配置filename和chunkFilenameFilename:打包同步代码chunkFilename:打包异步代码配置如下:1、filename:'js/[name].[hash].js':Hash:是根据整个项目来构建,项目构建使用同一个hash, 任何文件改动, 所有hash都会改变2、filename:'js/[name].[chu...

2019-11-19 07:57:11 4577

原创 vue实现异步组件加载带loadng

// 实现loading效果import Loading from '@/components/Loading'const loadable = (asyncFunction) => { const component = () => ({ component: asyncFunction(), loading: Loading }) // 最终要返...

2019-11-12 09:27:41 897

原创 基于axios封装ajax

import axios from "axios";import store from '@/vuex/store';import * as types from '@/vuex/actions-type'class AjaxRequest { constructor() { this.baseURL = "http://allad.huduo.tech/cms/v1"; //...

2019-11-12 09:25:08 216

原创 vue-cli最新配置

const path = require("path");const webpack = require("webpack");var MiniCssExtractPlugin = require('mini-css-extract-plugin')var WebpackMd5Hash = require('webpack-md...

2019-11-11 09:39:53 497

原创 webpack打包会根据webp-loader生成webp格式图片

/*** * create by porter * 这个loader已经包含了url-loader file-loader * webp的 * 参数:options{ * name:[name].[hash].[ext] 不传则默认使用hash 这个是url|file|webp * preset 文件类型 default,photo,picture,drawing,icon和...

2019-11-11 09:39:09 1914

原创 vue指令自动判断是否支持webp,然后自动更换图片

directives: { webp: { bind: (el,vnode) => { //先判断浏览器是否支持webp let isWebp = false; let elem = document.createElement("canvas"); if (!!(elem.getContext &&...

2019-11-11 09:37:33 1279 1

webp.rar 自动化转图片

webp.rar 自动化转图片,方便前端同学开发的时候可以使用,避免使用一些人工操作。最近项目有缩减包体的任务,分析包体发现前阵子的新引入的动态webp特别大,没办法,只能压缩了,找UI竟然告诉我她不会,是产品传入某个软件弄的,打算自己下一个,发现用不了,只能自力更生了,搜来搜去,发现google有提供官方的webp转换工具。

2019-11-20

空空如也

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

TA关注的人

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