前言 在这个前端技术爆炸的时代,不自己写套开源框架出门都不好意思跟别人说自己搞前端.去年年初接触的react,16年7月份在github开源了一套针对react.redux探索的项目,近期和伙伴们一起重构了这个项目,等待大伙拍砖... 框架介绍 mk框架 = monkey king框架 = 齐天大圣框架 基础技术栈:react.redux.immutable.antd.webpack.nodejs.hapi.sequelize.node-zookeeper-dubb等 框架核心思想:js全栈.应…

前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅.最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star. 一.Socket.io基础知识     基于事件的实时双向通信库  基于websocket协议 前后端通过事件进行双向通信 配合express,快速开发实时应用 Socket.io和Ajax区别 基于不同的网络协议 注意:Socket.io…

前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅.最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star. 一.登录注册 页面文件结构 基础组件放在Component文件夹下面 页面组件放在Container文件夹下面 页面入口处获取用户信息,决定跳转到哪个页面 web开发模式 整体前后端交互通过JSON实现 基于cookie用户验证 expre…

前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅.最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star. 一.项目概述 二.需求分析        文件架构和规范 src目录:前端源码目录 server目录:后端express目录 根据功能文件夹:component,container,reducers等 router划分页面方式 进入应用时获…

前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅.最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star. 一.聊天信息根据用户分组 从redux中获取到chatmsg:其中包含了所有与当前用户有关的聊天信息 与不同的用户聊天信息的chatid不同:根据chatid可将数据分到不同的数组 //按照聊天用户分组,根据 chatid const ms…

前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅.最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star. 一.个人中心信息展示 用户在登录后,authrouter.js中已经获取到所有的用户信息,并保存在redux:所以个人中心只需获取redux中的user数据即可 component目录下:创建user个人中心组件目录 import Reac…

前言:最近在学习Redux+react+Router+Nodejs全栈开发高级课程,这里对实践过程作个记录,方便自己和大家翻阅.最终成果github地址:https://github.com/66Web/react-antd-zhaoping,欢迎star. 一.信息完善 boss信息完善页前端实现 container目录下:创建bossinfo组件目录,使用actd-mobile实现信息输入列表 import React from 'react' import {NavBar, InputIt…

背景介绍 一般而言,大多数框架都会提供Cli终端工具,用于通过命令行执行一些工具类脚本 CabloyJS提供的Cli终端工具却与众不同.更确切的说,CabloyJS提供的是Cli终端引擎,由一套Cli终端运行机制+众多命令集组成.CabloyJS是一个基于模块化体系的全栈框架,因此,命令集也由具体的模块提供.因此,我们可以通过安装各种模块来动态添加可以运行的命令集,从而让CabloyJS的Cli终端变得无比强大.功能也无比丰富 特点 可无限扩充:由于是通过安装模块来提供命令集,因此可以无限扩充…

RSuite http://rsuite.github.io RSuite 是一个基于 React.js 开发的 Web 组件库,参考 Bootstrap 设计,提供其中常用组件,支持响应式布局. 我们的目标就是让 WEB 开发更快捷,同时具有一定的灵活性和扩展性. 一个简单的例子: 通过 npm 安装 npm install rsuite CSS: 我们提供一些主题, 载入对应的 CSS 资源到你的页面中,同时你也可以直接引用 Bootstrap 的 CSS . Javascript: 比如在…

前言 为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异.痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的 NodeJS,试图探索一条全新的前后端分离模式. 随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本.为了提升开发效率,前后端分离的需求越来越被重视,后端负责业务 /数据接口,前端负责展现/交互逻辑,同…

原文链接:http://ued.taobao.org/blog/2014/04/full-stack-development-with-nodejs/ 随着不同终端(pad/mobile/pc)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本.为了提升开发效率,前后端分离的需求越来越被重视,后端负责业务/数据接口,前端负责展现/交互逻辑,同一份数据接口,我们可以定制开发多个版本. 这个话题最近被讨论得比较多,阿里有些BU也…

