椎间孔

前端

Bootstrap(3) css3(1) html(1) idea&webstrom(2) Java学习(12) jQuery(1) JSP(8) linux(1) MySQL(1) note(16) others(1) pandas(3) Python(6) python练习题(5) tomcat(1) vscode(1) vue(2) 未归档(4) 练习(1) 走过的坑(8)

/ 注册

全部文章 / 前端（共29篇）

ES6_proxy_note

proxy:代理 Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改，所以属于一种“元编程”(meta programming),即对编程语言进行编程 Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对...

2021-06-13

0 359

利用CSS使元素在水平方向或水平,竖直同时居中

水平居中三种方法,参考: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name=&q...

2021-06-13

0 338

1_初识less&引用&变量&作用域&变量差值

之前直接上手了一些项目,接触到了less,用起来简单又方便(比CSS香多了), 之后就想学习一下less,最近学了下,顺便也积累了写,就写个less的小结(此小结偏向于实践) less中文网 less简介:Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量,...

2021-06-13

0 508

2_less中的数值运算

less中可以进行一些新增css3中的运算 html: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> ...

2021-06-13

0 363

4_less中带参数混合

less中你可以定义一些形参,将数值传入形参, 然后再将形参赋予给某一元素(就是利用形参为该元素添加属性) 如: // 创建一个形参 .whc(@w:,@h:,@c) { width: @w; height: @h; background: @c; } .div1 { //widt...

2021-06-13

0 326

5_less中传入可变参数

先上效果图(最开始是宽高200px,红色,鼠标移上去,变为宽高400px,蓝色,0s延迟,持续4s): less如果不用可变参数的话: .animate(@name,@time,@mode,@delay) { transition: @name, @time, @mode, @de...

2021-06-13

0 463

6_less中的匹配模式

如果利用div创建一个箭头: 它的HTML代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <...

2021-06-13

0 320

7_less中引入其他文件 / 模块

在less中引入(这玩意你可以引入文件名,加不加好慢的扩展名都可以,或者你直接引入要用的模块之类的): // 四种导入方式都可以 //@import "triangle.less"; //@import "triangle"; @import "0...

2021-06-13

0 431

8_less中的内置函数

less中更支持一些js函数: 直接上html代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <...

2021-06-13

0 319

9_less中的层级结构

如果在某一选择器的 {} 中直接写上了其他的选择器,会自动转换成后代选择器,如: .father{ .son{ } } 此时编译为css就是(好像这个有点废话了): .father .son{ } & 的作用是,告诉less在转换时,不要用后代来转换...

2021-06-13

0 364