小九的小酒的博客

第一步：这是很关键的一步。打开项目，找到config文件夹下的index.js。搜索 assetsPublicPath 默认值为 '/‘ 应改为你要挂在到服务器的那个文件下的路径 。 第二步：因为在开发时 会有跨域问题 我们为了方便会配置跨域代理比如proxyTable 一般都这样写,因为要部署到服务器上所以到服务器上之后就不存在跨域了,注销掉他。 第三步：解决部署后图片图表路径404问题如xxxx/static/css/static/css/xxx这样的路径 在build/utils 中，找到这

目录函数库——lodashMock数据——mockjs日期处理moment.jsday.js复制粘贴插件 —— clipboard-polyfill 函数库——lodash Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。 推荐度：⭐️⭐️⭐️⭐️⭐️ 魔法之门 Mock数据——mockjs 生成任意随机数据，拦截 Ajax 请求。让前端小伙伴实现快速开发的必备神器 推荐度：⭐️⭐️⭐️⭐️⭐️ 魔法之门 日期处理 moment.js 推荐度：⭐️⭐️⭐️⭐️⭐️ JavaS

目录一、ES6（ES2015）1. let 和const1-1. var / let 和 const 三者的区别2. class（类）3. 箭头函数3-1、箭头函数和普通函数区别4. 函数参数默认值5. 模板字符串6. 解构赋值 一、ES6（ES2015） 1. let 和const 1-1. var / let 和 const 三者的区别 var let const 变量提升 √ × × 全局变量 √ × × 重复声明 √ × × 重复赋值 √ √ × 暂时性死区 × √

