- 博客(119)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 h5返回不执行mounted生命周期的问题
## 问题描述> 最近在做一个h5的项目，页面是嵌入到企业微信中的，其中有一个活动主页，从这个页面可以进入到另一生成海报页面，然后再从海报页面用浏览器自带的返回到活动主页，再返回时不调用页面接口了，在活动主页有判断是否登录的接口，如果不登录会显示登录按钮让用户去登录，因为一开始从活动主页跳转到海报页面时是登录状态，现在从海报页面返回时登录状态失效了！！！但是再刷新页面确实是登录状态，只是返回时不走mounted生命周期了，因不产品要求既然是登录状态，那返回时就不要显示登录按钮。## 解决.
2020-06-04 17:06:51
2165
1
原创 new Vue({})初始化流程
new Vue的初始化流程new Vue({})之后发生了什么？首先来看Vue的构造函数，一、src/core/instance/index.js源码：function Vue(options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { wa...
2020-02-19 16:42:46
2155
原创 前端面试题总结
flex:1的使用场景。父元素有宽度，想让子元素的宽度都相同。.parent{ width:300px; display:flex;}.parent div{ flex:1;}vue项目中左右布局时，左边菜单需宽度固定，右边内容展示宽度不固定。.parent{ width:1200px; display:flex;}.left{ width:200px;...
2020-02-14 17:45:59
285
原创 typescript基本语法
test-ts.tsimport { isConstructorDeclaration } from "typescript";//二、类型注解let var1: Stringvar1 = 'typescript'var1 = 1 //波浪线提示错误，因为是字符串类型，不能赋值为Numberlet var2 = true //编译器类型推断可省略这个语法//常见原始...
2020-02-13 20:00:11
400
原创 手写vue-router与vue-vuex
一、手写vue-router1、kvue-router.jsimport Link from './krouter-link'import View from './krouter-view'//1.创建一个krouter对象，只需要把krouter挂载到Vue.prototype.$router = router上 这样在所有的组件中都可以使用$router了//krou...
2020-02-08 15:56:34
467
原创 vue的全局API : vue.extend(component)
vue.extend(component)vue.extend我们在开发中较少用到，相比于vue.component，它的使用会比较复杂些。但是在一些独立组件开发中，比如弹框组件，需要挂载到body中，而不是#app中，这时就需要用到vue.extend+$mount了。vue.extend()的官方定义：vue.extend(options)参数：{object} opti...
2020-02-07 13:17:56
1421
1
原创 vue源码剖析
一、首先要搭建调试环境获取地址：https://github.com/vuejs/vue 这里是下载到本地了，但是如果想上传到自己的github上需要再建一个文件夹，把除README.md之外的所有文件拷贝过去，然后就是本地库与github远程库建立关系了：https://blog.youkuaiyun.com/north1989/article/details/53471439 安装依赖：npm...
2020-01-12 00:15:39
379
原创 canvas画图及圆形的头像
最近在做一个项目，是在mobile网页上生成海报，海报中有用户圆形头像、图标、图片、文字等信息，相对来说也比较复杂的一个海报。问题：一、画圆形头像时就遇到了圆形头像时被切割。问题描述：在用canvas画圆形头像时，向画布右侧移动时，右边半个圆被切割了。原因：给头像的画布位置有限，移出了画布的区域自然就被切割了，一开始用的是fill()去填充，总是会被切割。改之前的代...
2019-12-04 19:52:05
2576
转载 elementUI组件修改样式 覆盖无效的解决方案
在我们使用第三方UI组件库开发时有时需要对这些组件进行一些样式修改。为了vue页面样式模块化，不对全局样式造成污染，我们往往都会加入scoped属性用来限制样式的作用域，然而这也会导致当我们修改部分ui组件样式失效。为了避免这种情况，我们常用以下方式来解决。一、深度作用选择器（ >>> ）<style scoped>.box >>>...
2019-12-04 16:26:38
1591
1
原创 textarea解决换行的简单方法
在后台的textarea 中编辑好的文本是有换行的，但是在前台页面展示出来的就不换行了，这是因为在textarea中换行都是用空格来展示的，在前台页面展示的时候浏览器会把空格去掉。在后台编辑时显示是这样的：在前台页面是这样的：简单的解决办法是：更改样式：这里起作用的就是white-space:pre-wrap;让浏览器保留空白符：.anchor_in...
2019-12-04 16:23:19
3140
原创 nuxt.js项目部署到生产环境时其中后端接口写外网地址不行的问题
最近写nuxt.js项目部署到生产环境遇到了各种各样的问题。这篇文章要写的就是部署到生产环境时调用后端的接口写外网地址不行的问题及解决方案：使用pm2手动部署到生产环境，其中调用后端的接口外网地址是http://192.144.164.39:****/zhizihua。但是使用pm2手动启动项目之后，可以启动，但是页面总是会跳到错误提示页面（用于接口有时无数据或调用出错时展示的页面），...
2019-11-27 20:01:52
2427
1
原创 nuxt.js写项目时增加错误提示页面
为项目增加错误提示页面，比如后端接口没有数据或接口报错的时候，如果不增加错误提示页面的话，那接口报错的信息就会在页面中显示，这显然不利于用户体验。实际操作过程中，可能因为各种原因无法显示正确的返回页面，比如本身这篇文章的id不存在，或者网络请求问题，这时候就需要一个错误展示页用来提示用户；nuxt.js官方也有错误提示页面的写法：传送门-> 官方错误提示页面的写法此项...
2019-11-26 16:50:41
3828
原创 nuxt.js项目使用pm2部署时遇到的问题及解决方案更新
背景：最近在做的一个项目用的是nuxt.js框架。产品需要nginx映射到xsn.com.cn/anchor即访问xsn.com.cn/anchor就是访问http:localhost:3000。但是nuxt.js项目都是通过根路径进行访问的。目前这种情况我还没处理过。上网搜了很久也没找到解决方案。（注：最终在域名后面加/anchor的方式总是不行，后来改为了用二级域名来访问：http:/...
2019-11-23 03:15:00
4180
原创 nuxt.js项目使用pm2部署测试环境和生产环境的配置
先说下需求：目前是一个项目是一个nuxt-app,如果要启动多个nuxt项目时，这时就需要不同的项目使用不同的端口号，这样可以做到互不影响。此项目中的用的端口号是5000，但是在ecosystem.config.js中怎么都加不上端口号，后来经过网上搜索和自己的一番配置，生产环境还是监听不到5000端口，其实质还是服务没有启动。后来经过查看官方文档和参考https://juejin.im/po...
2019-11-21 12:52:39
3495
转载 node.js支持es6的方法及pm2下使用babel-node支持es6
https://blog.youkuaiyun.com/wushichao0325/article/details/85262063nodejs之使用babel支持es6和pm2下使用babel步骤一：安装pm2步骤二：安装babel相关模块步骤三：测试babel是否能够正常使用步骤四：配置pm2总结步骤一：安装pm2通过npm全局模式安装：npm install -g pm2步...
2019-10-17 11:40:38
1671
原创 nuxt.js项目node-sass安装不成功的解决方案
Node-Sass安装失败引发的思考在mac OS或liunx系统下，有时候在安装node-sass时会出现，Permissions Errors可能出现的情况是这样:阅读后你将得到什么你将成功的解决node-sass安装不了苦恼（相同或类似的问题） 不仅仅是node-sass，其他模块如此类问题，同样可以解决 你将获得处理此类问题的，多种解决方案 你...
2019-10-15 18:52:02
1178
原创 gyp ERR! configure error gyp ERR! stack Error: EACCES: permission denied,.....build解决方案
gyp ERR! configure errorgyp ERR! stack Error: EACCES: permission denied, mkdir '/Users/zhang/Documents/data_insight_yinzhou/data_insight_yinzhou/node_modules/node-sass/build'gyp ERR! System Darwi...
2019-09-17 11:26:10
5691
1
原创 鼠标移入移出元素显示与隐藏的技巧
在做网站右上角的退出登录时，需要鼠标移到头像上显示退出按钮，移出时不显示退出按钮。另外头像和退出按钮是同级元素，同在一个父元素中。如果直接用hover来做的话，当鼠标从头像移到退出按钮时，退出按钮总是不显示，因为退出按钮的父元素并不是头像元素，因此不能通过css样式实现。只能通过js来实现了。注意：这时需要在隐藏的js中加一个定时器，延时200ms再隐藏。代码如下：hideMore...
2019-09-09 16:57:12
2716
原创 vue-quill-editor编辑器踩坑
vue-quill-editor github 传送门：https://github.com/surmon-china/vue-quill-editorquill编辑器官网：https://quilljs.com/docs/quickstart/quill编辑器中文文档：https://bingkui.gitbooks.io/quill/content/documentation/quic...
2019-09-02 17:52:39
8576
1
原创 nuxt.js、koa2项目踩坑
一、在用vue写项目时，写组件必须写上name属性，且在引用组件时，组件名首字母大写，且在模板结构中首字母小写，必须是这样写才可以。组件名首字母大写，模板中用首字母与后面名字用-分隔都不可以。代码如下：组件：<template> <div> <ul class="navlist"> <li v-for="(item,idx...
2019-08-15 11:30:26
1627
1
转载 nuxt.js项目初始化
Nuxt是基于Vue的一个应用框架，采用服务端渲染（SSR），可以让用户的Vue单页面应用（SPA）也可以有利于SEO。项目初始化参考：https://zh.nuxtjs.org/guide/installation$ npm install -g npx$ npx create-nuxt-app <项目名>安装过程中的配置选项：? Project namem...
2019-08-13 14:50:28
1497
原创 vue写页面时注意的事项
1、在每写一个页面时需要在样式文件中加scoped ,使样式只在当前页面生效，不加scoped的话，那编译上线后就会使所有的页面都使用这个样式，影响其它页面，如果是公共的样式，建议写在app.vue中或别写一个样式文件，全局引用。<style lang="stylus" scoped>.con_btn_wrap text-align: right; padding-...
2019-08-07 15:06:37
249
1
原创 vue-quill-editor踩坑记
1、在做quill编辑器时，会遇到中文没有首行缩进的功能，因为quill 的样式靠 css class name 来输出，不同于内联样式；所以不会在内联样式中写样式，都是通过quill-editor和quill-container来渲染。所以想要实现首行缩进，在写文章时有首行缩进，回显时也要有首行缩进的需求，那就用这样的属性white-space:pre-wrap来覆盖quill的默认样式。如下：...
2019-08-01 10:57:22
7543
3
原创 mpvue小程序踩坑
1、mpvue在用getCurrentPages()获取页面栈时会eslint提示getCurrentPages未定义，原因是getCurrentPages()是小程序的原生方法，不需要定义的，eslint有比较严格的校验，在用getCurrentPages()之前把eslint给disabled就可以。如下/* eslint-disable */ console.log('pa...
2019-07-12 18:41:38
594
原创 微信js-sdk 微信自定义分享显示图片和描述不显示
在做h5页面分享时，用到了微信的自定义分享js-sdk 。有时会不显示自定义的图片和描述。分步骤检查出现的问题：调用config 接口的时候传入参数 debug: true 可以开启debug模式，页面会alert出错误信息。以下为常见错误及解决方法：1.invalid url domain当前页面所在域名与使用的appid没有绑定，请确认正确填写绑定的域名，仅支持80（http）和...
2019-06-21 16:19:52
13149
原创 百度分享不支持https解决方法
在页面中加入百度分享的功能时，其不支持https。有一个很好的解决方法就是把百度分享的代码下载到本地，放到本地服务的根目录中。步骤如下：1、下载的百度分享包括这些文件：其中static是放到项目的根目录中的，里面包括api等文件。2、接下来，将对应的百度分享代码中，把http://bdimg.share.baidu.com/改为/参考链接如下：https://g...
2019-06-11 18:05:59
1243
原创 ueditor上传视频到腾讯云点播，在微信和QQ的X5浏览器上视频播放不正常
最近在做一个后台管理系统，使用ueditor上传视频到腾讯云点播，前台网站再使用js-sdk-v6（即腾讯云点播提供的播放器插件），在ios和pc上可以正常播放，但是在安卓手机的微信浏览器和QQ浏览器（这两个都是X5内核的浏览器）上播放不正常，播放界面非常小，如下图：播放界面特别小，根本就看不清。咨询云点播说是视频被劫持了，但是加上x5-video-player-type="h5"...
2019-06-05 19:12:05
927
原创 axios上传视频或音频时后端接口405
最近在做一个后台管理项目，视频上传到腾讯云点播，音频上传到对象存储。这就需要区分是视频或音频了。当上传音频时调用后端给的接口，上传到对象存储。这里遇到的问题主要是自己对axios不太熟练，导致后台接口返回405，HTTP Status 405 – Method Not AllowedTypeStatus ReportMessageRequest method 'GET' n...
2019-05-20 16:32:18
2204
转载 HTML Button自动刷新页面的问题
一、问题<button class="am-btn am-btn-default am-btn-xs am-text-secondary" data-id="99" data-type=1><span class="am-icon-pencil-square-o"></span>修改</button>页面上有这样一个按钮，每次点击这个按钮...
2019-05-15 18:23:44
183
原创 vs code 出现html js css 注释不正常
最近在做项目时，使用vs code进行注释时，只能注释成js可以识别的注释代码。如下这样的注释html是不认的，自然是注释不成功，还会报错。通过上网搜索，最终定位成是装的插件太多，造成有些快捷键冲突了。把vetur插件卸载之后再重新安装就可以了。...
2019-04-16 16:21:56
10341
5
原创 vs code使用时会每次修改文件时提示没有权限的问题
今天在使用vs code 修改文件时出现了这个问题：Insufficient permissions. Select 'Retry as Admin' to retry as administrator.每次修改的时候都要去点击 edit as admin 还要输入开机密码。比较麻烦，我改了一下文件 夹的权限，当前用户下都是可以读和写的。但是还不行，搜索了一下发现运行如下命令就可...
2019-04-12 11:34:22
18091
原创 uEditor vue-ueditor-wrap相结合上传大视频文件会显示‘上传失败，请重试’的问题
最近在用github上的一个插件vue-editor-wrap做视频上传的功能时，总是出现上传大视频时上传不上去报错的问题。我上传了800M的视频，没有采用断点续传，直接上传的，连后台人员本机是可以上传成功的，但是在测试机加入腾讯 云之后，总是出现“上传失败，请重试”的问题。看netWork时，是有这个请 求，但是在上传到100%时会有一分多钟的等待，似乎是在等后端响应，之后就cancele...
2019-02-18 16:36:30
4223
原创 vue 图片剪裁插件
最近在用Vue做后台管理系统，需要用到图片剪裁的插件。之前用的element-ui的upload组件，但是这个不支持剪裁，在网上找了几个插件，最后决定用vue-image-crop-upload这个插件。还挺好用的，但是有一个问题，就是他不能按尺寸比例去剪裁，只能写剪裁后的图片的固定的宽和高才行。view视图这样写：其中width=320 height="180"就是固定的尺寸。...
2019-02-01 16:31:37
4969
原创 百度Ueditor编辑器暂停上传视频时，暂停不了，上传视频的进度条依然在走。
最近vue项目中用了vue-ueditor-wrap 这个wrap，但是有一个问题 是编辑器暂停上传视频时，暂停不了，上传视频的进度条依然在走。 在网上找了些解决办法：在static/UEditor/dialogs/video/video.js中在822行把uploader.stop() 改为uploader.stop(true) 可以解决，但是一个新问题又出现了，就是暂停之后不能...
2019-01-31 10:48:55
758
2
转载 百度ueditor使图片在编辑器中自适应大小
上传图片过大时会在编辑器是显示滚动条，图片显示不全，想显示全的话需要左右滑动滚动条，比较麻烦，需求是想在编辑器自适应，即宽度是100%：昨天我使用百度UEditor，上传大图变的好大。不能够自动的缩写和编辑框内大小一样，找了半天代码没发现怎么修改，让它上传缩小，在config中 “imageCompressBorder”: 1600, /* 图片压缩 最长边限制 */没什么作用呢。最后还是...
2019-01-21 17:42:21
5234
3
原创 vs code 配置sftp
最近在做项目时，前端需要上传代码到测试环境，需要配置sftp上传。webstorm 等ide很容易配置，vscode的话配置起来并没有那么容易，需要安装插件。sftp的插件，作者是liximomo，五星插件，下载次数超三万次，只有上传和下载功能。 安装插件：在Vscode的商店中搜索sftp扩展，当前版本是1.3.10 ，进行安装，安装完后重新加载就可以使用了。配置：一般...
2018-08-20 10:32:22
20799
1
原创 git-flow 工作流
现在一般使用Git都使用git-flow工作流1、第一步先在master分支上进行安装初始化：git flow init 并一路enterfeature 为创建开发分支release为开发完成上线的分支。bugfix为创建上线后修改bug分支hotfix为上线为上线之后修复功能的分支2、切换到develop分支，git flow feature start liwz-d...
2018-07-26 16:13:13
250
原创 gulp编译jade并在开发环境把生成的hash值文件替换产生的错误
开发环境也生成manifest.json文件，但是实时监控文件变动时会报这样的错误：(node:5228) Warning: Possible EventEmitter memory leak detected. 11 change listeners added. Use emitter.setMaxListeners() to increase limit经过google后发现：在gulpfi...
2018-06-05 10:58:25
238
原创 svg用$('parent').on('click','child',function(){console.log(1212);})时不起作用
今天在给svg图标绑定事件时，发现点击svg图标没反应，控制台也不报错。经过调试时发现给svg绑定事件时不起作用，给Svg图标外面再包裹一个i标签，把事件绑定到i标签时即可。...
2018-05-23 23:29:28
525
原创 页面静态资源做cdn之后的字体图标不显示的问题
最近做项目优化时，需要把不常更改的静态资源做cdn处理，以减少页面响应时间。 但是项目中用的是字体图标，会造成字体图标不显示的问题。经查看是字体文件跨域了，原页面url请求的是http://download.cdn.csdnimg.cn/mobile_static/fonts/iconfont.woff这个cdn服务器上的字体库，但是页面url是download.youkuaiyun.com,造成跨域。 浏
2017-08-30 14:55:05
4578
1
空空如也
跨域问题，这个方法应该怎样使用
2016-06-01
滚动弹出层的滚动条时背景层不滚动
2015-05-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人