前言 为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异.痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的NodeJS,试图探索一条全新的前后端分离模式. 随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本.为了提升开发效率,前后端分离的需求越来越被重视,后端负责业务/数据接口,前端负责展现/交互逻辑,同一份…

也谈基于NodeJS的全栈式开发(基于NodeJS的前后端分离) 前言 为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异.痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的NodeJS,试图探索一条全新的前后端分离模式. 随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本.为了提升开发效率,前后端分离的需求越…

Jhipster     一个Spring Boot + Angular/React 全栈框架: https://www.jhipster.tech/…

最近在学习react,快速搭建一个基于react的项目 1.创建一个放项目文件夹,用编辑器打开 2.打开集成终端输入命令: npm install -g create-react-app 3. create-react-app my-app 4.进入my-app :cd my-app 5.启动命令:npm start 6.打包:npm run build…

CabloyJS是什么 CabloyJS是一款自带工作流引擎的Node.js全栈框架, 接单快手.创业神器, 基于koa + egg + vue + framework7 + mysql 在线演示 场景 链接/二维码 PC端 https://test.cabloy.com/ Mobile端 谁会用这款Node.js全栈框架? >>>>> 1. 外包接单 痛点: 客户希望项目按质如期完工.价格低.风险小:服务商希望毛利高.投入少.进度快.客户满意.如何实现二者的平衡呢? 如果接…

Swift是什么 从文章的标题可知:此Swift非Apple那个Swift,只是考虑这个词的含义比较适合. Swift是一个基于.NET Core的分布式批处理框架,支持将作业分割后分发到多台服务器并行处理,可成倍提升大量数据的处理速度. GitHub地址:https://github.com/bosima/Swift 原理 Swift作业处理分为3步:分割作业.执行任务.合并结果. Swift由多个成员节点组成集群,成员分为Manager和Worker,Manager负责分割作业和合并结果,W…

Struts2是一个基于MVC设计模式的Web应用框架,它本质上相当于一个servlet,在MVC设计模式中,Struts2作为控制器(Controller)来建立模型与视图的数据交互. Struts 2是Struts的下一代产品,是在 struts 1和WebWork的技术基础上进行了合并的全新的Struts 2框架. 其全新的Struts 2的体系结构与Struts 1的体系结构差别巨大. Struts 2以WebWork为核心,采用拦截器的机制来处理用户的请求,这样的设计也使得业务逻辑控制…

目录 一个基于Net Core3.0的WPF框架Hello World实例 1.创建WPF解决方案 1.1 创建Net Core版本的WPF工程 1.2 指定项目名称,路径,解决方案名称 2. 依赖库和4个程序文件介绍 2.1 框架依赖库 2.2 生成文件说明 2.2.1 App.xaml 2.2.2 App.xaml.cs 2.2.3 MainWindow.xaml 2.2.4 MainWindow.xaml.cs 3. Hello World实例 3.1 拖动按钮控件到WPF窗体中 3.2…

[摘要] 够料的全栈混合云干货信息,速戳! 近日,在2019华为云城市峰会广州站上,华为云发布基于鲲鹏处理器的全栈混合云解决方案HCS 6.5.x86+鲲鹏,双驱动开启云上新架构;云上+本地,双平台无缝混合加速腾飞. 听上去是不是很硬核?戳下方长图,让小编带你快速Get重点! 2019华为全联接大会(HUAWEI CONNECT 2019)将于2019年9月18日在上海开幕,届时HCS将在Keynote.峰会.展区.分论坛OpenSpeech 等多个环节呈现最新解决方案和合作成果,还有精美礼品和…

今天听朋友说,才知道原来还有全栈框架这么一说. 厉害了. meteor EggBorn.js mk-js cordova 记录下,后面研究研究.…

pagemaker是一个前端页面制作工具,方便产品,运营和视觉的同学迅速开发简单的前端页面,从而可以解放前端同学的工作量.此项目创意来自网易乐得内部项目nfop中的pagemaker项目.原来项目的前端是采用jquery和模板ejs做的,每次组件的更新都会重绘整个dom,性能不是很好.因为当时react特别火,加上项目本身的适合,最后决定采用react来试试水.因为原来整个项目是包含很多子项目一起,所以后台的实现也没有参考,完全重写. 本项目只是原来项目的简单实现,去除了用的不多和复杂的组件.但…

