FrontendBlocks 是一款强大的所见即所得前端页面设计器,是低代码开发领域的基础建设,生成的代码不依赖于任何框架,实测可以将前端布局工作的耗时减少 80% 以上,最关键的是,它实现了人人都可以写前端页面的梦想。 不用写一行代码即可让设计师、前端开发人员轻松设计出前端代码的利器,100% 还原设计稿不再是梦。对于 Uniapp 开发非常友好,可以快速生成组件和页面。 本软件可以生成 HTML5 代码、按 2x 生成手机端 VUE 代码、按 1x 生成电脑端 VUE 代码,也可以直接生成 JSON 串,供其他开发工具(包括自主研发的)进行二次加工。 本软件采用 Apache 2.0 协议开源,可以免费商用。
quyuan36361 发布的最新帖子
-
可视化前端低代码设计器FrontendBlocks
-
bootstrap框架
相信很多人初学前端的时候,大家一定都或多或少地接触过bootstrap这个框架。它的官网说它是最受欢迎的 HTML框架,CSS 和 JavaScript 框架,bootstrap框架用于在网络上开发响应式,移动优先项目。
Bootstrap框架是由美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的十分简洁、直观、强悍的前端开发框架,它使得 Web开发框架更加快捷。Bootstrap框架提供了优雅的HTML和CSS规范,bootstrap框架即是由动态CSS语言Less写成。Bootstrap框架一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNB的Breaking News都使用了该项目。它是国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap框架的源码进行性能优化而来。
-
Node.js系列TypeORM框架
TypeORM 是一个支持在多平台上运行的orm框架,其中包括NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, Electron等很多个平台。
TypeORM用TypeScript语言编写,同时支持使用 TypeScript 或 Javascript来开发。TypeORM的目标是保持支持最新的Javascript特性来帮助开发各种用户数据库的应用,不论是轻应用还是企业级的都支持。
不同于现有的所有其他的JavaScript ORM框架,TypeORM 还能够支持Active Record模式和Data Mapper 模式,这意味着你可以有最高效的方式,同时还可以编写出更高质量的、松耦合、并且可扩展、可维护的应用程序。
项目地址:
https://typeorm.io/ -
Moment.js处理时间和日期的 JavaScript 函数库
在众多前端UI框架中经常会遇到与日期或者时间相关的组件会依赖moment.js(如element、Ant Design、iview等)。
moment.js是一个JavaScript的日期、时间处理工具类,其对于JavaScript的日期时间处理功能非常强悍和全面。可以用在浏览器环境中使用,也可以在Node.js中。moment.js是一个轻量级并且健壮的js日期处理类库,相信大家在javascript开发过程中,都自己动手写过,或者使用google和百度搜索过相关的实现函数。
在IE8以上及其它浏览器的最新版本中都可以使用,具有良好的跨浏览器及跨系统的兼容性。moment.js不依赖任何第三方库,支持字符串、Date、时间戳以及数组等格式,可以像PHP的date()函数一样,格式化日期时间,计算相对时间,获取特定时间后的日期时间等等。
Moment 被设计为在浏览器和 Node.js 中都能工作。所有的代码都应该在这两种环境中都可以工作,并且所有的单元测试都应该在这两种环境中运行。
moment.js的主要特性在于:3.2kb超轻量级;独立类库,意味这你不需要倒入一堆js;日期处理支持UNIX 时间戳,String,指定格式的Date;日期处理:加,减日期日期显示:包括相对时间显示的日期显示选项;其它内建的功能,例如,保存,timezone offset和i18n支持;可以作为node.js的一个模块 。
项目地址:
http://momentjs.cn/ -
Umi 入门零基础 UmiJS 入门教程
umi 是由 dva 的开发者云谦编写的一个新的 React 开发框架。umi 既是一个框架也是一个工具,简单点可以把它理解为一个专注性能的类 next.js 前端框架,并且可以通过约定、自动生成和解析代码等方式来辅助开发,其目的是减少开发者的代码量。
umi 是通用方案,适用于现在几乎所有的 web 环境。umi 是一个专注性能的类 next.js 前端框架,它的优势是:内置大量的性能优化;多端,无缝支持容器和浏览器访问;类 webpack 的插件机制;针对 antd 和 dva 有友好的支持。
umi 最显著的特点就是文件即路由,就是在 pages 文件夹下新建文件,umi 将自动生成与文件路径对应的路由。在大部分其他前端框架中,路由配置一直是一个很麻烦的事情,而对于多人协作开发的项目,公共的配置文件则可能面临着更多的冲突。
在项目性能方面 umi做了很多优化,其中包括但不仅局限于构建产物的大小、执行效率、首屏加载、用户体验等一些方面,但这些优化对于开发者是无感知的,有时候你升级了一下插件版本,整个项目就自动跟着优化了,而不需要你进行其他调整。官方大大称“你只管写业务代码,我会负责性能,并且随着 umi 的迭代,我保证你的应用会越来越快”。
项目地址:
https://umijs.org/ -
Web应用程序的全功能Spring MVC模块
Spring 使每个人都可以更快、更轻松、更安全地进行 Java 编程。Spring 对速度、简单性和生产效率的关注,使其成为世界上最受欢迎的 Java 框架。
Spring MVC属于SpringFrameWork的后续产品,已经融合在Spring Web Flow里面。Spring 框架提供了构建 Web 应用程序的全功能 MVC 模块。使用 Spring 可插入的 MVC 架构,从而在使用Spring进行WEB开发时,可以选择使用Spring的Spring MVC框架或集成其他MVC开发框架,如Struts1(现在一般不用),Struts 2(一般老项目使用)等等。
通过策略接口,Spring 框架是高度可配置的,而且包含多种视图技术,例如 JavaServer Pages(JSP)技术、 Velocity、 Tiles、 iText和POI。Spring MVC 框架并不知道使用的视图,所以不会强迫开发者只使用 JSP 技术。Spring MVC 分离了控制器、模型对象、过滤器以及处理程序对象的角色,这种分离让它们更容易进行定制。
项目地址:
https://docs.spring.io/spring-framework/docs/current/reference/html/web.html -
顶级前端开源项目
FreeCodeCamp 是一个自由开源的学习编程的社区,致力于帮助人们利用零散时间学习编程。它的使命是 Learn to code and help nonprofits(学习编程,去帮助那些非盈利组织)。
Vue.js 是一个渐进式 JavaScript 框架,也是目前前端最流行的框架。易用,已经会了 HTML、CSS、JavaScript?即刻阅读指南开始构建应用!灵活,不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩。高效:20kB min+gzip 运行大小,超快虚拟 DOM,最省心的优化。
React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据改变时 React 能有效地更新并正确地渲染组件。以声明式编写 UI,可以让你的代码更加可靠,且方便调试。
awesome:令人敬畏的;使人畏惧的;可怕的;极好的。就像我们汇总我们常用的电脑环境软件一样,我们会找一些非常好的适合我们用的软件来做一个总结,awesome 项目也是如此,由于 GitHub 上有大量的开源项目,开发者就会根据需要汇总一些常用的好用的资源,并且根据 awesome 的主题做一下划分,开发语言等也有类似资源汇总。
-
精细化运营方法论
精细化运营的概念并不新鲜,就好比这些年不断在提的私域流量。最近与多个网服行业用户增长负责人交流,如何突破流量天花板成为最为关心的话题,不论是拉新策略、还是唤醒沉睡用户、抑或是通过优化内容,提高转化效率,总之,社交、工具、阅读、长视频、短视频等网服行业品牌主们,都在“绞尽脑汁”思考用户增长的新可能!
挖掘新场景:随着流量难题的出现,流量场景也在变换,过去人们在线下商圈聚集,而现在人们在线上社群、直播间等场景聚集,甚至在过去在搜索文本关键词时点击链接就可以,现在视频化内容更容易承接搜索流量,且转化更好;对于新的流量场的挖掘需要熟悉各个平台产品特点,同时有相关流量运营能力; 增加新预算:流量竞争激励时,需要适时增加预算,尤其消耗高峰期,大家都在出价抢流量,适当提价有助于获客。此部分需要衡量成本、转化、以及用户留存,当然产品优化也是需要的; 精细化运营:现在越来越多广告主意识到要做内容的精细化运营,比如广告内容模拟微信互动场景,激发用户参与感、获得感,或者设置答题互动、优化页面、文案等,每个细节都会令转化提升,从内容吸引到用户转化,每一个细节的提升都能够增加用户转化率,精细化也是突破流量瓶颈的方法。 精细化运营与有没有预算关系不大,不论预算是否充足,内容的精细化运营都是提效的好方法,好内容、好体验才会带来用户的好感度与转化提升。最近观察分析腾讯互动广告,发现在用户的决策链路中,从触达到转化,内容是否能够触动用户,有很多关键要素,比如有游戏视频广告,画面质量、情节、节奏、人物,以及试玩、领取任务、红包活动等都将激发用户继续参与,通过系列前置互动大大增加了用户转化率。