- 博客(23)
- 收藏
- 关注
RSS订阅原创 vue项目部署
第一步：这是很关键的一步。打开项目，找到config文件夹下的index.js。搜索 assetsPublicPath 默认值为 '/‘ 应改为你要挂在到服务器的那个文件下的路径 。第二步：因为在开发时 会有跨域问题 我们为了方便会配置跨域代理比如proxyTable 一般都这样写,因为要部署到服务器上所以到服务器上之后就不存在跨域了,注销掉他。第三步：解决部署后图片图表路径404问题如xxxx/static/css/static/css/xxx这样的路径 在build/utils 中，找到这
2021-09-28 15:09:58
155
原创 你不知道的JavaScript库！（佛系更新）
目录函数库——lodashMock数据——mockjs日期处理moment.jsday.js复制粘贴插件 —— clipboard-polyfill函数库——lodashLodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。推荐度：⭐️⭐️⭐️⭐️⭐️魔法之门Mock数据——mockjs生成任意随机数据，拦截 Ajax 请求。让前端小伙伴实现快速开发的必备神器推荐度：⭐️⭐️⭐️⭐️⭐️魔法之门日期处理moment.js推荐度：⭐️⭐️⭐️⭐️⭐️JavaS
2021-09-01 14:11:09
121
原创 ES* 相关知识点（不间断更新）
目录一、ES6（ES2015）1. let 和const1-1. var / let 和 const 三者的区别2. class（类）3. 箭头函数3-1、箭头函数和普通函数区别4. 函数参数默认值5. 模板字符串6. 解构赋值一、ES6（ES2015）1. let 和const1-1. var / let 和 const 三者的区别varletconst变量提升√××全局变量√××重复声明√××重复赋值√√×暂时性死区×√
2021-08-12 09:47:32
157
原创 vue使用rem
1. 安装 amfe-flexible、postcss-px2rem-excludecnpm i amfe-flexible postcss-px2rem-exclude --save2.在main.js文件中引入import 'amfe-flexible'3. 配置.postcssrc.js（没有则新建）module.exports = { plugins: { autoprefixer: {}, "postcss-px2rem-exclude": { "remUnit": 75, "exc
2021-08-09 09:34:15
102
原创 vue 项目全局修改element-ui的样式
修改例子：在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
2021-08-03 10:08:54
3362
原创 21年前端面试宝典
不积跬步无以至千里，不积小流无以成江海目录一、什么叫Dom事件流？二、如何让事件先冒泡后捕获一、什么叫Dom事件流？事件发生时会在节点之间按照特点的顺序传播，整个过程分为捕获阶段，目标阶段和冒泡阶段，这个传播 过程就是事件流。事件冒泡：从事件源逐级向上传播，直至到DOM最顶层节点的过程。事件捕获：从DOM最顶层节点逐级向下传播，直至到事件源的过程。addEventListener 用于指定事件处理程序，共接受三个参数。addEventListener( “要触发的事件”,“事件处理程序”.
2021-08-02 09:29:32
537
原创 VUE 后台管理系统项目集合
一、vue-element-admingithub地址: 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-admingithub地址: https://gith
2021-03-12 09:28:24
1004
原创 meta禁用浏览器缓存
<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" />
2021-03-11 09:22:01
168
原创 重绘（repaint）与重排（reflow）
重绘屏幕的一部分要重绘。渲染树节点发生改变，但是不影响节点在页面中得空间位置及大小。譬如：某个div节点得背景颜色发生改变，但是div节点得宽/高/内外边距不发生改变，此时就会触发浏览器重绘。重排（也叫 回流）当渲染树节点发生改变，影响了节点得几何属性（如：宽/高/内外边距/float/position/display:none;等），导致节点位置发生变化，此时就会触发浏览器重排。注意：重排必将引起 重绘， 而 重绘不一定会引起重排。重排 的 触发场景？1、添加或者删除可见的DOM元素；2、
2021-03-02 14:14:39
267
原创 vue的响应式原理
什么是响应式原理在改变数据的时候，视图会跟着更新。 VUE利用Object.defineProperty的方法里面的setter 和 getter方法的 观察者模式 来实现的。Object.defindProperty这个方法就是在一个对象上定义一个新的属性，或者改变一个对象现有的属性，并且返回一个对象。里面有两个字段 set 和 get 。 顾名思义，set 就是设置属性的值， 而 get 就是获取属性的值。举个例子：var bValue="默认值", o = {};Object.define
2021-03-02 13:31:12
128
1
原创 访问图片资源403问题
通过img标签引入一个图片地址，报403。但是这个图片地址直接复制出来在地址栏打开，却是看得到的。解决方法：在html中的head标签里加入即可。原理：http请求体的header中有一个referrer字段，用来表示发起http请求的源地址信息，服务器端在拿到这个referrer值后就可以进行相关的处理，比如图片资源，可以通过referrer值判断请求是否来自本站，若不是则返回403或者重定向返回其他信息，从而实现图片的防盗链。上面出现403就是因为，请求的是别人服务器上的资源，但把自己的refe
2021-02-20 10:12:42
536
原创 微信小程序预览文档
场景：需要小程序内打开预览文档1.首先想到的是下载----->打开 所以选用了downloadFile----->openDocument 然而问题来了。iPhone会出现打不开的情况，监测了下方法执行没问题都是success2.查文档，换套路，选用新标签web-view ，Android不支持3.最终解决方案：如下wx.getSystemInfo({ success: function(res) { console.log(res.model)
2021-02-03 09:15:25
3522
原创 vue 项目完美运行在IE或者360浏览器兼容模式下 踩坑笔记
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
2021-02-02 09:54:31
1793
1
原创 vuex实现简单的登录功能
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
2021-01-20 09:35:43
4292
原创 vue安装sass的填坑笔记
最近的一个项目用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.
2021-01-18 10:27:47
149
原创 git设置忽略文件不上传
提交代码时，总是有些需要忽略不上传的文件，比如说你打包的内容之类的。1.在项目中打开git并输入 touch .gitignore这时候你就可以看见打开并输入要忽略的文件夹这样就完成啦啦啦
2021-01-15 10:30:16
402
原创 JavaScript防抖节流
函数防抖原理： 当持续触发事件时，一定时间段内没有再次触发事件,事件处理函数才会执行一次，如果设定的时间到来之前，又触发了事件，就重新开始延时。场景：scroll事件持续触发时，并不持续的触发事件处理函数，当1000毫秒内没有触发scroll事件时，才会延时触发scrooll事件处理函数。实现：每次都要清空定时器。重新设置上计时器的值，使得计时器每次都重新开始，直到最后满足条件并且等待delay时间后，才开始执行fn函数function debunce (fn, delay) { // fn是要
2020-12-18 14:49:07
82
原创 前端解决跨域的九种方法
什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1、资源跳转：A链接、重定向、表单提交2、资源嵌入： 、3、脚本请求： js发起的ajax请求、dom和js对象的跨域操作等其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。什么是同源策略？同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS
2020-12-14 17:05:18
621
2
原创 xhr.upload.onprogress监听上传进度产生跨域
xhr.upload.onprogress监听上传进度产生跨域问题起因：ie和edge浏览器在调用xhr.upload.onprogress进度事件时，仍然只会发送post或者get请求，但是火狐等高端一点的浏览器会将其视为跨域问题，并在post或者get请求之前，自动发出一个option请求那么坑爹的就是，后台不解决option，后续新的请求就不会得到响应。解决方案后台处理option请求就行...
2020-12-14 16:47:28
905
原创 ueditor编辑器对接米秀
https://ent.xiumi.us/ue/ 米秀对接文档https://github.com/fex-team/ueditor ueditor 下载地址
2020-10-26 16:50:20
146
原创 不为人知的NodeJS(1)
不为人知的NodeJS1.NodeJS中的控制台1-1. console.log1-2. console.error1-3. console.dir1-4. console.time 和 console.timeEnd1-5. console.trace1-6. console.assert2. __filename变量与__dirname变量3. 事件机制1.NodeJS中的控制台1-1. console.log用于进行标准输出流的输出，即在控制台中显示一行字符串1-2. console.err
2020-09-29 14:17:26
76
原创 HBuilder X 中使用mumu模拟器进行App开发调试
目录第一步第二步运行第一步安装软件新建项目，这里省略代码相关第二步配置环境只配置这个还不行，我一开始在这卡了很久，后来发现还需要配置环境变量运行等待安装成功后，在模拟器上就有了...
2019-10-11 17:50:28
4162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人