前言 缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。 本文，重点在与探讨在实际项目中，如何进行缓存的设置，并给出一个较为合理的方案。 强缓存和协商缓存 在介绍缓存的时候，我们习惯将缓存分为强缓存和协商缓存两种。两者的主要区别是使用本地缓存的时候，是否需要向服务器验证本地缓存是否依旧有效。顾名思义，协商缓
分类归档：web前端
你所知道或不知道的CSS content属性
写在前面 css博大精深，很多属性，往往都是看似熟悉，但是似乎又不能将其特性和用法完整地说出来。 content属性，的确是很眼熟，也许很多童鞋和我一样，和它初次见面，是在清除浮动的时候： .clearfix:after{ content: “.”; display: block; height: 0; clear:
当后端给我返回了302状态码
前言 前段时间接手了一个项目，在代码中看到了这样的一段代码： if ( isHTML(data) && response.request.responseURL?.indexOf(CAS_PREFIX) > -1 ) { window.location.href = response.reques
socket.io + nodejs + vue 实现匿名随机匹配私聊
之前学习socket.io的使用时，曾经跟着教程耍了一下实现群聊的功能。心血来潮，实现一下随机匹配私聊的功能。 马上体验 开聊吧 – 随机匿名聊天 尴尬的问题 做这个私聊的功能，最尴尬的问题是没有用户使用，你进去了，基本上不会遇上有其他人刚好在线，所以往往是一直处于匹配中。实在尴尬，别人都怀疑是不是有bug
前端生成支付宝个人年度关键词
昨天，整个朋友圈都被支付宝的年度账单刷屏了。突然发现，原来自己的朋友圈里隐藏着众多土豪。当然啦，也有一些朋友ps一些好玩的截图。 实在无聊，晚上下班之后，就想着写个页面，让那些贪玩的朋友生成自己的年度关键词。先来看一下效果图。 基本功能点 用户输入文案 选取图片并裁剪 图片合成 实现思路 天下武功，唯快不破。这是移动端
前端计算文件MD5
在上传文件的时候，为了校验文件的完整性或者实现断点续传，需要对比文件的MD5值。然而，前端怎么计算文件MD5值呢？查找相关资料之后，发现插件SparkMD5有较高的效率，故Mark之。 DEMO 好吧，先来一个demo，猛戳DEMO 基本用法 document.getElementById(‘file’).addEve
通过js巧妙获取剪切板的内容
前两天探究一个直接从Excel中复制数据到html中的实现方法。现在很多html编辑器都实现了表格的复制，但是如果不借助编辑器，如何将Excel中的数据复制到html中对应的table呢？ 基本的思路就是获取到复制的内容，然后解析并填入相应的位置中。首先想到的是通过js获取剪切板的内容，可惜的是，在浏览器中通过js获取
js实现打字机效果
在七夕表白的小页面（点击查看）中，有一段打字机效果的文字输出。效果还是比较逼真的，实现起来很简单却很巧妙。 来看看关键代码： (function($) { $.fn.typewriter = function() { this.each(function() { var $ele = $(this), str = $e
JS获取select的选中值和选中文本text
通过JS去获取select的选中值和选中文本text有很多种方法。通过jQuery实现时，一般这样用： //html <select id=”selector”> <option value=”1″>one</option> <option value=”2″>two&l
使用html5实现本地图片裁剪
很多时候我们都会遇到图片裁剪的相关需求，比如用户上传头像，然后进行裁剪。 在最近的项目中，就有一个用户更改头像的需求。按一贯的做法，就是用户选择图片进行上传，上传成功后返回预览，用户在页面上进行拖拽“裁剪”，然后将相关参数传给后台，后台进行真正的裁剪，裁剪成功后返回裁剪后的图片url。这一过程相对来说较为繁琐，而且，会