关键字:生成
  • web前端入门到实战:BFC块级格式上下文详解
    1.BFC简要定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,它规定了内部如何布局,是决定块盒子的布局及浮动相互影响范围的一个区域,并且与这个区域外部毫不相干。 2.BFC ...
  • web前端入门到实战:JavaScript-作用域-执行上下文-变量对象-作用域链
    作用域 作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。在 JavaScript 中,变量的作用域有全局作用域和局部作用域两种。JavaScript 采用词法作用域(lexical scoping),也就是静态 ...
  • web前端入门到实战:常用的5个css代码(scss mixin)
    封装成mixin复用 在写css的时候, 很多样式都是很常用但是写起来很麻烦, 虽然现在有很多成熟的ui框架, 但是我们也不能一个简单的活动页也引入那么大个框架吧? 在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了5 ...
  • web前端入门到实战:Tab切换以及缓存页面处理的几种方式
    相信tab切换对于大家来说都不算陌生,后台管理系统中多会用到。如果不知道的话,可以看一下浏览器上方的标签页切换,大概效果就是这样。 1.如何切换 使用动态组件,相信大家都能看懂(部分代码省略) //通过点击就可以实现两个组件来回切换 <bu ...
  • web前端入门到实战:HTML 文档流,设置元素浮动,导致父元素高度无法自适应的解决方法
    元素浮动定义 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 如果浮动非替换元素,则要指定一个明确的宽度;否 ...
  • web前端入门到实战:简析 js 碰撞检测原理与算法实现
    碰撞检测(边界检测)在前端游戏,以及涉及拖拽交互的场景应用十分广泛。 那么啥叫碰撞?JavaScript 又是如何检测 DOM 发生碰撞的呢? 碰撞,顾名思义,就是两个物体碰撞在了一起,眼睛是可以直观的观察到碰撞的发生。但对于前端实现,如何 ...
  • 「中高级前端」vue+koa2+mongodb+oss阿里云部署自己的网站
    线上 线上地址:itc 项目地址:GITHUB star 由于使用Element框架实现前端,并没有做移动端适配,所以建议PC端观看。 由于作者aliyun域名正在备案,当前小伙伴只能通过ip地址进行访问,后续备案通过后,会替换成域名访问形 ...
  • 5分钟学会 CSS 动画:纯 CSS 实现 loading 效果
    你是不是跟我一样,一直想学会 CSS 动画?今天我们就一起来花五分钟做几个纯 CSS 加载动画。 前言 CSS 动画不是什么新鲜玩意了,目前所有主流浏览器基本上都已经支持,可以看Can I Use 网站 上的统计数据。文章结尾部分会提到针对 ...
  • 为什么要用 HAProxy 而不是 Nginx 做负载均衡?
    负载均衡器是数据中心的入口点,处于访问一切资源的关键路径上。这给了他们一些有趣的特征。首先,它们是在基础设施中需要监控的最重要的点。其次,他们处于一个独特的位置,不仅可以提供有关自己的特性,还可以提供他们所支持的后端的每项服务。 有两种流行 ...
  • 10个最受欢迎的 JavaScript 框架,以及它们的主要特征和功能
    多年来,业界已经发布了大量 JavaScript 框架,怎样进行选择可能是一个挑战。如果你感到困惑,不知道应该选哪个或者究竟哪个适合你,那么我已经帮你解决了问题。在本文中,我将列出用来构建 Web 应用程序的前10个 JavaScript ...

暂无数据