刷新
HTML图片和文本居中对齐

博主头像 原理比较简单就不上图片了 你也许听说过在行元素中使用vertical-align: middle; 可以实现居中对其,但实际使用上,常常没有作用。 其实行元素有四条线分别是: 顶线 中线 基线 底线 默认行元素是基线对齐的(两个元素的基线在同一高度) 下面代码相当于图片的基线和文字的中线对齐(图片的 ...

前端最新支持四级及以下结构仿企查查、天眼查关联投资机构 股权结构 tree树形结构 控股结构

​ 随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件 ...

一、小程序开发前的准备

学习微信小程序开发,读周文洁的《微信小程序开发零基础入门》、《微信小程序开发实战》以及官方文档足矣。 小程序和公众号的区别: 小程序组件丰富,能力接近于底层,开发效率高,应用性更强些,安全性等也有保障 公众号偏向通知啦、素材啦、草稿箱啦、商城小店啦等 两者并不是水火不容,是各有偏重,所以还是什么工具 ...

display: none与visibility: hidden的区别

博主头像 在前端面试中,一般比较侧重JavaScript方面的考察,CSS布局方面考察的内容会相对少一些,其中display: none与visibility: hidden的区别是较常见的考点,这两个css配置都可以从视觉上隐藏DOM元素,那这两者的使用上有什么区别呢? ...

聊聊 QianKun JS 沙箱的那些事

博主头像 我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:空山 什么是沙箱 沙箱即 SandBox,它是一种安全机制,用于严格控制访问资源。通过在程序中创建一个独立的运行环境,把一些来源不可信、具有破坏力或者又是无法 ...

改变NPM安装依赖位置,节省C盘空间

博主头像 npm 依赖安装 众所周知,npm 全局安装依赖位置默认是c盘,c盘一般是系统安装盘,装太多东西容易造成系统运行缓慢,因此想将依赖包安在指定位置 node.js的安装 nodejs的安装可以直接到菜鸟教程查看: http://www.runoob.com/nodejs/nodejs-install- ...

记录--a标签跳转新地址无法访问,但手动输入新地址可以访问

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 问题描述 最近遇到一个有意思的问题,项目中有一个地方,点击需要跳转到一个新的域名地址 笔者使用a标签做跳转,跳是跳过去了,可是跳过去以后,反而打不开了,显示403佛伯乐 蛤? 大致这样的代码: <a href="http://abcdef ...

9-web前端 flex弹性布局

博主头像 1、flex弹性布局 设置方式:给父元素设置 display: flex,子元素可以自动挤压或拉伸 组成部分: 弹性容器 弹性盒子 主轴:默认在水平方向 侧轴 / 交叉轴:默认在垂直方向 例如: 2、主轴对齐方式 属性名:justify-content 属性值 效果 flex-start 默认值,弹 ...

8-web前端 动画 案例

博主头像 1、动画说明 目标:使用animation添加动画效果 思考:过渡可以实现什么效果? 答:实现2个状态间的变化过程 动画效果:实现多个状态间的变化过程,动画过程可控(重复播放、最终画面、是否暂停) 动画的本质是快速切换大量图片时在人脑中形成的具有连续性的画面 构成动画的最小单元: :帧或动画帧 2、 ...

7-web前端 空间转换,3D效果

博主头像 1、认识3D转换 近大远小 近实远虚 物体和面遮挡不可见 2、三维坐标系 x 轴:水平向右 -- 注意:x 轴右边是正值,左边是负值 y 轴:垂直向下 -- 注意:y 轴下面是正值,上面是负值 z 轴:垂直屏幕 -- 注意:往外边的是正值,往里面的是负值 3、3D转换 3D 转换知识要点 3D 位移 ...

6-web前端的特效 平面转换transfrom

博主头像 平面转换 transform 作用:为元素添加动态效果,一般与过渡配合使用 概念:改变盒子在平面内的形态(位移、旋转、缩放、倾斜) 平面转换又叫 2D 转换 1、平面转换 平移 目标:使用translate实现元素位移效果 语法 transform: translate(水平移动距离, 垂直移动距离 ...

5-web前端 定位position

博主头像 1、相对定位 position: relative 特点: 不脱标,占用自己原来位置 显示模式特点保持不变 设置边偏移则相对自己原来位置移动 拓展:很少单独使用相对定位,一般是与其他定位方式配合使用 参考自身原位置 2、绝对定位 position: absolute 使用场景:子级绝对定位,父级相对 ...

Js基础-闭包

在介绍闭包之前,我们先看看是什么全局变量和局部变量 全局变量和局部变量 局部变量:定义在函数内部的变量(只能在内部被访问) 形参也是一种局部变量 全局变量:不在函数内部定义的变量, 就称为全局变量,全局变量在任何函数内都可以被访问和修改 假如我们在函数内部 定义了一个和外部相同名字的变量, 那么在函 ...

【动画进阶】当路径动画遇到滚动驱动!

博主头像 我的小册 《CSS 技术揭秘与实战通关》上线了,想了解更多有趣、进阶、系统化的 CSS 内容,可以猛击 - LINK。 本文,我们将一起利用纯 CSS,实现如下这么个酷炫的效果: 在一年前,我介绍了 CSS 中非常新奇有趣的一个新特性 -- @scroll-timeline:革命性创新,动画杀手锏 ...

Js基础-函数

函数是实现功能的载体, 它应该是一个最小功能的封装, 比如我们要计算两个数之和,再比如我们要实现计算正方形的体积等等。 函数定义和调用 函数定义 我们使用 function 关键字定义函数 // demo 为函数名, 自己命名但必须符合JS标识符命名规则 // () 小括号中可以带参数, 这种参数还 ...

全栈工程师必须要掌握的前端CSS技能

博主头像 作为一名全栈工程师,在日常的工作中,可能更侧重于后端开发,如:C#,Java,SQL ,Python等,对前端的知识则不太精通。在一些比较完善的公司或者项目中,一般会搭配前端工程师,UI工程师等,来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师,在一些小型项目或者初创公... ...

<1···678···18>