04 2020 档案

Vue 项目（HTML5 History 模式） 部署服务器

摘要：history路由404配置 后端配置： https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90 一、前端配置： ①、r 阅读全文

posted @ 2020-04-26 22:13 博客sl 阅读(1676) 评论(0) 推荐(0)

axios拦截器

摘要：axios 全局配置： //axios-init.js import axios from 'axios'； let loadingInstance; //创建Loading 的实例 axios.defaults.baseURL = appConfig.xhr.baseURL; // 配置axios 阅读全文

posted @ 2020-04-25 13:53 博客sl 阅读(251) 评论(0) 推荐(0)

vue单页面优化

摘要：1. 图片优化 首先是UI设计师对图片进行一次压缩，到了前端工程师手上再进行一次压缩，推荐网站https://tinypng.com/。本人使用的技术栈时VUE和webpack，代码压缩在webpack中可以配置，不再详述。 2. webpack打包优化 如果按照vue-cli的正常配置进行打包，打 阅读全文

posted @ 2020-04-23 21:28 博客sl 阅读(432) 评论(0) 推荐(0)

html设置http缓存代码

摘要：前端设置http缓存,前端设置html页面缓存方法：静态的html页面想要设置使用缓存需要通过HTTP的META设置expires和cache-control 设置如下网页元信息: <meta http-equiv="Cache-Control" content="max-age=7200" /> 阅读全文

posted @ 2020-04-21 20:44 博客sl 阅读(621) 评论(0) 推荐(0)

js数组去重，排序的几种方法

摘要：去重： 1,arr.splice var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5]; function norepeat(arr) { var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5]; function n 阅读全文

posted @ 2020-04-20 20:39 博客sl 阅读(4928) 评论(0) 推荐(0)

前端移动端问题

摘要：1，ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉 ios用户点击一个链接，会出现一个半透明灰色遮罩, 如果想要禁用，可设置-webkit-tap-highlight-color的alpha值为0，也就是属性值的最后一位设置为0就可以去除半透明灰色遮罩 a,button,input,texta 阅读全文

posted @ 2020-04-19 20:49 博客sl 阅读(152) 评论(0) 推荐(0)

请求超时

摘要：1.基本使用 Fetch 是一个新的端获取资源的接口，用于替换笨重繁琐XMLHttpRequest.它有了Request 和 Response 以及Headers对象的概念，与后端语言请求资源更接近。 一个简单的GET请求 fetch('https://www.baidu.com') .then(r 阅读全文

posted @ 2020-04-17 15:52 博客sl 阅读(788) 评论(0) 推荐(0)

React组件属性 （propTypes）校验

摘要：React.createClass({ propTypes: { // 可以声明 prop 为指定的 JS 基本类型。默认 // 情况下，这些 prop 都是可传可不传的。 optionalArray: React.PropTypes.array, optionalBool: React.PropT 阅读全文

posted @ 2020-04-17 13:10 博客sl 阅读(1194) 评论(0) 推荐(0)

多个页面之间信息的传递

摘要：自定义事件 // e 代表触发的事件对象window.addEventListener("huangbiao", function (e) { console.log(arguments); debugger if (e.myAttr "demo") { alert("key值为demo，添加成功！ 阅读全文

posted @ 2020-04-15 15:33 博客sl 阅读(506) 评论(0) 推荐(0)

display:inline-block元素之间空隙的产生原因和解决办法

摘要：display:inline-block是一种布局方法，它相比于与浮动、定位最大的不同就是其没有父元素的匿名包裹特性，这使得display:inline-block属性的使用非常自由，可与文字，图片混排，可内嵌block属性元素，可以置身于inline水平的元素中。 在CSS布局中，如果我们想要将一 阅读全文

posted @ 2020-04-15 11:24 博客sl 阅读(442) 评论(0) 推荐(0)

ajax的请求过程

摘要：一、原生JS中的Ajax：1、使用ajax发送数据的步骤 第一步：创建异步对象 var xhr = new XMLHttpRequest();第二步：设置 请求行 open(请求方式，请求url): // get请求如果有参数就需要在url后面拼接参数，// post如果有参数，就在请求体中传递 x 阅读全文

posted @ 2020-04-09 12:42 博客sl 阅读(2963) 评论(0) 推荐(0)

vue-百度地图

摘要：Vue Baidu Map：https://dafrok.github.io/vue-baidu-map/#/zh/start/usage 全局注册 全局注册将一次性引入百度地图组件库的所有组件。 import Vue from 'vue' import BaiduMap from 'vue-bai 阅读全文

posted @ 2020-04-08 13:54 博客sl 阅读(417) 评论(0) 推荐(0)

vue store

摘要：vuex实际项目中的应用实例： import Vue from 'vue' import Vuex from 'vuex' import Base64 from '../common/base64.js'; import { request, getUserInfo, getCartlist } f 阅读全文

posted @ 2020-04-07 21:33 博客sl 阅读(594) 评论(0) 推荐(0)

拦截器

摘要：axios拦截器 在src目录下的api目录创建一个js文件 import axios from 'axios' //引入axios //下面这两个不一定需要引入，看你项目需要拦截的时候做什么操作，但是一般都需要引入store import store from '@/store/index' // 阅读全文

posted @ 2020-04-07 21:00 博客sl 阅读(182) 评论(0) 推荐(0)

原生js之document.createEvent建立自定义事件

摘要：document.createEvent用于创建事件， 在DOM Level 2　的事件中就有HTMLEvents，MouseEvents，UIEvents事件类型。DOM Level 3增加很多事件类型，个人觉得其中最有用的是CustomEvent自定义事件。 为DOM元素创建自定义事件的步骤为： 阅读全文

posted @ 2020-04-03 19:28 博客sl 阅读(3001) 评论(0) 推荐(0)

文件上传

摘要：Ajax上传文件(原生JS篇) <div class='progress'> <div class="step"></div> </div> <form action=""> <input type="text" name='name' placeholder="请输入姓名"> <input typ 阅读全文

posted @ 2020-04-02 21:59 博客sl 阅读(147) 评论(0) 推荐(0)

原生js实现文件下载的几种情况

摘要：内容来源： https://www.cnblogs.com/ajaxkong/p/11686041.html 1：一般通过a标签的方式下载，利用H5的Download属性 代码示例如下： 场景：适用于现代浏览器，url是下载地址，而不是文件流，常用于GET请求 1 function downLoad 阅读全文

posted @ 2020-04-02 21:56 博客sl 阅读(7342) 评论(0) 推荐(0)