技术分享
关注
分享
扫一扫
文章平均质量分 77
雪松~
永远走在学习的路上。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端跨域请求无法携带Cookie的问题
如题，最近有好几个同事遇到过这个问题，经过一番调查后解决了，挺有意思，放个链接记录一下吧。http://www.ruanyifeng.com/blog/2019/09/cookie-samesite.html原创 2020-08-20 19:21:10 · 2634 阅读 · 0 评论 -
关于移动端300ms延迟的问题
之前在做移动端项目的时候，一直使用fastclick来解决300ms点击延迟的问题，但实际上会引入一些无法预料的bug，于是专门做了一下调研，下面放一下大佬的链接吧。https://juejin.im/post/6844903846418841608...原创 2020-08-17 15:46:00 · 382 阅读 · 0 评论 -
前端如何正确的添加、销毁全局事件监听
在前端编码中，经常会通过addEventListener来添加全局的事件监听，但是，这种全局的事件监听方法若使用不当，很容易造成严重的性能问题，下面我就来说一下如何正确的添加和销毁全局的事件监听。添加1、element.addEventListener的使用方法这里我就不多啰嗦了，网上已经讲的很明白了，下面附上链接。https://www.runoob.com/jsref/met-element-addeventlistener.html2、window.addEventListener原创 2020-07-17 14:21:36 · 8557 阅读 · 0 评论 -
前端canvas粒子动画背景（带鼠标跟随和点击散开）
目录闲聊看下效果先贴下代码吧大概说一下流程下面让我来详细说一下1、初始化基础属性2、添加鼠标移动事件并实时更新鼠标坐标3、通过随机数生成粒子的坐标和横纵轴速度4、渲染粒子并将粒子对象保存在数组中5、调用requestAnimationFrame启动动画，使粒子移动起来6、通过横纵坐标和速度计算粒子位置7、计算与鼠标距离进行坐标的修正8、计算与鼠标距离并进行连线9、计算粒子直接的距离并进行连线10、添加鼠标点击事件并调用粒子的散开事件11、通..原创 2020-05-08 23:10:07 · 10483 阅读 · 9 评论 -
基于vue的瀑布流的实现以及长列表的渲染优化
前两天在公司的一个手机点餐项目组帮了几天忙，发现里面的点餐页面使用了瀑布流。我一直知道瀑布流布局但没有具体实现过，这两天下班抽空简单实现了一下。<template> <div class="home"> <div class="wrap" @scroll="move" ref="wrap"> &l...原创 2020-04-23 21:44:53 · 1957 阅读 · 0 评论 -
利用盒模型实现一些有意思的图案
上周闲来无事，研究了一下盒模型，乱捣鼓还真弄出了一些有意思的东西，下面跟大家分析一下，也希望能提升一下大家对于盒模型的理解。1、<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title...原创 2019-05-26 14:44:16 · 589 阅读 · 0 评论 -
关于Vuex的使用以及自己的一些理解
在一些相对大型的Vue项目中，少不了对Vuex的使用。什么是Vuex呢，通俗来说，Vuex就是一个仓库，这个仓库里存放的都是Vue所有组件间共用的状态和方法，是全局的。当业务逻辑复杂，需要组件间大量共享数据的时候，就轮到Vuex登场了，所以，掌握Vuex的使用是非常重要的。 具体的实现我就不一一赘述了，网上一搜一大片，在这里我主要谈一下我对Vuex的理解。 ...原创 2019-05-19 16:37:56 · 530 阅读 · 2 评论 -
vue实现一个简单的自适应贪吃蛇
前一阵用vue写了一个贪吃蛇，主要练习一下自己的逻辑拆分能力，在此与大家分享一下。此贪吃蛇可以通过分辨率比例自动计算格子数量，用二维数组实现。<<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</tit...原创 2019-05-09 10:09:55 · 3514 阅读 · 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 · 4550 阅读 · 0 评论 -
关于node管道pipe的基本使用
前几天寻思给自己的毕设加一个人脸识别的功能，就想到了百度的AI开放平台，首先要申请access_token，以下是官方的node实例代码。var https = require('https');var qs = require('querystring');const param = qs.stringify({ 'grant_type': 'client_c...原创 2019-04-21 21:20:19 · 8059 阅读 · 2 评论 -
移动端如何在前端阻止input框获得焦点时手机键盘的弹出
在文章的开始，我先把我的目的说明一下：在移动端，如何在前端实现input框获得焦点的同时不会唤起手机键盘。 在做公司项目的时候遇到这样一个问题，因为项目需要在ubuntu、window、android端都可以执行，其中ubuntu环境下是没有键盘的，而且为了方便对输入的内容有所控制，我们用vue分别写了一个数字键盘和一个英文键盘，input框都用d...原创 2019-04-17 09:41:14 · 20897 阅读 · 50 评论 -
关于前端localStorage的使用
结合上一章token的，这次来说一下localStorage的使用。LocalStorage是HTML5加入的新特性，他可以在前端存储一些数据，且不会过期，在一定程度上可以把它理解为一个前端数据库，在这里存储token是在合适不过了。LocalStorage的操作非常简单，他的写入有三种方法：window.localStorage.a = 'study';window.localS...原创 2019-04-08 22:39:28 · 1431 阅读 · 1 评论 -
基于 Token 的身份验证方法
毕设在做一个移动端的app，遇到了一个小问题，如何记住当前的登录状态。之前做过一个php的小demo，是用session实现的，功能是实现了，但是总感觉怪怪的，于是上网百度了一下，发现了一个基于Token 的身份验证方法，大致浏览了一下，感觉挺不错的，于是就马上实现了一下。使用基于 Token 的身份验证方法，在服务端不需要存储用户的登录记录。大概的流程是这样的：客户端使...原创 2019-03-31 21:16:24 · 1726 阅读 · 0 评论 -
关于node数据库操作的异步问题以及其中的一些小坑
最近在做毕业设计，后端用的node以及Mongo数据库。因为node的异步问题，遇到了一些小坑，虽然不是什么大问题，很快就解决了，在这里与大家分享一下，避免大家走不必要的弯路。废话不多说，直接上代码。const Monk = require('monk');const db = new Monk('localhost/Graduation_project'); // 链接到...原创 2019-03-24 00:42:39 · 1029 阅读 · 3 评论