react+node制作在线笔记本（一）

一. 使用react的官方脚手架create-react-app创建项目,为了支持使用sass,我们使用eject命令这样,我们就可以自由对webpack进行配置了. 二. 首先要安装style-loader.css-loader与sass-loader 然后进入config目录下的webpack.config.dev.js进行修改完成,webpack.config.prod.js所做的修改与前者一致. 这样就能在项目中使用sass了.…

React+Node.js+Express+mongoskin+MongoDB

首发:个人博客,更新&纠错&回复采用React + Node.js + Express + mongoskin + MongoDB技术开发的一个示例,演示地址在这里,项目源码在这里. 源码使用方法:1.安装Node.js在Node.js官网下载并安装Node.js2.安装MongoDB数据库在MongoDB官网下载并安装MongoDB3.下载示例源码在Github下载本示例源码4.运行1)在下载后的源码的解压目录,运行以下命令安装依赖的Node.js模块: npm install 2)初…

使用react native制作的一款网络音乐播放器

使用react native制作的一款网络音乐播放器基于第三方库 react-native-video设计"react-native-video": "^1.0.0" 播放/暂停快进/快退循环模式(单曲,随机,列表) 歌词同步进度条显示播放时间基本旋转动画动画bug 安卓歌词解析失败其他使用的数据是百度音乐api抓取下来自己使用 RAP 整理.主要是: 所有歌曲列表 http://rapapi.org/mockjsdata/16978/rn_so…

React + Node 单页应用「二」OAuth 2.0 授权认证 & GitHub 授权实践

关于项目项目地址预览地址记录最近做的一个 demo,前端使用 React,用 React Router 实现前端路由,Koa 2 搭建 API Server, 最后通过 Nginx 做请求转发. 文章列表第一篇:React + Node 单页应用「一」前端搭建 React + Node 单页应用「二」OAuth 2.0 授权认证 & GitHub 授权实践这是第二篇,介绍下 OAuth 2.0 授权机制,以及 Github App 授权过程,通过获取授权使用 Github API. O…

Ing_制作在线QQ

制作在线QQ的具体步骤 1.首先登录到http://is.qq.com/webpresence/code.shtml 网站2.选择风格3.填写相关数据4.生成网页代码5.复制代码到“写字板”,另存文件名为001.html6.创建自建栏目,将写字板里的图案样式部分复制到“自建栏目”中 7.全部完成以后,将图标设置链接,地址为:http://wpa.qq.com/msgrd?v=1&uin=你的QQ号码&site=240zt 保存发布就OK了! h…

react + node + express + ant + mongodb 的简洁兼时尚的博客网站

前言此项目是用于构建博客网站的,由三部分组成,包含前台展示.管理后台和后端. 此项目是基于 react + node + express + ant + mongodb 的,项目已经开源,项目地址在 github 上,喜欢的,欢迎给个 star . 项目地址: 前台展示: https://github.com/biaochenxuying/blog-react 管理后台:https://github.com/biaochenxuying/blog-react-admin 后端:https://…

MERN——MongoDB && React && Node && Express

原文链接:Let’s build a full stack MongoDB, React, Node and Express (MERN) app github源码地址:jelorivera08/react_fullstack from being a Front End Developer to a Full Stack Developer I’ve included the git repository link of the whole code at the end of the art…

制作在线简历（一）——Loading与底部菜单

想装逼下搞个在线简历,然后顺便用些CSS3与HTML5的一些技术,再顺带把响应式也加上去去,在移动端也能看到. 不过我的配色low了点,还望见谅...... 一.首页Loading效果这次就打算把几个功能全部写在一起展示啦,这样就得有个Loading页面,先把该载入的都载入进来.不然的话,代码没载入进来,这效果都看不到的,体验会很差. 前面写过一篇制作Loading效果的文章<多种方法实现Loading(加载)动画效果>,这次挑Sonic.js来实现下. 1.选了个我感觉比较酷的Loadin…

