- 博客(73)
- 收藏
- 关注
原创 前端跨域请求无法携带Cookie的问题
如题,最近有好几个同事遇到过这个问题,经过一番调查后解决了,挺有意思,放个链接记录一下吧。http://www.ruanyifeng.com/blog/2019/09/cookie-samesite.html
2020-08-20 19:21:10 2508
原创 关于移动端300ms延迟的问题
之前在做移动端项目的时候,一直使用fastclick来解决300ms点击延迟的问题,但实际上会引入一些无法预料的bug,于是专门做了一下调研,下面放一下大佬的链接吧。https://juejin.im/post/6844903846418841608...
2020-08-17 15:46:00 295
原创 前端如何正确的添加、销毁全局事件监听
在前端编码中,经常会通过addEventListener来添加全局的事件监听,但是,这种全局的事件监听方法若使用不当,很容易造成严重的性能问题,下面我就来说一下如何正确的添加和销毁全局的事件监听。添加1、element.addEventListener的使用方法这里我就不多啰嗦了,网上已经讲的很明白了,下面附上链接。https://www.runoob.com/jsref/met-element-addeventlistener.html2、window.addEventListener
2020-07-17 14:21:36 7332
原创 前端canvas粒子动画背景(带鼠标跟随和点击散开)
目录闲聊看下效果先贴下代码吧大概说一下流程下面让我来详细说一下1、初始化基础属性2、添加鼠标移动事件并实时更新鼠标坐标3、通过随机数生成粒子的坐标和横纵轴速度4、渲染粒子并将粒子对象保存在数组中5、调用requestAnimationFrame启动动画,使粒子移动起来6、通过横纵坐标和速度计算粒子位置7、计算与鼠标距离进行坐标的修正8、计算与鼠标距离并进行连线9、计算粒子直接的距离并进行连线10、添加鼠标点击事件并调用粒子的散开事件11、通..
2020-05-08 23:10:07 9230 9
原创 基于vue的瀑布流的实现以及长列表的渲染优化
前两天在公司的一个手机点餐项目组帮了几天忙,发现里面的点餐页面使用了瀑布流。我一直知道瀑布流布局但没有具体实现过,这两天下班抽空简单实现了一下。<template> <div class="home"> <div class="wrap" @scroll="move" ref="wrap"> &l...
2020-04-23 21:44:53 1785
原创 利用盒模型实现一些有意思的图案
上周闲来无事,研究了一下盒模型,乱捣鼓还真弄出了一些有意思的东西,下面跟大家分析一下,也希望能提升一下大家对于盒模型的理解。1、<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title...
2019-05-26 14:44:16 530
原创 关于Vuex的使用以及自己的一些理解
在一些相对大型的Vue项目中,少不了对Vuex的使用。什么是Vuex呢,通俗来说,Vuex就是一个仓库,这个仓库里存放的都是Vue所有组件间共用的状态和方法,是全局的。当业务逻辑复杂,需要组件间大量共享数据的时候,就轮到Vuex登场了,所以,掌握Vuex的使用是非常重要的。 具体的实现我就不一一赘述了,网上一搜一大片,在这里我主要谈一下我对Vuex的理解。 ...
2019-05-19 16:37:56 471 2
原创 vue实现一个简单的自适应贪吃蛇
前一阵用vue写了一个贪吃蛇,主要练习一下自己的逻辑拆分能力,在此与大家分享一下。此贪吃蛇可以通过分辨率比例自动计算格子数量,用二维数组实现。<<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</tit...
2019-05-09 10:09:55 3295
原创 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 4253
原创 关于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 7781 2
原创 移动端如何在前端阻止input框获得焦点时手机键盘的弹出
在文章的开始,我先把我的目的说明一下:在移动端,如何在前端实现input框获得焦点的同时不会唤起手机键盘。 在做公司项目的时候遇到这样一个问题,因为项目需要在ubuntu、window、android端都可以执行,其中ubuntu环境下是没有键盘的,而且为了方便对输入的内容有所控制,我们用vue分别写了一个数字键盘和一个英文键盘,input框都用d...
2019-04-17 09:41:14 19976 50
原创 关于前端localStorage的使用
结合上一章token的,这次来说一下localStorage的使用。LocalStorage是HTML5加入的新特性,他可以在前端存储一些数据,且不会过期,在一定程度上可以把它理解为一个前端数据库,在这里存储token是在合适不过了。LocalStorage的操作非常简单,他的写入有三种方法:window.localStorage.a = 'study';window.localS...
2019-04-08 22:39:28 1321 1
原创 基于 Token 的身份验证方法
毕设在做一个移动端的app,遇到了一个小问题,如何记住当前的登录状态。之前做过一个php的小demo,是用session实现的,功能是实现了,但是总感觉怪怪的,于是上网百度了一下,发现了一个基于Token 的身份验证方法,大致浏览了一下,感觉挺不错的,于是就马上实现了一下。使用基于 Token 的身份验证方法,在服务端不需要存储用户的登录记录。大概的流程是这样的:客户端使...
2019-03-31 21:16:24 1634
原创 关于node数据库操作的异步问题以及其中的一些小坑
最近在做毕业设计,后端用的node以及Mongo数据库。因为node的异步问题,遇到了一些小坑,虽然不是什么大问题,很快就解决了,在这里与大家分享一下,避免大家走不必要的弯路。废话不多说,直接上代码。const Monk = require('monk');const db = new Monk('localhost/Graduation_project'); // 链接到...
2019-03-24 00:42:39 951 3
原创 初学MongoDB,整理了一些基本操作
有点乱,大家凑合看哈 0.0 查询db.student.find();db.student.find({sex: "女"});db.student.find().count();插入db.student.insert((name: "张三", age: 15, sex: "男"));插入多条db.student.insert([ {name: "张三", age:...
2018-09-20 11:23:58 324
原创 基于node下的一个简单的小爬虫
最近一段时间在学习node.js,根据教程写了个简单的小爬虫,在这里给大家分享一下!var https = require('https')var cheerio = require('cheerio')var url = 'https://www.lagou.com/'function filiterMenu(html) { var $ = cheerio.load(html)...
2018-09-03 14:27:30 242
原创 数据结构实训-学生信息管理
* Copyright (c++) 2016 烟台大学计算机与控制工程学院 * All right reserved. * 文件名称:stu.cpp * 作 者: 王雪松 * 完成日期:2016年12月31日 * 版 本 号:vc6.0 源文件stu.
2016-12-31 17:30:20 890
原创 数据结构期末总结
经过了一个学期的数据结构的学习,收获还是很多的。 首先谈一下我们的贺老师吧,第一节课他就给我留下了很深的印象,不管是他的热情,还是他对老师这个职业的热爱,我都能从他的自我介绍中感受出来。更难能可贵的是,跟贺老师学习了一个学期,他的热情完全没有熄灭,从他的每节课中,我都能感受到他的热情和对我们的信任以及对我们的期望。 贺老师一直坚持翻转课堂教学,利用蓝魔云班课和C
2016-12-16 16:20:53 930
原创 第十六周项目4-英文单词的基数排序
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年12月16日 * * 问题描述: 设计一个基数排序的算法,将一组英文单词,按字典顺序排列。假设单词均由小写字母或空格构成,最长的单词有MaxLen个字母。* 输入描述:* 程序输出: */ 代码:
2016-12-16 10:15:49 469
原创 第十六周项目3-归并排序算法的改进项目
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年12月16日 * * 问题描述: 采用归并排序、快速排序等高效算法进行排序,当数据元素较少时(如n≤64),经常直接使用直接插入排序算法等高复杂度的算法。这样做,会带来一定的好处,例如归并排序减少分配、回收临时存储区域的频次,快速排序减少递归层次
2016-12-16 10:13:00 405
原创 第十六周项目2-大数据集上排序算法性能的体验
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年12月16日 * * 问题描述: 设计一个函数,产生一个至少5万条记录的数据集合。在同一数据集上,用直接插入排序、冒泡排序、快速排序、直接选择排序、堆排序、归并排序、基数排序等算法进行排序,记录所需要的时间,经过对比,得到对复杂度不同的各种算法
2016-12-16 10:11:12 1071
原创 第十五周项目3-B-树的基本操作
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年12月15日 * * 问题描述:实现B-树的基本操作。基于序列{4, 9, 0, 1, 8, 6, 3, 5, 2, 7}完成测试。 (1)创建对应的3阶B-树b,用括号法输出b树。 (2)从b中分别删除关键字为8和1的节点,用括号法输出
2016-12-15 10:36:04 374
原创 第十五周项目2-用哈希法组织关键字
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年12月15日 * * 问题描述:已知一个关键字序列为if、while、for、case、do、break、else、struct、union、int、double、float、char、long、bool,共15个字符串,哈希函数H(key)为关键字的
2016-12-15 10:34:46 522
原创 第十五周项目1-验证算法
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年12月15日 * * 问题描述:1、认真阅读并验证哈希表实施查找的相关算法,写程序建立序列{16, 74, 60, 43, 54, 90, 46, 31, 29, 88, 77}的哈希表,装填因子定为0.8,哈希函数为h(k)=key%p,p=11
2016-12-15 10:32:40 442
原创 第十四周项目3-是否二叉排序树?
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年12月2日 * * 问题描述:设计一个算法,判断给定的二叉树是否是二叉排序树。 * 输入描述:* 程序输出: */ 代码:[cpp] view plain copy#include
2016-12-02 10:20:43 817
原创 第十四周项目2-二叉树排序树中查找的路径
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年12月2日 * * 问题描述:设计一个算法,输出在二叉排序中查找时查找某个关键字经过的路径。 * 输入描述:* 程序输出: */ 代码:[cpp] view plain copy#in
2016-12-02 10:19:23 403
原创 第十二周项目5-迷宫问题之图深度优先遍历解法
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月18日 * * 问题描述: 设计一个程序,采用深度优先遍历算法的思路,解决迷宫问题。 (1)建立迷宫对应的图数据结构,并建立其邻接表表示。 (2)采用深度优先遍历的思路设计算法,输出从入口(1,1)点到出口(M,N)的所有迷宫
2016-11-18 10:40:53 514
原创 第十二周项目4-利用遍历思想求解图问题
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月18日 * * 问题描述:* 输入描述:* 程序输出: */ 问题及代码:1、是否有简单路径? 问题:假设图G采用邻接表存储,设计一个算法,判断顶点u到v是否有简单路径。[csharp]
2016-11-18 10:38:58 608
原创 第十二周项目3-图遍历算法实现
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月18日 * * 问题描述:* 输入描述:* 程序输出: */ 代码:1、深度优先遍历——DFS(程序中graph.h是图存储结构的“算法库”中的头文件,详情请单击链接…)[csharp] view
2016-11-18 10:37:19 777
原创 第十二周项目2-操作用邻接表存储的图
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月18日 * * 问题描述:假设图G采用邻接表存储,分别设计实现以下要求的算法: (1)输出出图G中每个顶点的出度; (2)求出图G中出度最大的一个顶点,输出该顶点编号; (3)计算图G中出度为0的顶点数; (4)判断图G中是否存在
2016-11-18 10:36:06 486
原创 第十二周项目1-图基本算法库
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月18日 * * 问题描述:图的存储结构主要包括邻接矩阵和邻接表,本算法库提供存储结构的定义,以及用于构造图存储结构、不同结构的转换及显示的代码。算法库采用程序的多文件组织形式,包括两个文件:* 输入描述:* 程序输出: */
2016-11-18 10:34:47 965
原创 第十一周项目2-用二叉树求解代数表达式
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月11日 * * 问题描述:用二叉树来表示代数表达式,树的每一个分支节点代表一个运算符,每一个叶子节点代表一个运算数(为简化,只支持二目运算的+、-、*、/,不加括号,运算数也只是一位的数字字符。本项目只考虑输入合乎以上规则的情况)。请设计算法,(1)根据
2016-11-11 11:02:09 978
原创 第十一周项目1-验证算法(哈夫曼编码)
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月11日 * * 问题描述:哈弗曼编码的算法验证* 输入描述:* 程序输出: */ 代码:[csharp] view plain copy#include #incl
2016-11-11 11:00:54 544
原创 第十一周项目1-验证算法(中序线索化二叉树)
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月11日 * * 问题描述: 实现二叉树的层次遍历算法,并对用”A(B(D,E(H(J,K(L,M(,N))))),C(F,G(,I)))”创建的二叉树进行测试。* 输入描述:* 程序输出: */ 代码:
2016-11-11 10:59:19 771
原创 第十一周项目1-验证算法(二叉树构造)
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月11日 * * 问题描述:二叉树构造算法的验证* 输入描述:* 程序输出: */ 代码: (btreee.h见算法库)[csharp] view plain copy
2016-11-11 10:57:23 542
原创 第十一周项目1-验证算法(层次遍历)
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月11日 * * 问题描述:实现二叉树的层次遍历算法,并对用”A(B(D,E(H(J,K(L,M(,N))))),C(F,G(,I)))”创建的二叉树进行测试。* 输入描述:* 程序输出: */ 代码:(btreee.h见
2016-11-11 10:53:22 413
原创 第十周项目3-利用二叉树遍历思想解决问题
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月11日 * * 问题描述:假设二叉树采用二叉链存储结构存储,分别实现以下算法,并在程序中完成测试: (1)计算二叉树节点个数; (2)输出所有叶子节点; (3)求二叉树b的叶子节点个数 (4)设计一个算法Level(b,x
2016-11-11 10:25:44 288
原创 第十周项目2-二叉树遍历的递归算法
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月11日 * * 问题描述:实现二叉树的先序、中序、后序遍历的递归算法,并对用”A(B(D,E(H(J,K(L,M(,N))))),C(F,G(,I)))”创建的二叉树进行测试。* 输入描述:* 程序输出: */ 代码: (
2016-11-11 10:23:26 275
原创 第十周项目1-二叉树算法库
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年11月11日 * * 问题描述:建立二叉树算法库* 输入描述:* 程序输出: */ 代码: 1.头文件:btree.h,包含定义顺序表数据结构的代码、宏定义、要实现算法的函数的声明;[csharp]
2016-11-11 10:22:01 266
原创 第九周项目4-广义表算法库及应用
/* * 烟台大学计算机与控制工程学院 * 作者:王雪松 * 完成日期:2016年10月28日 * * 问题描述:建立广义表算法库* 输入描述:* 程序输出: */ 代码: 1.头文件:glist.h,包含定义广义表数据结构的代码、宏定义、要实现算法的函数的声明;[csharp] vie
2016-10-28 10:24:48 433
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人