- 博客(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 自动化转图片
2019-11-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人