js 学习记录(一)

我的three.js学习记录（二）

通过上一篇文章我的three.js学习记录(一)基本上是入门了three.js,但是这不够3D,这次我希望能把之前做的demo弄出来,然后通过例子来分析操作步骤. 1. 示例上图是之前做的一个demo,有点丑,希望不要介意. 这个主要是外面一层包裹着天空盒, 然后里面是一个由开顶的立方体做成的房子(暂且理解为房子)以及里面的家具构成,其中包括可以播放视频的电视,一个可以照的镜子,导入的沙发模型等 2. 操作步骤 2.1 准备工作首先,我们需要上一篇文章的基础,这里不再赘述,我们直接进入主题,…

我的three.js学习记录（三）

此次的亮点不是three.js的3d部分,而是通过调用摄像头然后通过摄像头的图像变化进行简单的判断后进行一些操作.上篇中我通过简单的示例分析来学习three.js,这次是通过上一篇的一些代码来与摄像头判断部分的代码相互结合,弄一个新的东西,可以看下图说明这次的示例是我们可以通过一个摄像头隔空控制我们屏幕中的视频的播放. 原理其实也是很简单,我们看到的摄像头图像其实是通过获取到的图像数据然后再通过canvas 画上去的,这里有两层canvas 一层是我们的正常的摄像头输出,一层是我们的播放按钮…

vue.js学习记录

vue.js学习记录文章已同步我的github笔记https://github.com/ymblog/blog,欢迎大家加star~~ vue实例生命周期 beforeCreate:不能访问this.$el和this.$data用于初始化非响应式变量created:可以访问this.$data,不能访问到this.$el属性,this.$refs内容,用于ajax请求,created里赋值,data不用定义beforeMount:this.$el和this.$data都初始化了,挂载前thi…

D3.js学习记录【转】【新】

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta h…

我的three.js学习记录（一）

在之前因为项目需要使用WebGL技术做网页应用,但是苦于自己没有接触,只是使用过OpenGL.然后接触到了thre.js这个第三方库之后我突然心情很愉快,这将节省我很多时间. 过了这个项目之后,就再也没有看过它了,最近翻开我的个人记录发现了在角落边缘堆尘的three.js决定再看一下,然后记录下来以便以后翻看,毕竟多一个技能也挺好的. three.js简介 three.js是JavaScript编写的WebGL第三方库.提供了非常多的3D显示功能. Three.js 是一款运行在浏览器中的 3D…

JS学习记录------JS基本指令

对未来的恐慌,和想成为一名自由开发的梦想.让我觉得应该点亮一个新的技能:WEB前端开发. 重新学习JS以及jQuery,让我在日常code的过程中可以更得心应手,毕竟,我爱代码. 这篇文章主要记录的内容是JS相关的基本指令,只有基本内容,没有理论分析.比较深的理论知识会在后续的文章中进行对比分析. 和HTML以及CSS一样,JS也是一个纯文本语言,不需要用新的工具来编译,创建一个新的记事本,把记事本的格式改成js即可. 按照学习语言的惯例.从Hello world!开始. 首先,创建一个hell…

python , angular js 学习记录【1】

1.日期格式化 Letter Date or Time Component Presentation Examples G Era designator Text AD y Year Year 1996; 96 M Month in year Month July; Jul; 07 w Week in year Number 27 W Week in month Number 2 D Day in year Number 189 d Day in month Number 10 F Day of…

前情提要: 本记录参照 <<javascript 入门导论>> 这本书学习 …

css，js 学习记录

记录一些自己曾经阅读,值得收藏的网址 --(css3新特性) https://segmentfault.com/a/1190000010780991#articleHeader41 --CSS3 3D transform变换大神博客张鑫旭 https://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-tran --css 绝对定位相对定位经典 http://www.cnblogs.co…

D3.js学习记录

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta h…

Node.js学习记录

一.NPM 使用介绍 NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用. 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用. 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用. 由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了.同样可以通过输入 "npm -v" 来测试是否成功安装,出现版本提示表示安装成功. 参考资料:…

js学习记录

1.js语法 2.数据类型(基本类型与对象类型.类型的转换) 2.1 数字 2.2 文本 2.3 布尔值 2.4 null和undefined 2.5 对象 2.6 类型检测 3.操作符和表达式 4.函数 5.作用域内存 6.内置对象 7.对象 8.继承 9.BOM 10.正则表达式 11.客户检测 12.事件 13.AJAX 14.js设计模式 14.1 为什么使用设计模式,设计模式的好处? 14.2 设计模式的几大原则 14.3 创建型设计模式 14.3.1 创建型设计模式——单例模式…

