低代码实现大幅度的提效降本,为专业开发者提供了一种全新的高生产力开发范式,今天就推荐10个低代码平台,建议收藏! Appsmith Appsmith 是一个用于构建、部署和维护内部应用程序的开源平台。 配置就能生成各种后台页面,内置 100+ 种 UI 组件,能够满足各种页面组件展现的需求,极大减少开发成本,甚至可以不需要了解前端。 Github地址:https://github.com/baidu/amis Github Star:14.1K tmagic-editor tmagic-editor是腾讯技术中心从魔方平台演化而来的开源项目 ,和大多数的前端低代码框架一样,采用的是编辑器生成页面JSON数据,服务端负责存取JSON数据,渲染时从服务端取数据JSON交给前端模板处理。 最新版本使用 uni-app 重构物料、模板项目,支持生成 H5、小程序多端商城。
前端技术已经多年,各种开发框架,开发语言也覆盖了大部分的业务环境,熟练使用AI 进行辅助开发就可以提高 10 倍的开发效率,当然这个是在有比较熟练开发经验的基础上再进行 x10AI 极大促进了开发效能; 现在前端几乎没人要了,因为后端使用AI 辅助开发基本上也能满足基本需要了,迭代几个版本,熟悉了前端开发的基本框架,基本上后端和前端也就没那么明显的界限了,除非是比较急的项目需求,不然时间拉长一点点基本上就不需要前端了 而对于跳槽频繁的前端开发来说,很难去深入大前端++项目特性而积累相关开发经验。大前端++项目是相对的小型项目,由于产品和服务的链条比较长才有了类似的门槛要求。但一般情况下市面上找不到类似的开发人员 ! 所以如果从现在开始积累大前端++项目的行业特性,那基本上就抵御了 AI 的冲击,因为AI 解决不了如此复杂的业务场景,当然如果你看过我其他文章就会知道这样的项目的场况问题,AI 无法理解的。 所以如果还想在前端有一定的发展方向,大前端++可能是一个比较好的保底的选择,可以有效抵御AI 冲击我是前端开发,还是十多年的前端开发,所以在前端开发的感受更深刻一些!
81 个视频讲解,每个视频大概 5 - 10分钟左右,还能学习英语哦 youtube 的教学视频:https://www.youtube.com/playlist? list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8 猫哥之前学习算法的时候,也在这个项目中收益良多呢! 而且这个项目还一直有维护和更新内容哦!真的非常不错的一个项目! https://github.com/trekhleb/javascript-algorithms 更多算法相关的项目推荐可以看看这篇文章:7 个 GitHub 上超火的前端学习的数据结构与算法项目 也是当今天前端最流行的编辑器! https://github.com/tinacms/tinacms 10. tailwindcss +45 Star / day 一个实用程序优先的 CSS 框架,用于快速构建自定义用户界面。
本文将基于我 10 多年来编写 JavaScript 代码的经验和 5 年多拯救 JS/TS 项目的经历,向读者介绍如下内容: 如何评估 JS/TS 代码库的质量和风险。 确保产品和技术代表能够公开、友好地协商功能性和技术性项目的优先级和规划。 关于如何在 TypeScript 和 JavaScript 项目中应用这些推荐做法的更多实用建议,我建议你参考 Yoni Goldberg 的最佳实践列表。 它们是为 Node.js(后端)项目编写的,但其中很多也适用于前端代码库。 前端框架 Svelte 作者宣布重构代码,反向迁移到 JavaScript 引争议](https://www.infoq.cn/article/dDXbcLHT7teNYSPL3sm7) Typescript
我在 Github 上收集了一些优秀的后台控制面板,并总结得出 Top 10。 、ant-design-pro Github Star 数 22600,Github 地址: https://github.com/ant-design/ant-design-pro 开箱即用的中台前端 10、material-dashboard Github Star 数 8600,Github 地址: https://github.com/creativetimofficial/material-dashboard
低代码实现大幅度的提效降本,为专业开发者提供了一种全新的高生产力开发范式,今天就推荐10个低代码平台,建议收藏! Appsmith Appsmith 是一个用于构建、部署和维护内部应用程序的开源平台。 配置就能生成各种后台页面,内置 100+ 种 UI 组件,能够满足各种页面组件展现的需求,极大减少开发成本,甚至可以不需要了解前端。 Github地址:https://github.com/baidu/amis Github Star:14.1K tmagic-editor tmagic-editor是腾讯技术中心从魔方平台演化而来的开源项目 ,和大多数的前端低代码框架一样,采用的是编辑器生成页面JSON数据,服务端负责存取JSON数据,渲染时从服务端取数据JSON交给前端模板处理。 最新版本使用 uni-app 重构物料、模板项目,支持生成 H5、小程序多端商城。
我在 Github 上收集了一些优秀的后台控制面板,并总结得出 Top 10。 、ant-design-pro Github Star 数 22600,Github 地址: https://github.com/ant-design/ant-design-pro 开箱即用的中台前端 10、material-dashboard Github Star 数 8600,Github 地址: https://github.com/creativetimofficial/material-dashboard
做前端也不是很久,也没做过什么特别大型或者是特别复杂需要很多前端配合开发的项目,所以对于前端的架构我并没有一个清晰的认识。 只是最近看着新公司的项目,实在有感而发,忍不住想说说前端项目最基础的一些架构。 现在几乎都是前后端分离了,所以前端项目都是前端自己搭建,整个项目的结构都把握在自己手里。 一个好的项目架构有什么好处呢,无外乎现在网上一直说的那几点,代码可读性、可维护性、可扩展性。当然,本人能力有限,说说基于本人认识上前端项目应该做的。 结构上,应该明确各种资源所放的位置。 组件,现在前端开发都是组件化开发,各个框架也提倡组件化开发,所以对于公共的组件封装,很重要,对于代码量减少的不是一点半点。对于维护和修改提高也很大。 不同人的敲代码的习惯都不一样,要是很多人开发一个项目或者是经很多手开发,那么这个项目在不同习惯下的代码,是很乱很杂的。
https://github.com/google/grumpy 4.spaCy(v2.0):该项目是一个使用Python和Cython的进行高级自然语言处理(NLP)的开源库 [Github 7633 stars,由Matthew Honnibal提供] https://github.com/explosion/spaCy 5.Serpent AI:该项目是一个Python写的游戏代理框架,简单而强大 该框架的目的是为机器学习和AI研究提供一个有价值的工具,不过对于爱好者来说也是非常有趣的。 [Github 1732 stars,由LíkieGeimfari提供] https://github.com/lk-geimfari/mimesis 9.Open-paperless:该项目是一个一个文件管理系统 [Github 1717 stars,由Tina Zhou提供] https://github.com/zhoubear/open-paperless 10.Clairvoyant:一个Python程序
在python垄断的时代,发布JS工具库不就是意味着我们前端工程师也可以参与其中? 当我决定开始投身这片领域做一些自己感兴趣的事情的时候,却发现身边的人投来的都是鄙夷的目光,他们对前端的印象,还总是停留在上个年代那些只会写写页面脚本的切图仔,只有身处这片领域的我们才知道大前端时代早已发生了翻天覆地的变革 2.2.实战项目解析 来,我们一起详细梳理一下使用ConvNetJS这个工具库完成整个图像识别的具体流程, (PS:项目代码具体参照:https://github.com/jerryOnlyZRJ/image-regression 从识别结果中我们可以看到,我们得到的是一个数组,这就是经过分类器分类的10个不同类别,对应的自然是我们的车的品牌,值就是每个类别对应的概率。 如果您觉得这篇文章对您有帮助,还请麻烦您为文章提供的示例demo项目点个star;如果您对我的其他项目感兴趣,也欢迎follow哦~
前端AI实战——告诉世界前端也能做AI 我想大多数人和我一样,第一次听见“人工智能”这个词的时候都会觉得是一个很高大上、遥不可及的概念,特别像我这样一个平凡的前端,和大部分人一样,都觉得人工智能其实离我们很遥远 具体项目可参照:https://github.com/jerryOnlyZRJ/image-regression 。 2.2.实战项目解析 来,我们一起详细梳理一下使用ConvNetJS这个工具库完成整个图像识别的具体流程, (PS:项目代码具体参照:https://github.com/jerryOnlyZRJ/image-regression 从识别结果中我们可以看到,我们得到的是一个数组,这就是经过分类器分类的10个不同类别,对应的自然是我们的车的品牌,值就是每个类别对应的概率。 4.鸣谢 本文项目资源大部分来自京程一灯,感谢京程一灯袁志佳老师对我技术成长的支持和帮助,如果你也在前端前进路上感到迷茫,京程一灯也许是你一个不错的选择。
前端面试基础知识题 1. es5 中的类和es6中的class有什么区别? 在es5中主要是通过构造函数方式和原型方式来定义一个类,在es6中我们可以通过class来定义类。 什么是“前端路由”?什么时候适合使用“前端路由”?“前端路由”有哪些优点和缺点? 前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,之前是通过服务端根据 url 的不同返回不同的页面实现的。 在单页面应用,大部分页面结构不变,只改变部分内容的使用 优点:用户体验好,不需要每次都从服务器全部获取,快速展现给用户 缺点:单页面无法记住之前滚动的位置,无法在前进,后退的时候记住滚动的位置 实现方式 前端路由一共有两种实现方式 10. Promise.all 和 Promise.allSettled 有什么区别?
) { steps { echo "======================================项目名称 = ${env.JOB_NAME}" echo "======================================项目 URL = ${gitUrl }" echo "======================================项目分支 = ${branchName}" =当前编译版本号 = ${env.BUILD_NUMBER}" echo "======================================项目 Build 文件夹路径 = ${projectBuildPath}" echo "======================================项目
把工作中做过的一些小东西或者功能总结记录,分享学习 最近做了一个需求,是做 视频封面裁剪的,涉及到的一个功能点是 自动裁剪,就是拿到一张图片,自动裁剪 图片的中间区域成 一个正方形 其实这个挺简单的,说到前端裁剪 兼容性 canvas.drawImage 这个方法 的兼容性我们再来看一下,现在基本大部分浏览器已经兼容了,就除了 IE6-8 吧 但是据我们公司统计,IE的使用人数都几乎为0了 IE9 :0.0% IE10 所以我们大可以放心使用这个 drawImage 进行我们的前端截图 2 api 详细介绍 drawImage 的 参数还是挺多的,挺容易弄混的,所以这里必须要花大力气写清楚,反正每次用都是要看一次的 我也没想着能够一劳永逸
允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
前端项目的管理分为两个维度:项目内的管理与多项目之间的管理。 1. 项目内的管理 在一个项目内,当有多个开发者一起协作开发时,或者功能越来越多、项目越来越庞大时,保证项目井然有序的进行是相当重要的。 ,交接给其他人是很方便的 1.1 可扩展性 对于前端项目而言,可扩展性是并不难的,因为很多时候前端的代码、文件分块都是按照页面来的,所以天然就是一块一块的。 使前端项目具有高可扩展性,一般从目录文件结构入手。 1.2 组件化 这里的组件化是项目内的组件化,我们可以把多个页面之间共用的大块代码独立成组件,多个页面、组件之间共用的小块代码独立成公共模块。 让项目能够轻松的移植某些页面、组件、模块到其他项目,需要对整个项目代码尽量的解耦与模块化。另外,也与后面会讲到的“项目之间的统一性”有关。 一般会从下面几点来考证多个项目之间是否管理得很好: 组件化:多个项目共用的代码应当独立出来,成为一个单独的组件项目 版本化:组件项目与应用项目都应当版本化管理,特别是组件项目的版本应当符合 semver
//查询条件 queryInfo:{ query:'', pagenum:1, pagesize:10 handleSizeChange" @current-change="handleCurrentChange" :current-page="queryInfo.pagenum" :page-sizes="[3, 5, 10 return { //查询条件 queryInfo: { query: '', pagenum: 1, pagesize: 10
通过更改el-menu的active-text-color属性可以设置侧边栏菜单中点击的激活项的文字颜色 通过更改菜单项模板(template)中的i标签的类名,可以将左侧菜单栏的图标进行设置,我们需要在项目中使用第三方字体图标 el-button type="primary">添加用户</el-button> </el-col> </el-row> </el-card>
handleSizeChange" @current-change="handleCurrentChange" :current-page="queryInfo.pagenum" :page-sizes="[3, 5, 10 return { //查询参数 queryInfo: { query: '', pagenum: 1, pagesize: 10
我在 Github 上收集了一些优秀的后台控制面板,并总结得出 Top 10。 1. . ant-design-pro Github Star 数 12707,Github 地址: https://github.com/ant-design/ant-design-pro 开箱即用的中台前端 ---- 10. material-dashboard Github Star 数 7111,Github 地址: https://github.com/creativetimofficial/material-dashboard