首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

前端开发学习-UIMDB

前言 目前我在工作之余,会对自己进行一些能力的提升和加强,除了对自己硬实力有提升的网课,我始终还是没有放弃自学前端开发,毕竟开发一个自己的个人网站,是我一直都想做的事。...事半功倍 我知道学习前端的途径有很多,对于自学的小白来说,视频无疑是最友好的;而对于我这种喜欢看书籍的,常常会去寻找一些高效率的网站和案例,例如Github找个现成的项目直接开撸。...他并不是单单的一个UI,而是一个自带教程的强大网站,不会前端的小白,甚至可以在这个网站上自学前端开发(除了加载速度有些捉急) ?...WX20191027-163832.png React教程从下载资源开始讲,以及React的使用、React如何应用、React的渐进式应用,一步到位。 ?...学以致用 当你进行完你感兴趣的框架的教程以后,你就可以使用丰富的MDBootstrap的工具了,他提供了大量的好看的UI,当然这些风格都比较适合国外的审美,看个人喜好,就比如我,我是蛮喜欢这种风格的。

1.5K20

从 Element UI 源码的构建流程来看前端 UI 设计

引言 由于业务需要,近期团队要搞一套自己的UI组件,框架方面还是Vue。而业界已经有比较成熟的一些UI了,比如ElementUI、AntDesign、Vant等。...本文通过分析ElementUI完整的构建流程,最后给出搭建一个完备的组件需要做的一些工作,希望对于想了解ElementUI源码或者也有搭建UI组件需求的你,可以提供一些帮助!...bootstrap "bootstrap": "yarn || npm i" 安装依赖, 官方推荐优先选用yarn(吐槽一句:我刚开始没看明白,想着bootstrap不是之前用过的那个 ui 吗 ?...ui 组件搭建指北 通过对ElementUI源码文件和构建流程的分析,下面我们可以总结一下搭建一个完备的 ui 组件都需要做什么工作。...ui组件的目录结构,我感觉ElementUI的就很不错: |-- Element |-- .babelrc // babel相关配置

2.3K20

从 Element UI 源码的构建流程来看前端 UI 设计

引言 由于业务需要,近期团队要搞一套自己的UI组件,框架方面还是Vue。而业界已经有比较成熟的一些UI了,比如ElementUI、AntDesign、Vant等。...本文通过分析ElementUI完整的构建流程,最后给出搭建一个完备的组件需要做的一些工作,希望对于想了解ElementUI源码或者也有搭建UI组件需求的你,可以提供一些帮助!...bootstrap "bootstrap": "yarn || npm i" 安装依赖, 官方推荐优先选用yarn(吐槽一句:我刚开始没看明白,想着bootstrap不是之前用过的那个 ui 吗 ?...ui 组件搭建指北 通过对ElementUI源码文件和构建流程的分析,下面我们可以总结一下搭建一个完备的 ui 组件都需要做什么工作。...ui组件的目录结构,我感觉ElementUI的就很不错: |-- Element |-- .babelrc // babel相关配置

1.8K10

Rust web 前端框架评测,以及和 js 前端框架的比较

最初,js-framework-benchmark 这个项目,如同名称含义,仅是评测 js 生态的框架性能的。...Rust web 前端/框架在所有前端/框架的位置 从评测结果来看,wasm-bindgen 性能和 vanillajs 处于同一水平,甚至有几项已经超越。...评测仓库未有 markdown 文件,所以笔者对评测结果截图: 消耗时间(毫秒)± 95% 启动指标(含移动终端) 内存分配(MB)± 95% Rust web 前端/框架评测概览 Rust web...前端中,参与评测的有 8 个:wasm-bindgen、stdweb、yew、seed、simi、dominator、maple,以及 delorean。...更详细全面的所有 web 前端/框架的评测和对比,请参阅页面 js-framework-benchmark/current.html。

5.7K20

前端-前端实现人脸识别-提取-合成

-合成整个流程,实现前端的军装照H5效果。...前端人脸识别 首先需要的是人脸识别,这个一听就觉得高大上的东西原理并不深奥,无非是用人的面部特征规则对图像进行匹配和识别,这项工作前端虽然可以实现,但前端实现基本就只能依据内置规则进行匹配,这个的质量就决定了识别质量...,而通常更成熟的方案是引入机器学习,让程序不断自我修正和提高,进一步提高识别率,机器学习的前端倒是也有,但把这两者结合起来的还没发现,因此对前端人脸识别的准确率不要报太高期望。...现有的前端人脸识别不算多,这里我们选择的是效果相对好点的trackingjs,这个类功能非常强大,如其名,它可以完成各种追踪类的图像处理任务,人脸识别只是其众多功能之一,而且通过选配插件,还可以精确识别眼睛...即便这样,合成结果还是很容易穿帮,不过前端处理也没有更好的办法了。 效果展示 好了,说的再多不如看个例子,示例提供三种图片输入源,分别是本地图片、远程图片、内置示例。

1.9K30

前端进阶攻略|最全的前端开源JS框架和

详细去描述每一种主流的 Javascript框架和近乎不可能,所以在这篇文章中主要介绍一些对前端发展最具影响力的前端框架。接下来让我们来共同研究一些主流前端框架、和工具,并讨论它们的适用场景。...10.Ionic 地址:http://www.ionic.wang/js_doc-index.html Ionic既是一个CSS框架也是一个Javascript UI。...13.Knockout.js 官方地址:http://knockoutjs.com/ Knockout是一个轻量级的UI,通过应用MVVM模式使JavaScript前端UI简单化。...基于Yahoo UI的扩展包yui-ext是具有CS风格的Web用户界面组件 能实现复杂的Layout布局,界面效果可以和backbase媲美,而且使用javascript代码开发。...以上这些,是近年来前端的一些开源框架和插件,仅供参考实际项目中,还是要结合自己的项目需求来修改。

3.7K70

前端时间处理-Day.js与Moment.js

那大名鼎鼎的两个时间不多说了,在标题,非常强大。...Day.js Day.js官网 Day.js比较轻量,所以在我刚接触需要处理时间的需求中,我首先选择了Day.js,但是我还是用着不是很舒服,可能语法问题,也可以体验感问题,反正就是不太喜欢。...但是这个无疑非常优秀,为什么呢? 我们上面提到了Moment.js,那这两个比如是有竞争选择。 而Moment.js也是占用资源比Day.js大了些许了。  ...Moment.js官网 是的,我最后还是喜欢选择Moment.js,语法写起来也顺手,虽然占用资源较大,但是功能也是比Day.js多了许多。...对比一下 bundlephobia.com也是提供了资源占用的Api,Day.js如下: Moment.js如下: 这样一对比,所以说,day.js是更现代并且更轻量化,更加容易扩展的一个,但是需要强大的时间处理

2.8K20

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

之前有很多人问学好前端需要学习哪些 js , 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结....前端由于入行门槛低, 更新换代很快, 每年都会有大量新的框架和出现, 也有大量被淘汰(比如 JQuery, 但是学习它的设计思想很有必要)....或者框架, 接下来笔者也是按照不同前端业务的需求, 来整理一份能快速应用到工作中的js, 以提高大家的开发效率. js常用工具类 lodash 一个一致性、模块化、高性能的 JavaScript 实用工具...fly.js 一个基于promise的http请求, 可以用在node.js, Weex, 微信小程序, 浏览器, React Native中 动画 Anime.js 一个JavaScript动画...js Compressor.js 一个使用本地canvas.toBlob API进行图像有损压缩的js Fabric.js 一个易于使用的基于HTML5 canvas元素的图片编辑器 merge-images

2K30

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

之前有很多人问学好前端需要学习哪些 js , 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结....前端由于入行门槛低, 更新换代很快, 每年都会有大量新的框架和出现, 也有大量被淘汰(比如 JQuery, 但是学习它的设计思想很有必要)....或者框架, 接下来笔者也是按照不同前端业务的需求, 来整理一份能快速应用到工作中的js, 以提高大家的开发效率. js常用工具类 lodash 一个一致性、模块化、高性能的 JavaScript 实用工具...fly.js 一个基于promise的http请求, 可以用在node.js, Weex, 微信小程序, 浏览器, React Native中 动画 Anime.js 一个JavaScript动画...js Compressor.js 一个使用本地canvas.toBlob API进行图像有损压缩的js Fabric.js 一个易于使用的基于HTML5 canvas元素的图片编辑器 merge-images

1.8K10
领券