一个用react+nodejs实现的笔记本小应用

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

使用canvas制作在线画板

canvas绘图的强大功能,让人前仆后继的去研究它.代码全部加起来不足百行.还用到了h5中的<input type="color"/>和<input type="range"/> 使得页面更加简洁. 本文只用了鼠标的三个事件 onmousedown onmousemove onmouseup就轻松实现了网页画板的制作. 上代码: <!DOCTYPE html> <html> <head lang="en…

React+Node初尝试

这是第一次写React和Node,选用的是前端Material-ui框架,后端使用的是Express框架,数据库采用的是Mongodb. 项目代码在:GitHub/lilu_movie 这是一个通过从电影天堂抓取数据并显示的电影网站,demo部署在heroku上面. 安装: 首先安装express框架: npm install express --save 生成文件后,可以通过npm start启动应用. 注意:ejs 从3.x后不支持layout,可以通过express-partials ,但…

React + Node 单页应用「一」前端搭建

项目地址预览地址原文地址记录最近做的一个 demo,前端使用 React,用 React Router 实现前端路由,Koa 2 搭建 API Server, 最后通过 Nginx 做请求转发. 这是第一篇,主要介绍下前端代码的构建.React router 使用中遇到问题,以及前端开发完成后部署相关工作. 功能介绍 GitCard 可以通过 GitHub 授权获取用户基本信息在首页模块,可以查看最近登录的用户,并点击头像查看该用户的详细信息在 /Comment 模块中可以发表评论,并…

React入门——制作一个TodoList App

