搜索[前端设计]结果-低调大师优秀个人博客

精选列表

搜索[前端设计]，共10000篇文章

antdv 前端开发的快速开发平台 xiaonuo

xiaonuo快速开发平台准备问世，前端的选型来自于网友提供的灵感，以前后分离趋势架构来定义，看了elment、antdesign-pro、antdesign-pro-vue等相关前端；随着前后分离架构

2021-01-30

前端开发：详细讲解this指向的相关知识

在前端js中，this虽然只是其中的一个关键字而已，但是确实一个比较特殊的关键字。

2021-01-15

高效的前端开发工具有哪些？

高效的前端开发工具有哪些?在互联网中许多开发工具可以让前端开发人员的工作生活变得更加轻松。应用程序的功能越来越丰富，也导致了前端开发的复杂度大幅增加，急需好的开发工具。

2021-01-05

表格 table(会使用) 为了让我们页面显示的更加整齐，我们需要学习三个表（表格、表单、列表）理解：能说出表格用来做什么的表格的基本结构组成表格作用：存在即是合理的。表格的现在还是较为常用的一种标签，但不是用来布局，常见显示、展示表格式数据。因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理，虽然 div 布局也可以做到，但是总没有表格来得方便。 ps: 这些地方用表格，你会觉得很贴切。 1. 创建表格在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法： <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> 要深刻体会表格、行、单元格他们的构成。在上面的语法中包含基本的三对HTML标签，分别为 table、tr、td，他们是创建表格的基本标签，缺一不可，下面对他们进行具体地解释 1.`table`用于定义一个表格标签。 2.`tr`标签用于定义表格中的行，必须嵌套在`table`标签中。 3.`td` 用于定义表格中的单元格，必须嵌套在`<tr></tr>`标签中。 4.字母`td`指表格数据（table data），即数据单元格的内容，现在我们明白，表格最合适的地方就是用来存储数据的。总结：表格的主要目的是用来显示特殊数据的一个完整的表格有表格标签（table），行标签（tr），单元格标签（td）组成，没有列的标签 <tr></tr>中只能嵌套<td></td> 类的单元格 <td></td>标签，他就像一个容器，可以容纳所有的元素 2. 表格属性表格有部分属性我们不常用，这里重点记住 cellspacing 、 cellpadding。我们经常有个说法，是三参为0，平时开发的我们这三个参数 border cellpadding cellspacing 为 0 案例1： <table width="500" height="300" border="1" cellpadding="20" cellspacing="0" align="center"> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>刘德华</td> <td>男</td> <td>55</td> </tr> <tr> <td>郭富城</td> <td>男</td> <td>52</td> </tr> <tr> <td>张学友</td> <td>男</td> <td>58</td> </tr> <tr> <td>黎明</td> <td>男</td> <td>18</td> </tr> <tr> <td>刘晓庆</td> <td>女</td> <td>63</td> </tr> </table> 3. 表头单元格标签th 作用：一般表头单元格位于表格的第一行或第一列，并且文本加粗居中语法：只需用表头标签<th></th>替代相应的单元格标签<td></td>即可。案例2：效果图代码： <table width="500" border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <th>姓名</th> <th>性别</th> <th>电话</th> </tr> <tr> <td>小王</td> <td>女</td> <td>110</td> </tr> <tr> <td>小明</td> <td>男</td> <td>120</td> </tr> </table> th 也是一个单元格只不过和普通的 td单元格不一样，它会让自己里面的文字居中且加粗 4. 表格标题caption 定义和用法 <table> <caption>我是表格标题</caption> </table> **注意： ** 1.`caption` 元素定义表格标题，通常这个标题会被居中且显示于表格之上。 2.`caption` 标签必须紧随 table 标签之后。 3.这个标签只存在表格里面才有意义。 5. 合并单元格(难点) 合并单元格是我们比较常用的一个操作，但是不会合并的很复杂。 5.1 合并单元格2种方式跨行合并：rowspan="合并单元格的个数" 跨列合并：colspan="合并单元格的个数" 5.2 合并单元格顺序合并的顺序我们按照先上后下先左后右的顺序 5.3 合并单元格三步曲 1.先确定是跨行还是跨列合并 2.根据先上后下先左后右的原则找到目标单元格然后写上合并方式还有要合并的单元格数量比如： `<td colspan="3"> </td>` 3.删除多余的单元格单元格 6. 总结表格标签名定义说明 <table></table> 表格标签就是一个四方的盒子 <tr></tr> 表格行标签行标签要再table标签内部才有意义 <td></td> 单元格标签单元格标签是个容器级元素，可以放任何东西 <th></th> 表头单元格标签它还是一个单元格，但是里面的文字会居中且加粗 <caption></caption> 表格标题标签表格的标题，跟着表格一起走，和表格居中对齐 clospan 和 rowspan 合并属性用来合并单元格的 1.表格提供了HTML 中定义表格式数据的方法。 2.表格中由行中的单元格组成。 3.表格中没有列元素，列的个数取决于行的单元格个数。 4.表格不要纠结于外观，那是CSS 的作用。 5.表格的学习要求：能手写表格结构，并且能简单合并单元格。 7. 拓展阅读@ 表格划分结构（了解）对于比较复杂的表格，表格的结构也就相对的复杂了，所以又将表格分割成三个部分：题头、正文和脚注。而这三部分分别用:thead,tbody,tfoot来标注，这样更好的分清表格结构注意： 1.`<thead></thead>：`用于定义表格的头部。用来放标题之类的东西。`<thead>` 内部必须拥有 `<tr>` 标签！ 2.`<tbody></tbody>：`用于定义表格的主体。放数据本体。 3.`<tfoot></tfoot>: `放表格的脚注之类。 4.以上标签都是放到table标签中。

