关键字:fs
  • 浏览器缓存策略
    image 最近在对项目做 IE 11 兼容,由 IE 的缓存问题,引发我对于浏览器缓存策略的思考。 缓存类型 web缓存主要可以分为下面几类: 客户端缓存 服务端缓存 数据库缓存 这里我们主要关注客户端,也就是浏览器缓存。 浏览器和服务 ...
  • H5 拖放 - 学习
    前言 一个典型的drag操作是这样开始的:用户用鼠标选中一个可拖动的(draggable)元素,移动鼠标到一个可放置的(droppable)元素,然后释放鼠标。 在操作期间,会触发一些事件类型,有一些事件类型可能会被多次触发 第一部分 在拖 ...
  • vue实现Window10日历动画效果
    自从从事了前端行业,就得了个职业病,就是看到任何界面的效果都会思考自己怎么实现,这不看见Window10的日历系统,就动起了歪心思,想复现这个效果。 image 效果分析 边框的可见是跟随鼠标位置来改变,鼠标hover的日期显示边框,鼠标点 ...
  • 如何优雅地在Node应用中进行错误处理
    不知道你有没有遇到这样一种情况,某天你写的代码在线上突然发生错误,然后你打开控制台,却对着打过包的错误信息毫无头绪?又或者说是代码在node端出现了问题,你查看错误日志的时候,却发现日志文件中都是杂乱的错误堆栈信息。 其实上面这些问题都可以 ...
  • 前端特效的似是而非
    让用户看起来是这样,而非实现起来一定是这样。 写特效时经常被逻辑思维所牵绊,A元素B元素分的太清了,反而麻烦。 最近在网上找了一些自己喜欢例子。 1. effect.gif html结构 ...
  • H5 全屏 学习
    第一部分: 接口 全屏 API 没有它自己的接口实现。相反,它提供了一些其他接口以供实现全屏所需的方法、属性、事件处理函数。接下来会列出所有细节。 也就是说, 没有全屏的专有接口, 而是在其他接口上 ( document 和 Element ...
  • javascript 拖拽图片挑战滑稽大佬
    <meta name="viewport" content="width=device-widt ...
  • vue 轮播图 原生js编写 ,直接复制代码即插即用
    写了1天 我把它抽象成组件 ,下次要用的使用引用一下就好(代码在下面) 定时轮播鼠标进入时候(用户操作)取消 定时轮播 鼠标按下 的x坐标 和 抬起的x坐标 不一样 就是在拖拽图片不然就是单纯点击图片 进入对应页面 调用方</templat ...
  • 锚点定位和动态导航
    需求:右侧有导航栏,点击可以跳转到页面指定位置,同时页面滚动到指定的位置,右侧的导航栏也根据位置进行高亮变化。 CSS部分代码 body, html { /* 让页面的跳转是滚动过去的效果,默认属性是auto(立即跳转) */ ...
  • web前端入门到实战:CSS浏览器的视图与坐标
    为什么Flex box跟Grid box的是以start、end为排列规则,而不是常规的top 、right 、bottom 跟left? 现在各位看官有答案了吗? 因为上一篇中有提到过CSS 逻辑属性的变革,从物理概念跳跃到了逻辑概念,也 ...

暂无数据