![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端之美
文章平均质量分 77
前端ing
猫天意
我是天意,爱好广泛,喜欢学习、读书、探索未知的世界和有趣的事情,关注我,一起学习! 希望在这里能和大家一起进步,时间会给出最好的答案,星光不负赶路人,愿走出半生,你我归来仍是少年。
路漫漫其修远兮,吾将上下而求索。
展开
-
CSS | 一文搞定去除a标签的所有样式
去除a标签的所有样式原创 2023-04-25 16:50:38 · 3063 阅读 · 0 评论 -
移动Web开发之flex布局
文章目录一、1.0传统布局和flex布局对比1、传统布局2、flex布局3、总结二、flex布局原理一、1.0传统布局和flex布局对比1、传统布局兼容性好布局繁琐局限性,不能再移动端很好的布局2、flex布局操作方便,布局极其简单,移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅支持部分3、总结如果是pc端页面布局,还是采用传统方式如果是移动端或者是不考虑兼容的pc则采用flex二、flex布局原理flex 是 flexible B原创 2022-07-01 23:34:52 · 283 阅读 · 0 评论 -
前端 | 数据可视化之ECharts
文章目录一、数据可视化1.1 什么是数据可视化1.2 数据可视化的使用场景1.3 常见可视化库1.4 小结二、ECharts简介2.1 什么是ECharts三、ECharts的快速入门3.1 ECharts使用五部曲3.2 选择不同类型图表3.3 相关配置讲解3.4 小结一、数据可视化1.1 什么是数据可视化数据可视化主要目的:借助于图形化手段,清晰有效地传达与沟通信息。数据可视化可以把数据从冰冷的数字转换成图形,揭示蕴含在数据中的规律和道理1.2 数据可视化的使用场景1.3 常见可视化原创 2021-07-11 16:06:31 · 1296 阅读 · 0 评论 -
Vue | 03Vue之组件化开发
1、组件化开发思想1.1 现实中的组件化思想体现什么是组件化开发呢?简单来说就是将目标分解为多个组件,举个栗子就是:台式电脑的机箱内由CPU、显卡、内存条、硬盘、主板来组成,这些就可以看成是组件。可以理解为机箱由多个组件组合而成。标准、分治、重用、组合1.2 编程中的组件化思想体现在软件开发中存在父组件、子组件、兄弟组件这样的关系。1.3 组件化规范: Web Components希望尽可能多的重用代码自定义组件的方式不太容易(html、css和js)多次使用组件可能导致冲突Web原创 2021-02-19 17:20:45 · 257 阅读 · 1 评论 -
入门前端
文章目录一、初识WEB前端1、引问二、走入WEB前端1、HTML、CSS、Javascript是什么2、浏览器三、遵循WEB标准3.1、为什么要遵循WEB标准3.2、遵循Web 标准的好处3.3 Web 标准构成一、初识WEB前端1、引问1、网页是由什么构成的?网页主要由文字、图像和超链接、媒体元素(音频、视频)等元素构成···2、淘宝,京东等页面又是如何做出来的?通过编写HTML(可以理解为人的骨架)、CSS(可以理解为人的衣服)、JS(可以理解为人的动作行为)代码来实现3、我也想做原创 2020-10-25 11:06:30 · 242 阅读 · 0 评论 -
前端技术之Less
文章目录一、Less的引入二、Less的介绍1、概念2、Less的安装一、Less的引入前提:CSS 是一门非程序式语言,没有变量、函数、SCOPE(作用域)等概念,所以为了解决这一系列问题,在这里将引入Less。CSS的劣势:CSS 需要书写大量看似没有逻辑的代码,CSS 冗余度是比较高的。不方便维护及扩展,不利于复用。CSS 没有很好的计算能力非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码项目。二、Less的介绍1、概念Less原创 2020-08-01 21:37:18 · 876 阅读 · 0 评论 -
CSS3|3D转换
网页中的三维坐标系3D移动translate3d(x,y,z)3D旋转rotated(x,y,z)HTMLX轴旋转案例<body> <img src="./media/pig.jpg" alt=""></body>CSS <style> body{ perspective: 500px; } img{ display: block; margin原创 2020-12-17 20:46:03 · 180 阅读 · 0 评论 -
CSS3|属性选择器
文章目录属性选择器属性选择器注:类选择器、属性选择器、伪类选择器,权重为 10CSS<style> button { cursor: pointer; } /* 属性选择器权重 高于标签选择器 */ button[disabled] { cursor: default; } /* 2. 属性等于值 */ input[type="sea原创 2020-12-17 12:20:59 · 216 阅读 · 0 评论