1. 安装 amfe-flexible、postcss-px2rem-exclude cnpm i amfe-flexible postcss-px2rem-exclude --save 2.在main.js文件中引入 import 'amfe-flexible' 3. 配置.postcssrc.js（没有则新建） module.exports = { plugins: { autoprefixer: {}, "postcss-px2rem-exclude": { "remUnit": 75, "exc

修改例子： 在src文件下创建 element-var.scss，代码如下 $–color-primary: yellow; /修改按钮primary的颜色/ /* 改变 icon 字体路径变量，必需 */ $–font-path: ‘…/node_modules/element-ui/lib/theme-chalk/fonts’; @import “…/node_modules/element-ui/packages/theme-chalk/src/index”; 然后在main.js引入element

不积跬步无以至千里，不积小流无以成江海 目录一、什么叫Dom事件流？二、如何让事件先冒泡后捕获 一、什么叫Dom事件流？ 事件发生时会在节点之间按照特点的顺序传播，整个过程分为捕获阶段，目标阶段和冒泡阶段，这个传播 过程就是事件流。 事件冒泡：从事件源逐级向上传播，直至到DOM最顶层节点的过程。 事件捕获：从DOM最顶层节点逐级向下传播，直至到事件源的过程。 addEventListener 用于指定事件处理程序，共接受三个参数。 addEventListener( “要触发的事件”,“事件处理程序”.

一、vue-element-admin github地址: https://github.com/PanJiaChen/vue-element-admin 文档地址：https://panjiachen.gitee.io/vue-element-admin-site/zh/ 预览地址：https://panjiachen.gitee.io/vue-element-admin/#/login?redirect=%2Fi18n%2Findex 二、vue-admin github地址: https://gith

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" />

重绘 屏幕的一部分要重绘。渲染树节点发生改变，但是不影响节点在页面中得空间位置及大小。 譬如：某个div节点得背景颜色发生改变，但是div节点得宽/高/内外边距不发生改变，此时就会触发浏览器重绘。 重排（也叫 回流） 当渲染树节点发生改变，影响了节点得几何属性（如：宽/高/内外边距/float/position/display:none;等），导致节点位置发生变化，此时就会触发浏览器重排。 注意：重排必将引起 重绘， 而 重绘不一定会引起重排。 重排 的 触发场景？ 1、添加或者删除可见的DOM元素； 2、

什么是响应式原理 在改变数据的时候，视图会跟着更新。 VUE利用Object.defineProperty的方法里面的setter 和 getter方法的 观察者模式 来实现的。 Object.defindProperty 这个方法就是在一个对象上定义一个新的属性，或者改变一个对象现有的属性，并且返回一个对象。里面有两个字段 set 和 get 。 顾名思义，set 就是设置属性的值， 而 get 就是获取属性的值。 举个例子： var bValue="默认值", o = {}; Object.define

通过img标签引入一个图片地址，报403。但是这个图片地址直接复制出来在地址栏打开，却是看得到的。 解决方法： 在html中的head标签里加入即可。 原理： http请求体的header中有一个referrer字段，用来表示发起http请求的源地址信息，服务器端在拿到这个referrer值后就可以进行相关的处理，比如图片资源，可以通过referrer值判断请求是否来自本站，若不是则返回403或者重定向返回其他信息，从而实现图片的防盗链。上面出现403就是因为，请求的是别人服务器上的资源，但把自己的refe

场景：需要小程序内打开预览文档 1.首先想到的是下载----->打开 所以选用了downloadFile----->openDocument 然而问题来了。iPhone会出现打不开的情况，监测了下方法执行没问题都是success 2.查文档，换套路，选用新标签web-view ，Android不支持 3.最终解决方案：如下 wx.getSystemInfo({ success: function(res) { console.log(res.model)

vue 项目完美运行在IE或者360浏览器兼容模式下 踩坑笔记 场景：最近的项目测试大大发现在360兼容模式下百页。然而这个兼容模式下用的是IE内核 也就是vue项目需要兼容IE。 首先解决 IE不支持 Promise 解决办法 引入 <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script> 或 <script type="text/javascript" src ="https://cdn.pol

vuex的安装此处就不多说了 安装好后，在src下面新建vuex文件夹，并在vuex下面创建index.js文件 // 导入 vue和vuex,并把vuex挂载到vue实例 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ // 全局变量 state: { user: undefined }, // 修改全局变量必须通过mutat

最近的一个项目用vue2.x构建，需要sass 我反反复复的安装5遍后还是跑不起来项目，我打算一个报错一个报错的去排查，看到这个错误，很明显是版本不配套，我卸载了sass，重新制定版本安装 我这里是降低sass-loader版本来解决，你也可以升级webpack版本来尝试解决（我没测试） 在这里你可能会遇到这个报错 Module build failed: Error: Node Sass version 5.0.0 is incompatible with ^4.0.0 这个也是版本问题 我们推荐n.

提交代码时，总是有些需要忽略不上传的文件，比如说你打包的内容之类的。 1.在项目中打开git 并输入 touch .gitignore 这时候你就可以看见 打开并输入要忽略的文件夹 这样就完成啦啦啦

函数防抖 原理： 当持续触发事件时，一定时间段内没有再次触发事件,事件处理函数才会执行一次，如果设定的时间到来之前，又触发了事件，就重新开始延时。 场景：scroll事件持续触发时，并不持续的触发事件处理函数，当1000毫秒内没有触发scroll事件时，才会延时触发scrooll事件处理函数。 实现：每次都要清空定时器。重新设置上计时器的值，使得计时器每次都重新开始，直到最后满足条件并且等待delay时间后，才开始执行fn函数 function debunce (fn, delay) { // fn是要

什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 1、资源跳转：A链接、重定向、表单提交 2、资源嵌入： 、3、脚本请求： js发起的ajax请求、dom和js对象的跨域操作等 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。 什么是同源策略？ 同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS

xhr.upload.onprogress监听上传进度产生跨域 问题起因： ie和edge浏览器在调用xhr.upload.onprogress进度事件时，仍然只会发送post或者get请求， 但是火狐等高端一点的浏览器会将其视为跨域问题，并在post或者get请求之前，自动发出一个option请求 那么坑爹的就是，后台不解决option，后续新的请求就不会得到响应。 解决方案 后台处理option请求就行 ...

https://ent.xiumi.us/ue/ 米秀对接文档 https://github.com/fex-team/ueditor ueditor 下载地址