关键字:repeat
  • 以鼠标为核心展开的前端需求
    前端以鼠标事件为核心展开的需求,大概就是现在做的线上批改这样的功能。 基本上就是下面几个点。 修改鼠标的形状 通过 cursor 中的 url 把鼠标换成图片的样子。引入图片后,此时点击后获取到的坐标是图片的左上角坐标,所以要让图片以中心点 ...
  • JavaScript 实现九宫格抽奖
    九格宫抽奖相信大家都玩过,今天就用 JavaScript 写个九宫格抽奖玩玩。让中奖不再是梦! 1.预览效果 image 效果图为屏幕录制软件生成,以至于出现滚动不连贯。实际运行中不会出现不连贯的滚动效果 2.完整代码 代码可直接复制运行查 ...
  • web前端入门到实战:CSS实现自适应分隔线的 8 种方法
    1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;,然后给定两个伪元素,分别绝对定位,那么此时伪元素也是跟随着水平居中的,设置足够的宽度,然后把左边的往左位移1 ...
  • web前端入门到实战:强力推荐的18种CSS命名和书写规范
    选择器的命名规范 1.模块化命名 例如: 与布局相关的样式以“g”为开头。如“g-content”和“g-header”; 与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”; 与元件相关的样式以“m”为开头。如“m ...
  • 如何优雅地在Node应用中进行错误处理
    不知道你有没有遇到这样一种情况,某天你写的代码在线上突然发生错误,然后你打开控制台,却对着打过包的错误信息毫无头绪?又或者说是代码在node端出现了问题,你查看错误日志的时候,却发现日志文件中都是杂乱的错误堆栈信息。 其实上面这些问题都可以 ...
  • Vue.js 无限滚动列表性能优化方案
    问题 大家都知道,Web 页面修改 DOM 是开销较大的操作,相比其他操作要慢很多。这是为什么呢?因为每次 DOM 修改,浏览器往往需要重新计算元素布局,再重新渲染。也就是所谓的重排(reflow)和重绘(repaint)。尤其是在页面包含 ...
  • 前端特效的似是而非
    让用户看起来是这样,而非实现起来一定是这样。 写特效时经常被逻辑思维所牵绊,A元素B元素分的太清了,反而麻烦。 最近在网上找了一些自己喜欢例子。 1. effect.gif html结构 ...
  • css3 让width随方向变化
    GIF.gif 利用这种特性可以做出下面这个动画 GIF.gif 源码 <meta name=" ...
  • Flex布局(1)
    .user { width: 500px; height: 500px; ...
  • 2019年最值得推荐的23款免费安全工具
    工欲善其事,必先利其器。对于信息安全专业人士来说,这是最坏的时代,因为安全威胁防不胜防,但也是最好的时代,因为在这个黑客言商的时代,居然有大量居家旅行必备的优秀免费安全工具可用。 ​以下我们整理了 2019 年最优秀的 23 款免费安全工具 ...

暂无数据