源码 import React, { Component, Fragment } from "react"; class TodoList extends Component { constructor(props) { super(props); this.state = { inputValue: "", list: ["Learn React", "Play LOL"] }; } render() { return (…

React++ node.js ++SQL Sever ++MySQL++ python ++ php ++ java ++ c++ c#++ java ++ android ++ ios ++Linux+

"C语言在它诞生的那个年代,是非常不错的语言,可惜没有OOP.当项目臃肿到一定程度,人类就不可控了. 为了弥补这个缺陷,C++诞生了.而为了应对各种情况,C++设计的大而全,太多复杂的特性,当你去阅读一些开源项目,或者很多人写一个很庞大的项目的时候你就能体会到C++的复杂,超过人类心智驾驭的范围了.为了弥补这个缺陷,JAVA诞生了.Java很不错,对C++进行简化.但是也不是完美的,为了跨平台,引入了运行时环境,讽刺的是也是因为这个运行时环境,也只是有限的跨平台,也有一些坑.为了弥补JAVA的一…

利用GitHub制作在线炫酷简历

首先我们先体验一下炫酷简历.然后决定我们要不要使用. https://jessezhao1990.github.... 如何使用本项目部署你自己的在线简历 1. 书写简历在src文件夹里面有个config文件夹,config文件夹下面有个work.txt. 此文件即是简历文件,改此文件,书写你的简历. 2. 部署项目 fork本仓库,然后克隆你fork的仓库到你的本地,运行以下的命令 npm install npm run deploy 即可将你的项目部署到自己的GitHub pages. 当…

利用react来制作评论框

学习地址:https://my.oschina.net/leogao0816/blog/379488…

C#制作在线升级程序

//这是一个webservice private AppUpdate.UpdateServ UpdateSvr; private void button1_Click(object sender, System.EventArgs e) { if(LinkWebServices()==true) { this.label1.Text="连接服务器....... PASS"; if(CheckVer()==true) { this.label2.Text="检查最新版本并下载.…

使用react native制作的微博客户端

简要说明: 因为微博授权权限设置,本人的微博开放者账号权限太低,如果出现 'api请求次数受限,请更换. 10023' 弹框或者授权界面出错,需要自行更换开放者应用的appkey,授权回调页,App Secret. 修改位置在 App/Home/login.js 新浪开放者平台因为项目较为简单,所以不使用redux或者mbox. 使用的第三方库:"react-native-swiper": "^1.5.4""react-native-tab-navi…

React,Node.js,Vue,Webkit技术内幕

…

H5中canvas标签制作在线画板

1.介绍左键点击下移动开始画图.放开鼠标不在画图. 2.重要使用理论 query的使用: 鼠标的按下mousedown 鼠标的移动mousemove 鼠标的放开 mouseup 3.程序 <!DOCTYPE html> <head> <meta charset=utf-8" /> <title>draw board</title> <script src="D:\jquery\jquery-1.12.4.min.js&…

node制作代理服务器

下面代码实现的功能是这样的: 首先创建一个HTTP服务器,当服务器接收到客户端的请求后,向"www.taobao.com"网站请求数据,当从该网站接受到的响应数据后,将响应数据发送给客户端. var http=require("http"); var url=require("url"); var server=http.createServer(function(sreq,sres){ var url_parts=url.parse(sreq.…

利用python制作在线视频播放器遇到的一些问题

经过前期的调研,我准备使用PyQT+PyAV+PyAudio+pillow.期间也尝试过使用ffmpeg-python,但最后还是选择了av这个更底层,自由度更大的库来完成音视频的处理. ======================== 问题1,win= QWidget()执行为什么会失败答案: 在此之前,先要执行mapp = QApplication(sys.argv) ======================== 问题2,为什么win.show()能启动对话框,但是一直转圈,卡…

Vue.JS React 精彩文章汇总

JavaScript深入系列 [干货] JavaScript数组所有API全解密 [干货] 移动端:页面->手淘互动动效的探索 - IT大咖说 - 大咖干货,不再错过 [扫盲] Jonathan Zhang sunshine小小倩关于 React Router 4 的一切 anime.js 实战:实现一个 SVG 形变(morphing)动画 [干货] React Redux 中间件思想遇见 Web Worker 的灵感 [干货] 在 Vue.js 中实用任意 JavaScript 第三…

react+redux+react-router+node.js 开发实时聊天App 学习记录

一.课程导学 1.React 主要解决的是UI层的问题,应用的状态需要借助Redux等状态管理. 2.前端React + antd-mobile UI组件库 + Redux 状态管理库 + React-router 路由 + MongoDB + Socket.io(即时通信) + Node (express) + Axios 异步请求. 3.前端工程化:webpack4.0 + git 二.知识储备(React + Node + MongoDB + ES6) 1.…

node.js+react全栈实践

利用业余时间写了个简单的项目,使用react+node.js做的一个全栈实践项目,前端参考了[React-Admin-Starter](https://github.com/veryStarters/react-admin-starter)这个项目,这个项目的自动配置路由,自动页面骨架的思路很新颖.后端是node.js+express提供接口访问,最主要的内容是mysql.js的使用和使用nginx反向代理来跨域. 1.前端parttime 前端基于框架React-Admin-Starter基本…

基于Node的React图片上传组件实现

写在前面红旗不倒,誓把JavaScript进行到底!今天介绍我的开源项目 Royal 里的图片上传组件的前后端实现原理(React + Node),花了一些时间,希望对你有所帮助. 前端实现遵循React 组件化的思想,我把图片上传做成了一个独立的组件(没有其他依赖),直接import即可. import React, { Component } from 'react' import Upload from '../../components/FormControls/Upload/' /…

使用React Native来撰写跨平台的App

React Native 是一个 JavaScript 的框架,用来撰写实时的.可原生呈现 iOS 和 Android 的应用.其是基于 React的,而 React 是 Facebook 的用于构建用户界面的 JavaScript 库,但是这里不是给浏览器解释的,而是为移动平台.换句话说:如果你是一名 web 开发者,你可以使用熟悉的框架和单一的 JavaScript 代码库,即 React Native来撰写清晰的.高效的移动应用. 我们以前都听说过那些个通用的 app 开发,比如框架 Co…