- 博客(30)
- 收藏
- 关注
RSS订阅原创 十大常用web前端UI组件库，赶紧收藏
今天主要介绍web前端常用的UI库，这些网站基本都是背靠互联网大厂，值得web前端开发者收藏，当然还是要多多学习使用。Vant一款有赞出品轻量、可靠的的移动UI组件库，目前支持 Vue2、Vue3、React，微信和支付宝小程序，并由社区团队维护 React 版本和支付宝小程序版本。官网的文档清晰易懂，如果你熟悉vue.js的组件化开发，上手非常容易。Ant DesignAnt Design是一套企业级 UI 设计语言和 React 组件库，提供了一套非常完整的组件化设计规范与组件化编码规范，能
2022-04-07 15:22:05
26790
原创 10种web前端开发可视化在线工具大全
web前端有很多可视化在线工具，今天小编给大家介绍10种值得收藏使用的工具，赶紧收藏起来。在线正则表达式可视化Regulex是一个正则表达式的可视化开源工具，直接输入正则表达式就能用可视化显示出来。并且能够导出 svg 格式图片以及获取固定链接，比如下图这样。这样无论自己用还是给别人讲解，都是非常方便的。jex.im/regulex在线 Postman这个需要注册才能使用，不过如果自己有安装类似应用就可以不用。Postman是一款功能超级强大的用于发送 HTTP 请求的 Chrome插件 。做
2022-03-31 16:40:21
2477
原创 jQuery EasyUI入门基础组件的三要素-前端培训
EasyUI是一组基于jQuery的UI插件集合，封装了大量CSS和JS，前端开发者只需要了解一些简单的HTML标签，就可以使用EasyUI做出功能丰富并且美观的UI界面。EasyUI组件都具有属性、方法、事件，即组件的三要素。1、属性：属性描述了组件的更多信息。我们通过配置这些属性，可以让EasyUI提供不同的显示效果或功能，比如面板组件有title属性，iconCls属性，collapsed属性。所有的属性都定义在jQuery.fn.{plugin}.defaults里面。例如，panel面板的
2022-01-06 11:04:24
483
原创 jQuery EasyUI插件的学习，LinkButton和Panel组件-前端培训
前面我们也学习了插件的创建方式，并列举出了EasyUI所有的插件。今天我们着重讲解其中的两个插件-LinkButton和Panel组件。
2022-01-04 16:13:38
648
原创 jQuery EasyUI入门基础之插件篇-前端培训
EasyUI是一组基于jQuery的UI（用户界面）插件集合。本文介绍了组件的创建方式，通过样式介绍每个属性的作用，更是列举出了EasyUI的所有插件，帮助学习者更快的了解组件。jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合，包括功能强大的 datagrid（数据网格）、treegrid（树形表格）、panel（面板）、combo（下拉组合）等等。用户可以组合使用这些组件，也可以单独使用其中一个。组件的创建：EasyUI可以通过HTML或JavaScript创建组件；1、HTM
2021-12-28 14:23:52
497
原创 jQuery EasyUI入门环境搭建-前端培训
jQuery EasyUI是什么？EasyUI是一组基于jQuery的UI（用户界面）插件集合，而jQuery EasyUI的目标就是帮助web前端开发者更轻松的打造出功能丰富并且美观的UI界面。使用EasyUI不需要编写复杂的JavaScript，也不需要对css样式有深入的了解，你只需要通过编写一些简单HTML标记，就可以定义UI界面。EasyUI框架项目结构我们打开EasyUI项目文件夹，可以清楚的看到项目目录。从图中可以看到EasyUI文件夹下面有许多子文件，那么它们分别有什么作用？让我
2021-12-23 14:26:43
795
原创 工作十年后悟出了哪些职场道理
不知不觉已经工作十多年了，从一个什么都不懂的职场新手变成职场老手，在各种各样的职场经历下，不说历练的八面玲珑，至少也有自己的感悟。俗话说的好“职场如战场”，有哪些职场道理是你工作之后悟出来的？1、不要把同事当密友，不随便交心工作不是生活，同事也不一定是朋友。对待同事可以热情，可以互助，但千万别把同事当密友，什么老底都让他知道。不是每一位同事都能成为知己，所以不随便交心。没有利益关系都是朋友，一旦有利益冲突，翻脸只是一瞬间的事儿。有时候你的心里话，不经意间会成为别人攻击你的武器。2、凡事留余地，日
2021-08-13 16:52:53
314
原创 重复线性渐变repeating-linear-gradient
上一篇CSS3 线性渐变（linear-gradient）讲了CSS3线性渐变，本文是它的姐妹篇——重复线性渐变repeating-linear-gradient。repeating-linear-gradient()函数创建一个由重复线性渐变组成的 。它类似于linear-gradient() 并采取相同的参数，但它重复的颜色停止无限的所有方向， 以覆盖其整个容器。函数的结果是 数据类型的一个对象， 它是一种特殊的 。一、语法结构repeating-linear-gradient( [ <
2021-06-17 15:10:41
5929
转载 CSS3 线性渐变（linear-gradient）
在CSS3出现之前，渐变效果只能通过图形软件（比如Photoshop）设计图片来实现，可拓展性差，还影响性能，而且还必须要会PS。如今通过CSS3可以很轻松的完成渐变效果。一、线性渐变的基础知识介绍先利用flash的渐变变形工具了解一下线性渐变的原理。设置了一个如图的线性渐变条，三个色彩，位置分别是0%，50%，100%， 默认左边第一个颜色是起始色，最后一个是终点色。渐变的效果最关键的是渐变线的长度和角度，如图：什么是渐变线？渐变线就是两条黑线中间那条垂直的红色线条。黑色线条代表了色彩的渐
2021-06-07 15:20:23
10769
转载 CSS3属性box-shadow轻松实现盒阴影效果
与text-shadow（文字阴影效果）的原理一样，只不过text-shadow是为文字做阴影，而box-shadow是为盒对象做阴影。这里的盒包括块状(block)、内联(inline)、内联块状对象(inline-block)。如果对盒对象不清楚的童鞋，可以先去学习下什么是盒一、box-shadow的语法结构w3c的官方文档，先看一下： CSS3 box-shadow 属性。box-shadow: h-shadow v-shadow blur spread color inset;h-sh
2021-06-03 14:54:47
4947
转载 CSS3新增text-shadow轻松实现文字阴影效果
在以前，如果想给文字加上特殊的样式，比如发光、阴影等效果，就必须用PS把文字保存为图片才能在网页上正常显示。而CSS3新增的text-shadow属性，可以轻松实现文字投影、发光、内阴影等很棒的立体效果，而且效果自然，不逊于PS制作出的效果。具体效果如图：一、text-shadow的语法按照惯例，先把w3c的官方文档看一遍： CSS3 text-shadow 属性text-shadow: none|h-shadow v-shadow blur color;none：无阴影，默认值。h-sh
2021-06-02 14:46:14
6172
转载 CSS3新增背景系列background相关属性
在CSS不支持多个背景写在一个标签里面的时候，如果需要多个背景，那么需要分开加标签，而且各个层级有时候还很容易搞混。现在，CSS3支持多背景写法了。本文详细讲解了CSS3多重背景这个新特性，真的是很强大。一、多重背景的用法background:url(),url(),……多个背景图片用逗号隔开，越靠前的图片层级越高。每一个背景图片的写法都和以前单个背景图片的写法是一样的。可以指定图片的平铺方式，位置等等。HTML：<div id="fruit"> </div>CSS
2021-05-31 14:36:24
599
转载 CSS中的颜色值以及rgba和opacity的区别
很多时候，网页的色彩总是看着怪怪的，这是为什么？CSS中设置颜色的方式有好几种，web前端开发者们往往都是用rgb三原色来搭配，或者直接用red/blue/yellow/gray等颜色值。这就导致了开发出来的前端页面完全脱离了UI设计稿，色彩差异明显，不是用户喜欢的色调。为了开发出用户喜欢的色调，强烈建议web前端们也要把自己的审美，特别是色彩审美提高一下。审美教育必须从娃娃抓起！1、基础颜色值，用单词可以表示。估计大家的英文也不太好，所以常常使用的也就是RGB里面的三原色值，或者加一个yello
2021-05-28 11:12:22
1006
转载 CSS3中新增单位rem、em、vh、vw等的用法
以前刚接触前端的时候，用来控制大小的单位大家都习惯用像素（px），但是随着时代的进步，响应式布局和跨平台设备的web应用已经成为主流，再使用像素单位来控制大小就有点捉襟见肘了。这时候，很多更为灵活的具有百分比性质的单位逐渐替代了像素单位。现如今，浏览器都允许用户重新设置文字的大小，如图：但是很多网页在body的样式上直接写死了文字大小，比如为14px或者16px，这样用户修改浏览器的字号是没法改变网页文字大小的，这对视力不好的人很不友好啊。如图，看看你有这种坏习惯吗？还设置文字居中，这个前端不合格！
2021-05-27 11:13:31
463
原创 鸿蒙系统（HarmonyOS）应用开发精品课程
快速上手菁瑞优智HarmonyOS应用开发课程1、鸿蒙系统介绍本课程规划、介绍与基础必备知识；鸿蒙典型案例；鸿蒙系统特性（系统架构等）；鸿蒙系统生态；鸿蒙系统潜力和未来爆发点；项目演示2、鸿蒙系统应用开发基础开发环境IDE，模拟器，NodeJS等安装，账号注册等；环境基本使用介绍；开发语言框架介绍等3、JS UI框架的FA开发JS UI框架概述；JS UI文件组织；初步体验JS FA应用；Ability的FA概述；构建用户界面；组件介绍4、JS UI框架的FA开发-容器组件容器组件介绍：ba
2021-04-30 10:31:01
929
原创 那些被IE耽搁了的CSS属性选择器
CSS2中有很多属性选择器，而在CSS3中，又新增加很多很棒的属性选择器。为什么以前属性选择器用的比较少呢，主要是因为IE浏览器低版本不友好，不过现在的版本已经能很好的兼容了，所以让我们愉快的使用属性选择器吧。一、属性选择器二、案例1、选择有alt属性的图片。img[alt]2、选择提交按钮。input[type=submit]{ border:none; background-color:#F36; width:200px; padding:10px; color:#fff;
2021-01-30 15:51:57
125
原创 HTML中文字的布局
文字的布局关系到一篇文章在网页中的美观与否，本文主要讲解HTML的布局标记。1、行的控制（1）换行控制在《常用HTML标记和格式》中已经介绍过强制换行符＜br＞，表示一个段落中间另起一行。一个＜br＞标记表示换一行，如果在一行文字中出现多次＜br＞，就会换行多次。同样，在《常用HTML标记和格式》中已经介绍过的段落标记＜p＞＜/p＞，也可以单独使用＜p＞，用作换行使用。换行＜p＞和强制换行＜br＞的区别在于，＜p＞换行中间会空一行，＜br＞不会空一行。（2）不换行控制格式：＜nobr＞菁瑞优智
2021-01-29 11:55:33
1390
原创 HTML中字体大小的设置
在HTML中用其字体标记来修饰文字字体方面的属性，使文字显示更丰富。本文所要讲述的就是网页中常用的字体标记，例如一个标题字体需要变大，并且颜色是红色，字体类别使用黑体或楷体等。1、字体大小的设置字体大小用像素表示，例如：12像素、14像素、16像素，一般网页中会有一个默认大小的像素，如果想改变字体大小，就需要重新设置。合理的字体大小能为网页添加很多修饰，看着更美观，更舒适。格式：< font size="#">菁瑞优智< /font>关键字size用来表示大小，#表示1-7的
2021-01-28 14:27:39
58652
原创 常用HTML标记和格式
本文要介绍的是应用中常用的HTML标记和格式，这些知识点在网页中会经常用到，也是必须得掌握的知识点之一。1、设置正文标题标题的作用是用精简的文字概括整篇文章的主题，故文字不能太长，应从外表上突出标题与内容的关系。标题的语法很简单，由双标记组成，在尖括号里输入h与从1〜6中的任意一个数字即可，数字不同，所表达的标题大小效果也不一样。格式：< h#>菁瑞优智< /h#>#代表数字1-6，例如< h1>、< h6>等，数字越大标题字号越小。2、设置段落
2021-01-27 14:02:24
208
原创 HTML和网站基础知识
1、HTML简介HTML（Hyper Text Markup Language），即超文本标记语言。它通过一些列标签，将网络上的文字、图形、动画、声音、表格、链接等连接为一个整体。将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。为人们查找，检索信息提供方便。2、网页的分类分为静态网页和动态网页（1）静态网页：纯粹的HTML格式网页，仅能提供浏览，不论何时何地被浏览，都将显示相同的形式和内容，也就是说无法与网站进
2021-01-25 17:29:44
275
原创 前端是什么？哪些人适合学前端
什么是前端？前端就是展现给用户浏览的部分。我们通常说的前端，其实是指前端开发，也就是创建PC端或移动端等前端界面给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。随着互联网的迅猛发展，各种互联网项目的不断兴起，对用户体验的要求不断提高，前端开发也水涨船高。据不完全统计，我国H5前端工程师人员的缺口将达到10多万，因此，前端工程师是一个非常有“钱”途的职业。当然，就算入了前端的门，也需要不断的提升自己。随着前端技能的深入，薪酬
2021-01-23 15:20:36
599
原创 学会这些面试技巧，成功找到你喜欢的工作
面试，对于求职者而言，就是一道门槛，不是所有求职者都能轻松跨过去，找到自己喜欢的工作。“不打无准备之仗，方能立于不败之地。”菁瑞优智给正在求职的人准备了一些面试技巧。学会这些面试技巧，你离成功就更近了一步。1、明白自己喜欢的行业古话虽说“三十六行行行出状元”，但是不是所有行业都适合自己，选择一个自己喜欢的行业，才能在工作中事半功倍。2、充分了解求面试的企业知己知彼百战百胜，如今网络这么发达，当你收到面试邀请，提前上网搜索，企业文化、产品信息、岗位性质、岗位职责等。对企业充分的了解，能让面试官体会
2021-01-15 14:04:25
105
原创 程序员不是万能的，那些让程序员抓狂的事情
有多少人认为程序员是万能的？大到互联网，小到计算器，都是需要代码来进行控制的，而程序员就是编写这些代码的人。在一些不了解编程的人眼中，枯燥复杂的代码，在程序员手中轻轻松松就搞定了。所以在他们的认知中，程序员简直无所不能！正所谓：外行看热闹，内行看门道。写代码对于程序员来说是很简单的工作，但是有很多其他工作能让程序员无所适从，甚至抓狂。那什么事情是能程序员抓狂呢，现在就跟着菁瑞优智一起来看看吧。一、写方案客户给了一堆需求，对功能、外观上的各种要求，都需要程序员做出详细的理解，写出程序设计方案。同时
2021-01-07 17:19:12
412
4
原创 手机坏了，有必要再修吗？
如果是土豪，可以扔了重新换一部；但是对于大多数人来说，还是会想着：能不能抢救一下？当然，手机坏了是否有必要修，完全在于个人。如果手机损坏严重，只要数据能留下来，其实完全没有维修的必要。但是如果维修费用不高，修一修还能继续使用，而且个人很喜欢这部手机，就可以维修一下。毕竟可以省下买手机的钱。不过，手机作为我们现在最重要的随身物品，需要维修的时候，我们都或多或少有一些顾虑。1、价格这是我们决定是否把手机拿去维修的一个重要因素，如果维修的价格都能买一部新的手机了，那么这个手机也就没有维修的必要了。
2020-12-28 11:43:18
1115
原创 有人不理解，有人不屑，到底什么是UXD
最近总是听到UXD这个词，在各大交流平台都有围绕UXD的相关讨论。有很多人不理解，也有很多人不屑，那到底是什么是UXD呢？UXD就是什么都要考虑，什么都得会。UXD（UXD全能设计），是对UI设计师能力要求的全面升级，除了需要具备UI设计师出色的用户界面设计能力，还必须掌握交互设计（ID）和用户体验设计（UX），以及跨媒体设计（COD）的实战经验，是企业高新难求的全能型设计人才。要详细的了解UXD，就需要了解各个设计模块的主要内容和关联！1、用户界面设计用户界面设计，是以用户为中心，使产品达到既
2020-12-26 16:37:06
1108
原创 H5前端开发-男生女生都适合做的程序员(媛)
什么是前端开发？前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。前端开发工程师是协调UI设计师、后端程序员实现网站页面或程序的界面美化、交互体验的一个职位。比美工懂技术，比技术懂交互，掌控Web前端开发全局。哪些人适合学H5前端？1、零基础：随着互联网的普及，越来越多的青少年很早便接触了互联网，3d游戏、做网站等等，想学点与互联网相关的内容，首选自然是前端，因为入门要求低，
2020-12-25 17:06:15
369
原创 线下培训永远有它不可替代的优势！
2020年，线上教育被推上了风口浪尖，“停课不停学”，让线上教育成为全民关注的话题。线上教育，顾名思义，是以网络为介质的教学方式。它打破了传统教育“固定时间、固定地点、固定节奏”的限制，让每一个人拥有了学习自由，不再受身份、年龄、时间、空间的限制。是不是说线上教育就一定比线下好呢？答案当然是否定的。线下培训永远有它不可替代的优势！1、自觉性我们都知道，线上教育由于它的“不限时间、不限地点”，老师很难起到应有的督促作用。对于缺乏学习自觉性的学员，在老师现场的监督和教导下，效果远胜线上教育。2、
2020-12-23 16:12:22
1461
原创 Java高级开发工程师-互联网公司经久不衰的常青树
为什么Java是世界第一编程语言？在历年的编程语言排行榜中，Java都是位列第一。虽然在今年最新发布的2020年12月榜单中，被C语言抢占了第一名，但是我们不可忽视Java在编程语言中的地位。为什么Java常年位列编程语言排行榜NO.1？1、简单性：自动处理对象的引用和间接引用，实现自动的无用单元收集。2、面向对象：面向对象的语言，始终关注应用中数据和操纵数据的算法。3、分布性：分布式语言，跨平台高并发，高性能互联网架构不二之选。4、编译和解释性：使用JIT即时编译技术将字节码直接转化成高性能
2020-12-19 16:46:23
253
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人