Js 框架之Vue .JS学习记录 ① 与Vue 初识

目录与 Vue.js 认识 VUE.JS是个啥?有啥好处? Vue 的目标战前准备 VUE.JS环境 VUE.JS 尝试一下,你就明白第一步实例化VUE 对象第二步VueAPP 调用数据函数 (HTML 展示) 与 Vue.js 认识 VUE.JS是个啥?有啥好处? 就是实现数据与视图实时绑定的前端框架(个人的初学理解) (读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架. Vue 只关注视图层, 采用自底向上增量开发的设计. 自底向上设计是一种设计程…

Node.js学习记录(一)--安装设置篇

安装Node window window上安装node可选择以下两种方式: 方式一:直接进入官网下载安装进入node.js官网点击windows,选择.msi后缀的,根据自己的电脑选择对应的64位或32位后,就会自动开始下载到本地. 安装过程也是直接下一步的简单式安装,这种安装优点是安装很便捷,缺点是只能装一个固定的node版本,对于需要在不同版本下开发的同学就不合适了. 方式二:通过nvm安装管理多个版本node 1.下载 nvm 包地址:https://github.com/coreyb…

python , angular js 学习记录【3】

1.Alembic是SQLAlchemy作者编写的Python数据库迁移工具.用它实现模型类和数据库的同步更新.(安装以及操作步骤使用Alembic迁移数据库) 使用Alembic添加数据库字段操作流程:切换至db_migrate目录下(1).在model.py里面添加内容(2).运行alembic revision --autogenerate -m "comment内容" 生成数据库迁移文件(3).运行alembic upgrade head 将迁移文件的内容更新到数据库 2.l…

python , angular js 学习记录【2】

1.不同scope之间的通信 (1)无父子关系的scope通信: 在需要操作的scope里面定义一个事件,名称为delete_host,参数为data $rootScope.$on('delete_host', function(event,data) { angular.forEach($scope.hosts, function (item, i) { if (item.id == data) { $scope.hosts[i].deleted = true; } if($scope.sel…

D3.js学习记录 - 数据类型【转】【新】

1.变量 JAVASCRIPT的变量是一种类型宽松的语言.定义变量不用指定数据类型.而且还是动态可变的. var value = 100;value = 99.9999;value = false;value = "This can't possibly work.";value = "Argh, it does work! No errorzzzz!"; 2.数组从0开始 var percentages = [ 0.55, 0.32, 0.91 ];var na…

Node.js权威指南学习记录

学习nodeJS权威指南的学习记录导航: 1.console模块 2.全局变量 3.Buffer对象 4.事件对象 5.网络请求 6.文件操作对象一. COMMON.js的学习.(commonJS的详细文档内容阅读) NODE.js采用的COMMON.JS标准来实现的,这里我们来专门的了解一下COMMON.JS的内容: 1.模块化的方式来思考我们编写的程序,每一个JS为单一的模块内容,其有独立的作用域,有专门对外开放的接口对象.以此使得外部内容在不需要了解具体的实现方式的时候可以直接使用相关…

JS继续学习记录（一）

JS继续学习记录(一) 总感觉自己的js code写的还算可以,但是又深知好像只知道一些皮毛,所以打算仔细记录一下js晋级学习过程,日日往复先记录一下自己目前对js的了解吧(20180828) js作为脚本语言,包括核心语法,dom,bom三部分组成. 1.核心语法:变量,函数的定义,一些js内置对象的调用,如array,如json,基本数据类型,引用数据类型若干,各自的用法云云. 2.dom对象:html的页面对象的封装,封装成的dom对象内包括html的基础属性,衍生属性,监听器,绑定函数…

JS正则表达式学习记录

JS:正则表达式学习记录 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>正则表达式</title> </head> <body> </body> <script type="text/javascript"> //这里写入script代…

JS学习笔记--仿手机发送内容交互

学习JS笔记----记录上课中学习的知识点,分享下老师教的内容: 1.html内容 <div id="box"> <div id="message"> <!--<p class="left"> <img src="img/136.jpg" /> <span>这是第一句话</span> </p> <p class="righ…

Thrift学习记录

Thrift学习记录 Thrift是一个软件框架,用来进行可扩展且跨语言的服务的开发.它结合了功能强大的软件堆栈和代码生成引擎,以构建在C++,Java,Python,PHP,Ruby,Erlang, Perl, Haskell, C#, Cocoa, JavaScript, Node.js, Smalltalk, and OCaml等等编程语言间无缝结合的.高效的服务. Thrift服务开发的三个步奏:(如下图) 编写Thrift IDL,运行thrift命令生成相应的服务代码. 服务端编码(…

Vue学习记录第一篇——Vue入门基础

前面的话 Vue中文文档写得很好,界面清爽,内容翔实.但文档毕竟不是教程,文档一上来出现了大量的新概念,对于新手而言,并不友好.个人还是比较喜欢类似于<JS高级程序设计>的风格,从浅入深,娓娓道来于是,还是按照自己的思路,对Vue的知识体系从浅入深的开始学习.本文是Vue学习记录的第一篇,介绍Vue入门基础.把学习记录总结成博客,也是希望能够帮助到同样入门Vue的朋友概述 Vue.js对自己的定位是一套构建用户界面的渐进式框架.如下图所示下面来解释下,何为渐进式框架如果只使用Vue最基…

ASP.NETCore学习记录(一)

ASP.NETCore学习记录(一) asp.net core介绍 Startup.cs ConfigureServices Configure 0. ASP.NETCore 介绍 ASP.NETCore是一个新的开源和跨平台的框架,用于构建如Web应用.物联网(IoT)应用和移动后端应用等连接到互联网的基于云的现代应用程序.ASP.NET Core应用可运行于.NET Core和完整的.NET Framework之上.构建它的目的是为那些部署在云端或者内部运行的应用提供一个优化的开发…

区块链Hyperledger Fabric 学习记录（一）开发环境搭建（ubuntu16.04/ubuntu18.04）

目录 Fabric开发环境搭建更新说明教程环境及软件版本 Docker 安装Docker 配置用户组配置Aliyun Docker加速器安装docker-compose Go 下载源码安装源码 Node.js && NPM Node.js源码安装安装Python 安装Fabric范例.源码和Docker镜像总结 Fabric开发环境搭建 Author:ljo0412@live.com 更新说明在根据Fabric手册进行学习的过程中,遇到了一个严重的问题,导致无法向下继续,总…

Echarts学习记录——如何去掉网格线及网格区域颜色

关键属性 splitLine和splitArea,可以设置相关的属性示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport…

Echarts学习记录——如何给x轴文字标签添加事件

Echarts学习记录——如何给x轴文字标签添加事件关键属性 axisLabel下属性clickable:true 并给图表添加单击事件根据返回值判断点击的是哪里感觉自己的方法有点变扭,有更好办法的同学,请留下方式. 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-…

【转】Backbone.js学习笔记（二）细说MVC

文章转自: http://segmentfault.com/a/1190000002666658 对于初学backbone.js的同学可以先参考我这篇文章:Backbone.js学习笔记(一) Backbone源码结构 1: (function() { 2: Backbone.Events // 自定义事件 3: Backbone.Model // 模型构造函数和原型扩展 4: Backbone.Collection // 集合构造函数和原型扩展 5: Backbone.Router // 路由…

Node.js学习笔记（3）：NPM简明教程

Node.js学习笔记(3):NPM简明教程 NPM常用操作更新NPM版本 npm install npm -g -g,表示全局安装.我们可以指定更新版本,只需要在后面填上@版本号即可,也可以输入@latest获得最近的稳定版本,如下 npm install npm@5.5.0 -g NPM初始化及包管理 npm init -y -y 可以跳过所有的询问,执行后目录下会生成package.json文件来存储一些配置,诸如项目的依赖.自定义脚本等. 现在我们可以使用install命令来安装需要用…

Ext JS学习第十六天事件机制event（一） DotNet进阶系列(持续更新) 第一节：.Net版基于WebSocket的聊天室样例第十五节：深入理解async和await的作用及各种适用场景和用法第十五节：深入理解async和await的作用及各种适用场景和用法前端自动化准备和详细配置(NVM、NPM/CNPM、NodeJs、NRM、WebPack、Gulp/Grunt、G

code&monkey Ext JS学习第十六天事件机制event(一) 此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习今天我们来说一说什么是事件,对于事件,相信你一定不陌生, 基本事件是什么?就类似于click.keypress.focus.mouseover等这些事件都是浏览器定义好的内置事件,我们直接使用即可.对于高级事件,无非就是自己去设计一个事件,就比如我们实际项目中,通常都伴随些业务逻辑,可能是曾删改查等...这些事件都是非原生事件,也就是浏览器无…

【js 学习记录(一)】的更多相关文章