![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 89
雪松~
永远走在学习的路上。
展开
-
前端跨域请求无法携带Cookie的问题
如题,最近有好几个同事遇到过这个问题,经过一番调查后解决了,挺有意思,放个链接记录一下吧。http://www.ruanyifeng.com/blog/2019/09/cookie-samesite.html原创 2020-08-20 19:21:10 · 2487 阅读 · 0 评论 -
关于移动端300ms延迟的问题
之前在做移动端项目的时候,一直使用fastclick来解决300ms点击延迟的问题,但实际上会引入一些无法预料的bug,于是专门做了一下调研,下面放一下大佬的链接吧。https://juejin.im/post/6844903846418841608...原创 2020-08-17 15:46:00 · 277 阅读 · 0 评论 -
前端如何正确的添加、销毁全局事件监听
在前端编码中,经常会通过addEventListener来添加全局的事件监听,但是,这种全局的事件监听方法若使用不当,很容易造成严重的性能问题,下面我就来说一下如何正确的添加和销毁全局的事件监听。添加1、element.addEventListener的使用方法这里我就不多啰嗦了,网上已经讲的很明白了,下面附上链接。https://www.runoob.com/jsref/met-element-addeventlistener.html2、window.addEventListener原创 2020-07-17 14:21:36 · 6893 阅读 · 0 评论 -
前端canvas粒子动画背景(带鼠标跟随和点击散开)
目录闲聊看下效果先贴下代码吧大概说一下流程下面让我来详细说一下1、初始化基础属性2、添加鼠标移动事件并实时更新鼠标坐标3、通过随机数生成粒子的坐标和横纵轴速度4、渲染粒子并将粒子对象保存在数组中5、调用requestAnimationFrame启动动画,使粒子移动起来6、通过横纵坐标和速度计算粒子位置7、计算与鼠标距离进行坐标的修正8、计算与鼠标距离并进行连线9、计算粒子直接的距离并进行连线10、添加鼠标点击事件并调用粒子的散开事件11、通..原创 2020-05-08 23:10:07 · 8875 阅读 · 9 评论 -
基于vue的瀑布流的实现以及长列表的渲染优化
前两天在公司的一个手机点餐项目组帮了几天忙,发现里面的点餐页面使用了瀑布流。我一直知道瀑布流布局但没有具体实现过,这两天下班抽空简单实现了一下。<template> <div class="home"> <div class="wrap" @scroll="move" ref="wrap"> &l...原创 2020-04-23 21:44:53 · 1739 阅读 · 0 评论 -
利用盒模型实现一些有意思的图案
上周闲来无事,研究了一下盒模型,乱捣鼓还真弄出了一些有意思的东西,下面跟大家分析一下,也希望能提升一下大家对于盒模型的理解。1、<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title...原创 2019-05-26 14:44:16 · 520 阅读 · 0 评论 -
关于Vuex的使用以及自己的一些理解
在一些相对大型的Vue项目中,少不了对Vuex的使用。什么是Vuex呢,通俗来说,Vuex就是一个仓库,这个仓库里存放的都是Vue所有组件间共用的状态和方法,是全局的。当业务逻辑复杂,需要组件间大量共享数据的时候,就轮到Vuex登场了,所以,掌握Vuex的使用是非常重要的。 具体的实现我就不一一赘述了,网上一搜一大片,在这里我主要谈一下我对Vuex的理解。 ...原创 2019-05-19 16:37:56 · 457 阅读 · 2 评论 -
vue实现一个简单的自适应贪吃蛇
前一阵用vue写了一个贪吃蛇,主要练习一下自己的逻辑拆分能力,在此与大家分享一下。此贪吃蛇可以通过分辨率比例自动计算格子数量,用二维数组实现。<<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</tit...原创 2019-05-09 10:09:55 · 3221 阅读 · 0 评论 -
vue在低安卓版本的一些兼容性问题
刚开发公司项目要求在安卓5.0的系统进行适配,在这整理一下一些基本的兼容性问题。1、首先是对ES6的一些新特性,低版本的安卓可能会不支持,这里需要引入两个包来进行转化,babel-polyfill和es6-promise首先npm安装cnpm install babel-polyfillcnpminstall es6-promise然后再main.js里引入import ...原创 2019-04-27 22:18:17 · 4189 阅读 · 0 评论 -
移动端如何在前端阻止input框获得焦点时手机键盘的弹出
在文章的开始,我先把我的目的说明一下:在移动端,如何在前端实现input框获得焦点的同时不会唤起手机键盘。 在做公司项目的时候遇到这样一个问题,因为项目需要在ubuntu、window、android端都可以执行,其中ubuntu环境下是没有键盘的,而且为了方便对输入的内容有所控制,我们用vue分别写了一个数字键盘和一个英文键盘,input框都用d...原创 2019-04-17 09:41:14 · 19745 阅读 · 50 评论 -
关于前端localStorage的使用
结合上一章token的,这次来说一下localStorage的使用。LocalStorage是HTML5加入的新特性,他可以在前端存储一些数据,且不会过期,在一定程度上可以把它理解为一个前端数据库,在这里存储token是在合适不过了。LocalStorage的操作非常简单,他的写入有三种方法:window.localStorage.a = 'study';window.localS...原创 2019-04-08 22:39:28 · 1301 阅读 · 1 评论