关键字:Web
  • web前端入门到实战:css元素居中指南,细节决定成败!
    一、元素分类 首先要知道元素分三种:内联元素(行内元素)、块级元素、内联块级元素。 1、内联(行内)元素 可与其他元素占一行 高、行高、内外边距不可更改 宽度为内容所占宽度,不可更改 容纳文本或其他行内元素 2、块级元素 独占一行 高、行高 ...
  • web前端入门到实战:BFC块级格式上下文详解
    1.BFC简要定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,它规定了内部如何布局,是决定块盒子的布局及浮动相互影响范围的一个区域,并且与这个区域外部毫不相干。 2.BFC ...
  • web前端入门到实战:JavaScript-作用域-执行上下文-变量对象-作用域链
    作用域 作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可见性和生命周期。在 JavaScript 中,变量的作用域有全局作用域和局部作用域两种。JavaScript 采用词法作用域(lexical scoping),也就是静态 ...
  • web前端入门到实战:CSS3动画简单案例
    1.简易加载中 @keyframes myfirst { from{transform: rotate(0deg)}to{transform: rotate(360deg)} } .loading ...
  • web前端入门到实战:常用的5个css代码(scss mixin)
    封装成mixin复用 在写css的时候, 很多样式都是很常用但是写起来很麻烦, 虽然现在有很多成熟的ui框架, 但是我们也不能一个简单的活动页也引入那么大个框架吧? 在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了5 ...
  • web前端入门到实战:css简单实现带箭头的边框
    实现一个普通边框 .border { width: 100px; height: 50px; border: 1px solid ...
  • web前端入门到实战:CSS3 简单的砸金蛋样式
    实现样式: 1、鼠标移入后,鼠标样式图标变为“锤子”。 2、用户砸金蛋,锤子简单的扬起效果。 3、砸碎金蛋,显示内容。 分析实现步骤: 1、在html中插入一颗金蛋 找一张静态图片或带一点效果的动态图,直接放入img标签即可。 2、鼠标移入 ...
  • web前端入门到实战:Tab切换以及缓存页面处理的几种方式
    相信tab切换对于大家来说都不算陌生,后台管理系统中多会用到。如果不知道的话,可以看一下浏览器上方的标签页切换,大概效果就是这样。 1.如何切换 使用动态组件,相信大家都能看懂(部分代码省略) //通过点击就可以实现两个组件来回切换 <bu ...
  • 【Jetty 用法总结】如何使用 WebAppContext 提供静态资源
    文章首发于公众号【大数据学徒】,感兴趣请搜索 dashujuxuetu 或者文末扫码关注。 如题所述,本文介绍如何通过 Jetty 的 WebAppContext 类来提供 html 等静态资源。 内容提要: 环境说明 初始化项目 静态资 ...
  • 小谈Node环境变量
    看了一篇外文,讲如何使用node环境变量的。这期我也结合自己的一些经验写写读后感吧。 概述 说来话长,我最早接触环境变量还是在学Java的时候。特地找了张比较复古的图片,记得当时照着书本配环境变量都折腾好了几天。我后来还写到了百度知道里,现 ...

暂无数据