2020-12-26

我们为什么选择VUE来构建前端

我们使用这个工具来去解决拧螺丝这样一个如果没有扳手会变得相当复杂的问题，这和使用前端框架去解决在工作中遇到的一个复杂项目的时候所经历的过程是一样的。

2020-12-21

帮你对比多种微前端方案

一、写在前面在之前的文章中，我们已经深入剖析了微前端究竟是什么，可以带来什么收益，现在让我们复习一下微前端的概念： Techniques, strategies and recipes for building

2020-12-11

amis 1.0.19 已经发布，前端低代码框架

amis 1.0.19 已经发布，这是一个前端低代码框架。

2020-11-29

前端高效开发必备的 js 库梳理

之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结.

2020-11-26

你知道几种前端动画的实现方式？

那前端实现动画效果的方式有哪些呢，大致有如下几种：一、GIF图片 GIF图就直接贴上图片就好了，使用非常简单，但GIF图有时出现问题是没办法控制的，比如常见的GIF图的闪烁现象。

2020-11-04

前端插件化架构的探索和实践

设计一个完善的插件化架构的系统，包含三要素： plugCore：插件内核，提供插件运行时，管理插件的加载、运行、卸载等生命周期（类比浏览器）； pluginAPI：插件运行时需要的基础接口（类比浏览器例子

2020-09-18

面向对象视角下的前端工程体系

前端工程师：根据产品需求还原设计稿，并根据前后端数据协议实现交互功能，产出前端应用程序测试工程师：对前端应用程序进行充分测试，保证产品需求得到了一致满足运维工程师：将质量可靠的前端应用程序部署到生产环境

2020-09-05

我来聊聊前端应用表现层抽象

在这样的大环境下，传统的「web 前端开发」演变成了「泛客户端开发」，前端开发者从「配置工程师」被「逼」成了「软件工程师」。

2020-09-01

前端js调用接口转换Map数组数据

, "count": 0, "data": {"数量":0} } 前端js处理取值 var parentData = JSON.parse(JSON.stringify(res.data)); this.volume

2020-08-17

为什么总有人觉得前端很简单？

随着技术的发展，大前端逐渐火了起来，而且以燎原之势影响着前端领域甚至整个开发领域，大前端也逐渐成为一种趋势。

2020-07-28

Ionic 5.2.3 发布，混合移动应用前端框架

Ionic是一个高级的 HTML5 移动端应用框架，也是一个开发混合移动应用的前端框架。

2020-07-03

Ionic 5.2.2 发布，混合移动应用前端框架

Ionic是一个高级的 HTML5 移动端应用框架，也是一个开发混合移动应用的前端框架。

2020-06-17

写给前端工程师的 Flutter 教程

最爱跨端的也是前端工程师，从 phonegap，折腾到 React Native，这不又折腾到了 Flutter。图啥？低成本地为用户带来更优秀的用户体验。

2020-05-16

京喜前端自动化测试之路

为了保障线上业务的稳定运行，每月例行开展前端容灾演习，主要包含小程序及 H5 版本，要求各页面各模块在异常情况下进行适当的降级处理，不能出现空窗、样式错乱、不合理的错误提示等体验问题。

2020-05-08

Ionic 5.1.0 发布，混合移动应用前端框架

Ionic是一个高级的 HTML5 移动端应用框架，也是一个开发混合移动应用的前端框架。

2020-05-03

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

精选列表

antdv 前端开发的快速开发平台 xiaonuo

amis 1.1.3 已经发布，前端低代码框架

前端开发：详细讲解this指向的相关知识

高效的前端开发工具有哪些？

2020年12月-前端基础-表格 table

我们为什么选择VUE来构建前端

帮你对比多种微前端方案

amis 1.0.19 已经发布，前端低代码框架

前端高效开发必备的 js 库梳理

你知道几种前端动画的实现方式？

前端插件化架构的探索和实践

面向对象视角下的前端工程体系

我来聊聊前端应用表现层抽象

前端js调用接口转换Map数组数据

为什么总有人觉得前端很简单？

Ionic 5.2.3 发布，混合移动应用前端框架

Ionic 5.2.2 发布，混合移动应用前端框架

写给前端工程师的 Flutter 教程

京喜前端自动化测试之路

Ionic 5.1.0 发布，混合移动应用前端框架

资源下载

腾讯云软件源

Nacos

Rocky Linux

WebStorm

欢迎您来访！