FKP-REST是一套前后端分离,基于javascript的全栈实现,基于node的高性能,易部署性及javascript前后端语言的一致性,学习成本,时间成本及项目快速启动等等方面,FKP都是一种不错的解决方案 FED: 前端有完整的脚手架系统,支持代码的编译.压缩.模块化,及基于Reactjs的各种组件,有router,flux, 存储等全局公共库: BACK: 后端是基于KOAjs的完整mvc架构,且同构前端react,通过中间层map有机的和前端高效结合,提供数据和渲染的支持.中间层ma…

react-static 是一个不错的基于react 开发的静态站点生成框架,可以用来替代create-react-app 包含的特性 100% react 很快的构建以及性能 自动代码以及数据分离 seo 友好 100% 支持react 的生态,包含css in js graphql redux hot reload 支持通过prpl 模式即时页面视图 说明 目前已经有好多站点已经使用此框架进行站点的开发,从官方文档可以看出,类似的有next nuxt gastby phenomic (nod…

这篇内容呢,讲的是另一个技术栈 Node.js 系列,虽然和咱们这里的主题不是特别吻合,不过嘛,汲取多样性的养分是快速成长的好方法,也是现在流行的全栈工程师的必经之路. 由于这篇内容涉及的是 Node.js 社区相关技术,所以要更好的读懂相关代码,还需要有一些 javascript 的基础知识. 咱们开始进入正题, Node.js 是一套服务端体系,也是非常流行和好用的框架.Node.js 社区高人辈出,比如大名鼎鼎的 TJ Holowaychuk,就是 Node 社区的大神级人物.关于他如何被…

在这个前端技术爆炸的时代,不自己写套开源框架出门都不好意思跟别人打招呼,作为一个前端领域的小学生,去年年初接触了react,之后一发不可收拾爱上了它,近期重构了自己去年开源的一个项目,废话到此结束句号! mk框架 = monkey king框架 = 齐天大圣框架 介绍网址:https://ziaochina.github.io/mk-docs 特点: 将网站分成多个独立app,每个app开发模式完全一致,并且可以克隆npmjs发布模板app 将后台服务分成多个独立service, 每个servi…

还可以, 功能挺全的, 可以作为react开发入门项目 链接 线上站点: 源码地址:…

寒假回家产品经理一直叮嘱着要继续做学校团队的辣个项目,但是...,我到现在一点都还没做,而且还销声匿迹躲了起来藏了几天,是的我干了票大的,想把项目用一种新的架构实现了,所以这几天一直在偷偷摸摸的做一些不相干的东西,不知道产品经理知道了会不会砍我...这期间写了个小笔记本应用 这里应该有一段严肃的说明 -应用功能 1 添加笔记 2 删除笔记 3 显示和隐藏表单 好吧⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄.我承认这功能确实是太简单了... =>github完整版:react-note 献上各种效果图(因为这…

正在为电子书阅读器添加精准易用的标记功能,其中一个方案是扩展阅读器界面的右键菜单栏,使得用户右键点击某个词.子句.段落的时候可以进行扩展操作. 右键菜单栏有很多基于jQuery的插件,其中灵活性比较强.易用.可扩展的一个是smartMenu.js(github有不少重名库,本插件来自:www.zhangxinxu.com) 用法: $(document.getElementById(id).contentWindow.document.body).find('.word').smartMenu(…

曾经实现过Angular版,这次感觉用了高大上的React却写了更多的代码,需要的配置也更多了,有利有弊吧. 但这个“导航条问题”很有意思,涉及到在Redux中写timer,其实我很困惑,到底如何完美模拟用户的页面加载, 貌似浏览器并没有提供进度API,只能以这样拙劣的方式进行模拟,有兴趣的朋友不妨与我交流. 代码附上: LoadingBar.jsx import React, { Component, PropTypes } from 'react'; import { connect } f…