Vintage

记录踩坑瞬间_(:з」∠)_

启动vue项目报异常错误

项目启动后,控制台报错: 打开网页后,控制台报错提示寻找不到\node_modules\_webpack-dev-server@2.11.5@webpack-dev-server\client\index.js这个文件。 一开始使用npm和cnpm重装了下项目依赖,但是依旧启动不了...

2019-06-12 15:58:30

阅读数 12

评论数 0

整理最近面试的一些前端面试题

最近换工作,面试了好多公司,遇到了挺多的面试题的,将自己最近的面试题统一一下,做个记录,最近一个月内有空就更新。方便自己学习,以及基础知识的补充。顺便吐槽一下,前端知识跟宇宙一样宽广啊~ 1. gpu加速的原理 16ms 优化:大多数设备的刷新频率是 60 次/秒,(1000/60 = 16...

2019-05-08 15:36:54

阅读数 62

评论数 0

vuex 多模块时 模块内部的mutation和action的调用方式

vue在做大型项目时,会用到多状态管理,vuex允许我们将store分割成多个模块,每个模块内都有自己的state、mutation、action、getter。模块内还可以继续嵌套相对应的子模块。 为了巩固我自己对store多模块的一些基本认识,写了个简单的多模块实例,下图为我自己创建的sto...

2019-03-31 22:56:45

阅读数 175

评论数 0

vue中 computed和watch的一些简单理解(区别)

今天看到一个问题,就是vue的computed和watch要在哪些场景下使用,其实也就是在问他们的区别。computed也就是计算属性,它可以帮助我们将在模板中的一些稍微复杂的逻辑计算放回到js代码中,方便理解与修改维护;就拿官网给的例子,如下代码片段。 <div id=&quo...

2019-03-19 16:51:53

阅读数 40

评论数 0

webpack打包并压缩css报错

最近跟着视频学习webpack4.x,视频内容算是比较新的了,不过在跟着视频敲代码的时候,还是遇到了报错,报错截图如下: 截图中黄色标记出来的部分是报错的主要信息,当前主要的webpack配置代码如下: const path = require('path'); const HtmlWe...

2019-03-07 16:27:42

阅读数 170

评论数 0

自己对csrf和xss的一些简单理解

虽然自己没有遇到过csrf和xss这两种安全问题,项目中也基本上不会考虑到这些,可能是项目里面涉及安全信息的东西基本较少吧。最近是闲着没事看看一些题目,才想起来把这两个给稍微理解下,不过没有遇到过,也只是属于知道有这回事。 CSRF CSRF(Cross-site request for...

2019-03-03 22:07:57

阅读数 26

评论数 0

改造一下上次vue的loading插件

上一次我们将loading组件封装成了插件,基本上使用起来并没有多大问题,刚好足够使用。我们现在来稍微改造一些这个loading插件,实现一个简单的功能,使之能够延迟关闭loading这个浮层。 目前这个插件我们只能够this.$vLoading.show()和this.$vLoadin...

2019-01-12 22:56:45

阅读数 164

评论数 0

动手造一个vue的loading插件

        在一般的vue项目中,都会用到Loading或者Alert之类的弹窗浮层,而他们是一种比较高频率出现的组件。         一般情况下,我们都会去直接import该组件,然后直接以标签的形式引用进去当前页面组件中,如下图:         这种是我们比较常用的一种方法,它...

2019-01-05 15:34:30

阅读数 1052

评论数 0

vue swiper 滑动切换slide时,导致setInterval卡顿,附带解决方法

 具体现象如下图,可以看到,每次滑动slide或者通过导航箭头切换slide的时候,上方的倒计时总是在slide结束后卡顿0.3s左右的时间。  在导航箭头上,在每次执行slide滑动后,都有一个v-show的判断是否到达slide的尽头,然后分别决定他们是否显示。我的部分代码如下图,我会将...

2018-12-26 11:21:24

阅读数 457

评论数 0

vue开发中遇到Forced reflow while executing JavaScript took

在vue的开发过程中,遇到了如图所示的警告提示,我页面中包含有一个毫秒倒计时,swiper插件等,还有有一个答题卡组件,组件是通过来控制显示的,但是这里每次在页面点击改变isAnswerCardOpen的值是,就会出现上图的警告,而且也感觉页面会稍微卡一下,影响到了倒计时。   这个问题我暂时...

2018-12-25 11:14:16

阅读数 1079

评论数 0

vue axios 使用表单形式进行数据提交

        axios 默认使用的是json字符串形式去提交数据,但后端极力要求使用表单形式提交数据(说是json字符串还需要转,会消耗性能)。        由于需要使用表单的数据形式,在前端的项目里面,则需要对数据进行转换,使之成为后端能够接收的表单数据。        为了方便对请求...

2018-12-20 11:52:15

阅读数 60

评论数 0

vue下,setInterval会影响swiper

在做项目中,由于使用了setInterval 函数来进行倒计时,导致vue-awsome-swiper(version: 3.1.3)组件出现了异常。具体异常如下图所示:  在.vue文件中,我倒计时的计时器没有拆分成组件,直接在当前页面进行倒计时相关逻辑操作,直接导致swiper异常,...

2018-12-18 15:45:00

阅读数 73

评论数 0

点击a标签下载当前链接的图片

若想点击a标签就下载当前链接的图片,首先必须文件是同源的,在a标签上增加download属性,才能触发点击下载的效果,若不同源的话则变成在当前页面打开该图片了。 若想要下载不同源的文件,有一种思路是将图片转为base64再赋值给a标签,这样点击后应该就能够下载了...

2018-12-05 10:28:35

阅读数 581

评论数 0

websocket 心跳重连 (通信检测)

        最近做项目,用到websocket来做消息的实时推送。在做这个项目之前,websocket的相关内容没有接触过,只限于知道有这个东西。对于这个websocket,一切都是从零开始。所以做这个项目前有去搜索了一些关于websocket的技术知识。         websocket...

2018-09-18 21:43:59

阅读数 2152

评论数 0

小程序webview内网页跳转问题

近期项目中,因为业务需要,遇到了个问题,具体现象在小程序的webview内,当前a页面,跳转到b页面,然后再从b页面返回当前a页面,再从a页面,跳转到b页面。第二次跳转回去a页面的时候,在安卓下,会跳转失败,点了按钮,页面上方只是有绿色进度条跑了一下,页面并没有跳转到a页面。 经过多次修改,发现...

2018-09-13 09:39:22

阅读数 1346

评论数 0

ios9版本的iphone,不执行网页js

最近做的项目中,出现了个比较奇怪的现象,具体现象:就是ios机型下,ios9相关版本的机子打开我的网页后,js代码不执行,将我自身写的代码注释掉后,可以执行其他的js。 此问题暂时找不到原因,但初步认为是js里面某些api不支持导致的报错。使用window.onerror函数也捕捉不到全局报错。...

2018-09-10 16:50:59

阅读数 2411

评论数 0

一种序列帧在rem布局下的消抖方法

最近在项目中遇到了个问题,由于要在移动端使用一个等待的动画,但是我本人是菜鸟,canvas不是很懂,所以只能让UI做了个序列帧动画来替换。 我页面是使用rem布局的,所以在使用序列帧中,出现了序列帧动画抖动的问题,可查看如图 可从图中明显看到,此动画会有明显的左右抖动问题。当前的的css如...

2018-09-04 10:23:23

阅读数 182

评论数 0

使用canvas制作一个圆环倒计时

最近项目中使用到了圆环倒计时,由于我自己不是很喜欢canvas总觉得这个不适合我,但是我还是边看api边看别人的写法,还是写出来了。放张效果图,如下: 大概的效果就是这样子,文字数字都是外部文本,本来想写到canvas里面,但是觉得麻烦就还是直接放外面了。 先贴上主要代码,里面有几个我觉得...

2018-07-31 23:31:20

阅读数 1047

评论数 0

一种稍微解决ios下fixed定位因为呼出软键盘而出现的位置偏移的bug

 先放一下代码,大家可以复制到本地去试试,需要引用jq。 我的想法就是,ios在唤起软键盘时,会将整个可视窗口上移,而且并不会改变窗口的大小,这也是onresize事件没有被触发的原因。所以我在这边每次点击或者聚焦到input的时候,让body滚动整个窗口的高度,达到使窗口底部在视野中。 &...

2018-07-25 22:34:23

阅读数 1664

评论数 0

如何在父组件中设置修改子组件的样式

  上周去面试,被问到了一个问题,如何在某个vue父组件中去设置子组件的的某一个样式? 以Element-ui为例,我当时使用element-ui的时候,去修改样式是直接在最外部的全局css中去覆盖原有类名的样式,但是这样子做会导致以后修改样式比较麻烦,不方便修改。也有试过把style中的sc...

2018-06-11 11:45:08

阅读数 2548

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