Node.js初探之GET方式传输 例子:form用GET方法向后台传东西 html文件: <form action="http://localhost:8080/aaa" method="get"> 用户:<input type="text" name="user" value=""><br> 密码:<input type="password"…
前言:首先先推荐一篇博客,关于webgl原理,讲的非常之通俗易懂了 图解WebGL&Three.js工作原理  webGL可以理解为openGL ES2.0 (webGL2.0 - openGL ES3.0)的javascript绑定.所以实现的语言是javascript和opengl(最常用的跨平台图形库)着色语言,webgl是 HTML5中提出的新技术,是一种3D绘图标准. three.js是以webgl为基础的库,封装了一些3D渲染需求中重要的工具方法与渲染循环.WebGL门槛相对较高,T…
前言 入手2016最火前端框架之一vue.js.大概从网上找了些资料看了下vue.js,从网上的资料来看只能惊叹其发展速度太快,让我意外的是其作者是华人的前提下作品这么受欢迎. 网上的博客和教程各种组合.以至于我都有些感觉out.各种vue+webpack.vue+react.vue+es6+npm等等.琳琅满目.真是三天不学习赶不上刘少奇. 开篇主要是初次了解下vue.js,包括v-model.v-if.v-else.v-show.v-for(2.0对$index和$key舍弃,2.0要用in…
概念 Node.js 是构建在Chrome javascript runtime之上的平台,能够很容易的构建快速的,可伸缩性的网络应用程序.Node.js使用事件驱动,非阻塞I/O 模式,这使它能够更轻量,高效且完美的适用于运行在分布式设备之间的数据密集型实时应用程序. 安装 这里主要介绍基于windows平台上最简单方便的安装方式,我们首先直接访问node.js官方网站http://www.nodejs.org/,直接点击Install按钮开始下载安装. 点击Run按钮开始运行 继续点击Nex…
背景 作为常年搞后端的自己来说,除了多年前学习的一点关于HTML的皮毛,对现在的前端技术栈可谓是一窍不通.但是因为最近在做的内部业务全链路监控系统,负责前端的同事做到一半去搞别的项目了,为了把项目落地不得不硬着头皮学一下前端知识. 项目采用了比较流行的Vue.js(以下简称Vue)框架,所以做了一些学习,有一些小的感悟,所以做个记录.对没有搞过前端的后端同学来说可能有点收获. 前后端分离 现在前后端主流的合作方式还是前后分离.我理解的前后端分离,从宏观上讲:前端负责发送请求到后端获取或者推送数据…
官方介绍:Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-tim…
本文转自:http://weakfi.iteye.com/blog/1391990 什么是backbone backbone不是脊椎骨,而是帮助开发重量级的javascript应用的框架. 主要提供了3个东西:1.models(模型) 2.collections(集合) 3.views(视图) backbone.js文件本身很小,压缩后只有5.3KB,作为一个框架级别的核心JS文件,这个数字很可怕. 除此之外,这个JS还必须依赖于另一个JS文件:underscore.js(包含许多工具方法,集合…
2015年7月27日 22:26:35 星期一 用在我论坛里的小栗子: 先列出来一级回帖, 点击帖子前边的"查看回复"按钮无刷新的去请求该帖子的所有回复 首先要引用js文件, 我这里使用的是bootstrap提供的cdn <script src="http://cdn.bootcss.com/angular.js/1.4.3/angular.js"></script> 接下来是自己的js代码 //bbsController bbsApp =…
@author mrbean 例子均来源于github parallel.js 昨天写的第一篇今天一看居然有50+的阅读量了,感觉很激动啊,但是也有点害怕毕竟这只是自己笔记性质的一点东西,所以赶紧拿起来再看看.其实自己也没什么把握,所以希望大家看的话有什么不同的以及各种见解可以留个评论大家一起学习. 今天主要是解释一下示例代码,个人觉得就粗浅的用法来说只要是能看懂这几个例子就差不多了 一. var p = new Parallel([1, 2, 3, 4, 5]); console.log(p.…
今天闲着看了一下Parallel.js.这个库暂时貌似还没有什么中文的介绍(可能暂时用的人都不多吧).所以就只能上github找它得源码和介绍看看了.貌似它的代码也不多,以后可以深入研究一下. 先简单翻译一下介绍吧: 构造函数 Parallel(data, opts) 这个data是一个你希望操作的数组,数据会保存在内存中直到完成工作,你也可以通过.data访问.你可以对数据进行一系列的操作.不过你的值都必须要序列化成JSON opts是可选的参数: evalPath指定指向eval.js的路径…
一. 简介   Underscore 这个单词的意思是“下划线”.   Underscore.js 是一个 JavaScript 工具库,提供了一整套的辅助方法供你使用.   Think that ---- "If I sit down in fornt of a blank HTML page, 高产似母猪, what do I need?" ··· underscore.js is the answer.   她弥补了 jQuery 没有实现的功能,同时又是 Backbone 必不…
昨天公司内部培训,主讲人王老板对Node.js评价很高,连用几个“变态”来形容,恰好今天周末,有时间来认识下Node.js,对一门新语言最好的认识,是让其输出“hello world”,今天我就利用Node.js输入“hello world”. 一.安装Node.js (1)下载Node.js 去Node.js官网下载,因为我的电脑是windows 64位win7系统,所以下载是64位安装包. (2)安装Node.js 双击下载下来的安装包,选择安装路径,傻瓜似的点击下一步就行了. (3)将No…
Knockout.js是什么? Knockout是一款很优秀的JavaScript库,它可以帮助你仅使用一个清晰整洁的底层数据模型(data model)即可创建一个富文本且具有良好的显示和编辑功能的用户界面.任何时候你的局部UI内容需要自动更新(比如:依赖于用户行为的改变或者外部的数据源发生变化),KO都可以很简单的帮你实现,并且非常易于维护. KO重要特性以及优点 I.KO重要特性 优雅的依赖跟踪-任何时候当数据源模型发生变化时,它都能够自动的更新你UI的指定内容. 声明绑定-它通过简单浅显…
什么是Three.js three.js是JavaScript编写的WebGL第三方库.提供了非常多的3D显示功能.Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机.光影.材质等各种对象.你可以在它的主页上看到许多精采的演示.不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏)three.js的代码托管在github上面. 上面摘自百度百科.依我来看就是一个在HTML5画布(ca…
前端框架多如牛毛的今天,团队的技术选型很重要,没有最好的,只有最合适的,这话早已经被说烂了. 但是作为一个有追求的前端,对新技术的敏感以及尝试心理还是要有的. 虽然React已经火的不行了,但由于自己的惰性,好吧,就是懒,看了很多的技术文章,但是一直没有开始去学习这个框架. 今天就开始这个框架的学习吧 - -...也作为本博第一篇文章...   前言   React中,把一切东西都看成组件,每个组件都有其状态. 一个组件与多种有限状态,但同时只能有一个状态.学术上这叫有限状态机   对于HTML…
在vue.js中,计算属性和methods方法的函数相同时,两者的最终执行结果都是相同的.然而不同的是,计算属性是基于它的依赖缓存.计算属性只有在它的相关依赖发生改变时才会重新取值.这就意味着只要 message 没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数. 这也同样意味着如下计算属性将不会更新,因为 Date.now() 不是响应式依赖: computed: { now: function () { return Date.no…
小知识:POST比GET传输的数据量大很多 POST发数据--"分段" 实例: 准备一个form.html文件: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action="http://localhost:8080/aa…
nodejs nodejs文件就是一个简单的js文件. 在shell中运行 Step 1. 打开终端,进入这个js文件所在目#录 Step 2. 用 'node 文件名.js' 命令运行它即可. 用nodejs写服务器 后台是一直'被'浏览器请求 request/response 输入输出 内容 请求 输入 请求的东西 响应 输出 响应的内容 实例 用到fs(filesystem),实现一个能够向前台返回东西的简单服务器. const http = require('http'); const…
hammer.js官方文档 hammerjs是什么 hammerjs是一个短小精悍的库,他可以让我们轻松的实现移动端上的手势. hammerjs的两大优势如下: 为移动端网页添加相关手势. 去除移动端上的点击事件的300ms延迟. 为什么使用hammerjs 诚然,我们可以通过touch的四个事件等来完成相同的功能,但是不可避免的会比较麻烦,所以既然前人已经造了这个好轮子,为什么不去使用呢? 另外,300ms的延迟有时是我们不需要的,比如,我们在做webapp时,不需要页面的缩放,而300ms的…
1, 设计高性能.Web服务器的几个要点:事件驱动.非阻塞I/O 2,常见Web服务器架构: Web服务器的功能: 接受HTTP请求(GET.POST.DELETE.PUT.PATCH) 处理HTTP请求(自己处理,或者请求别的程序处理) 作出响应(返回页面.文件.各类数据等) 常见的Web服务器架构: Nginx/Apache :负责接受HTTP请求,确定谁来处理请求,并返回请求结果. php-fpm/php模块:处理分配给自己的请求,并将处理结果返回给分配者. 常见请求种类: 请求文件:包括…
BackBone是JavaScript frameworks for creating MVC-like web applications,最近流行的用来建立单页面web application的工具,遵循并使用了Restful JSON框架. Backbone通过提供模型Models.集合Collection.视图View赋予了Web应用程序分层结构.通过以下方式实现分层结构: 模型Model绑定键值数据和自定义事件,表示应用中所有数据,models中的数据可以创建.校验.销毁和保存到服务端,…
本文关于gulpfile.js怎么写,利于完成个性化需求.本文开发环境默认已安装node,详情参考<node入门(一)——安装>. 一.安装gulp npm install -g gulp 二.进入项目根目录,创建package.json文件 npm init 现在项目目录下新增了package.json文件,内容如下: 三.在package.json里增加devDependencies配置项,告诉node在install时要下载哪些插件模块,例如下面是要加载gulp-less插件: gulp…
React.js 菜鸟官方解释: React 是一个用于构建用户界面的 JAVASCRIPT 库. React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图). React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源. React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它 React特点: 1.声明式设计 −React采用声明范式,可以轻松描述应用. 2.高效 −React通过对DOM的…
如何实现点击后,有下拉菜单的效果呢? 写一个JS效果的步骤: 一.先实现布局 二.实现原理 三.了解JS语法 1.JS获取效果元素 2.知道是什么事件(鼠标事件.键盘事件.表单事件.系统事件.自定义事件....) 3.将要发生的时间添加到元素上 元素.事件 4.明确事件添加后干什么------函数:可以理解为一些命令 function name(){     //还是一个命令,肯定不会主动去执行的 任何想要做的事情 } 5.去执行 1)直接调用:name(); 2)事件调用:元素.事件=函数名n…
2014年3月3日 22:18:40 简单旋转立方体: http://blog.163.com/hailin_xin/blog/static/21816219020136103402812 简单球体入门: http://www.cnblogs.com/yiyezhai/archive/2013/01/21/2863552.html 详细球体: http://www.cnblogs.com/shawn-xie/archive/2012/08/16/2642553.html…
1 完整代码下载 https://pan.baidu.com/s/1JJyVcP2KqXsd5G6eaYpgHQ 提取码 3fzt (压缩包名: 2020-4-5-demo.zip) 2 图片展示 3 主要代码 "use strict" class InitControl{ constructor(View, Three){ this.view = View; this.three = Three; this.target = {object: null, isDown: false,…
php程序员应具有什么样的能力,才能更好的完成工作,才会有更好的发展方向呢?在中国我想您不会写一辈子代码的,那样不可能,过了黄金期,您又怎么办呢?看了本文后,希望对您有所帮助. 一,php能力 1,了解阶段,您能写一些代码,因为那是在手册和google的帮助下,您才完成的.变量乱定义,N多函数不知道,做起事来很慢,想到什么写什么,代码写的比较乱,后期维护很麻烦. 2,熟悉阶段,经常查函数,手册估计也看过一,二遍了,常用的函数基本上您都了解了.后 期维护给您带来了不少痛苦,您开始发现自己的代码有很…
1.引言 由于Arcgis for javascript API不可以绘制Geojson,并且提供的Popup一般只可以弹出一个,在很多专题图制作中,会遇到不少的麻烦.因此本文结合了两个现有的Arcgis for javascript API扩充库,对其进行改造达到绘制Geojson并同时弹出多个Popup的目的. 目前已有的两个扩充库github地址(可供单独使用): 1.绘制Geojson的扩充库:https://github.com/Esri/geojson-layer-js 2.多个Po…
Passwordless authentication: Secure, simple, and fast to deploy [编者按]本文作者为 Florian Heinemann 与 Robert Nyman. Florian 来自 MIT 系统设计与管理学院,专注于复杂的社交技术系统.此前曾在企业软件领域的多家初创公司工作,之后加入 Airbus,担任知识与创新管理经理一职.Robert 是 Mozilla Hacks 技术传道师及编辑.曾就 HTML5,JavaScript 以及 Op…
在上一篇<node入门(二)——gulpfile.js初探>中,我们知道了(看懂入门二及其参考资料)怎么运用gulp来更高效的开发,现在来示范一下. 在package.json里面配置好devDependencies: "devDependencies": { "browser-sync": "^2.10.1", "del": "^2.2.0", "gulp": "…