关键字:结构
  • web前端入门到实战:CSS实现开关按钮三例
    我们将使用纯CSS打造一些切换开关并使其拥有类似于checkbox的用户体验。 很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签,一个checkbox,并在提交表单后获取checkbox值, ...
  • web前端入门到实战:强力推荐的18种CSS命名和书写规范
    选择器的命名规范 1.模块化命名 例如: 与布局相关的样式以“g”为开头。如“g-content”和“g-header”; 与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”; 与元件相关的样式以“m”为开头。如“m ...
  • 前端面试题整理(一)
    从输入URL到页面加载的过程 浏览器接收URL开启网络请求线程 DNS查询 TCP/IP请求 服务器接收到请求、对应后台处理请求 后台和前台的HTTP交互 浏览器接收到HTTP数据包并解析 页面渲染 JS引擎解析 进程和线程 进程是CPU资 ...
  • Vue.js 无限滚动列表性能优化方案
    问题 大家都知道,Web 页面修改 DOM 是开销较大的操作,相比其他操作要慢很多。这是为什么呢?因为每次 DOM 修改,浏览器往往需要重新计算元素布局,再重新渲染。也就是所谓的重排(reflow)和重绘(repaint)。尤其是在页面包含 ...
  • web前端入门到实战:用CSS3实现酷炫的3D旋转透视
    3D动画效果现在越来越普及,已经被广泛的应用到了各个平台,比如阿里云,华为云,webpack官网等。它可以更接近于真实的展示我们的产品和介绍,带来极强的视觉冲击感。所以说,为了让自己更加优秀,css3 3D动画必不可少。 你将学到 CSS ...
  • 【Jetty 用法总结】如何使用 WebAppContext 提供静态资源
    文章首发于公众号【大数据学徒】,感兴趣请搜索 dashujuxuetu 或者文末扫码关注。 如题所述,本文介绍如何通过 Jetty 的 WebAppContext 类来提供 html 等静态资源。 内容提要: 环境说明 初始化项目 静态资 ...
  • js链表实现
    一、节点的实现 我都知道链表就是用有向线段把多个节点按顺序串起来,要实现链表首先要实现节点,而每一个节点,有一个自己的 value 值,还有一个 next 值用于指向下一个节点。比如可以这么实现一个节点:&nbsp;</ ...
  • 前端特效的似是而非
    让用户看起来是这样,而非实现起来一定是这样。 写特效时经常被逻辑思维所牵绊,A元素B元素分的太清了,反而麻烦。 最近在网上找了一些自己喜欢例子。 1. effect.gif html结构 ...
  • web前端入门到实战:CSS实现圆形进度条
    示例图 结构 首先一个父级div设置相对定位,内部含有四个半圆div和一个用于遮罩的小圆div 实现步骤 先写出基本html结构 <div clas ...
  • web前端入门到实战:纯CSS画动态彩虹
    效果 效果图如下 实现思路 使用box-shadow画赤橙黄绿蓝靛紫7个弧形,拼接在一起 after伪元素写投影样式 彩虹和投影都有动画 dom结构 用两个嵌套的div容器,父容器来控制图标显示的位置,子容器用来写彩虹的样式。 <div c ...

暂无数据