Js学习笔记

vuejs学习笔记（一），直接引入vue.js

声明式渲染：声明式渲染{{message}}Hoveryourmouseovermeforafewsecondstoseemydynamicallyboundtitle!varstr=[];str[0]='helloword';str[1]='Youloadedthispageon';varapp=newVue({el:'#app',data:{message:str[0],title:'page
Thea12138·2018-10-29 15:56

TensorFlow.js学习笔记—曲线拟合

这个DEMO是参考了TensorFlow.js官网的教程，融合了一些自己的实现。具体效果是怎么样的呢？少废话，先看东西：这是一个二次函数曲线的拟合，效果我个人觉得还可以。为了实现这个效果，首先我们得有要有数据，不然我们拟合什么？数据就是下图所示的这些散点。为了巧妇能有米来炊，我们首先得要实现一个产生数据的函数。functiongenerateData(numPoints,coeff,sigma=0
Meskjei·2018-10-21 11:39

Vue.js 学习笔记

vue.js学习笔记目录结构build项目构建(webpack)相关代码config配置目录，包括端口号等。我们初学可以使用默认的。
Mosthandsomeykh·2018-09-30 13:36

NodeJS学习笔记

今天开始学习NodeJS，在这里做个笔记，记录一下我的学习历程，也方便以后参考。1.什么是NodeJSNode.js®isaJavaScriptruntimebuiltonChrome'sV8JavaScriptengine.Node.js®是一个基于ChromeV8引擎的JavaScript运行时。简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个基于Chrome
freesky_zh·2018-09-17 15:00

Koa.js学习笔记

1、简单的小示例constKoa=require('koa');//引入Koa.jsconstapp=newKoa();//实例化Koa对象constmain=ctx=>{//main函数用来设置ctx.response.bodyctx.response.body='HelloWorld';//context.response.body就是发给用户的消息}app.use(main);//加载mai
蔡万胜·2018-09-13 00:00

js学习笔记之动画与json

三个函数Math.ceil();向上取整Math.floor();向下取整Math.round();四舍五入缓冲动画原理动画原理=盒子位置+步长1.闪现（瞬间到达）2.匀速（每次步长一样）3.缓冲（开始走的快，后面越来越慢）srollscroll本身是卷页的意思。主要包括：1.scorllWidth/scrollHeight内容的宽高2.scrollLeft/scrollTop被卷去的左侧和头部o
DHRMM999·2018-09-11 10:31

Vue.js学习笔记（十）--------钩子函数

钩子函数定义每个Vue实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期图示钩子函数一个指令定义对象可以提供如下几个钩子函数(均为可选)：bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。i
吃鱼吐泡泡·2018-09-07 15:35

NodeJS学习笔记（八）常用工具模块

OS模块提供一些系统操作函数常用实例varos=reqiure('os');console.log(os.endianness());//cpu字节序，可能返回BE或者LEconsole.log(os.type());//返回操作系统名：例如Linux，与os.platform()一样功能console.log(os.totalmem());//返回内存总量，单位bytesconsole.log(
Lam Zing-Man·2018-09-02 15:25

Js学习笔记：闭包

#一、前言这个周末，注意力都在学习基础Js知识上面，刚好看到了闭包这个神圣的东西，所以打算把这两天学到的总结下来，算是巩固自己所学。也可能有些不正确的地方，也请大家看到了，麻烦在评论下提醒一下，算是互相学习了。二、什么是闭包？百度百科定义：闭包就是能够读取其他函数内部变量的函数。在解释之前，得先讲讲作用域。先来看下面这个示例：vara=1;functionf(){varb=2;console.lo
xxxsimons·2018-09-02 00:00

NodeJS学习笔记（七）

处理客户端发起的GET请求get请求一般直接嵌入URL中，因此我们可以手动解析URL后面的内容varhttp=require('http');varurl=require('url');varutil=require('util');http.createServer(function(req,res){res.writeHead(200,{'Content-Type':'text/plain;c
Lam Zing-Man·2018-09-01 23:30

NodeJS学习笔记（四）

模块一个js文件就是一个模块//hello.jsexports.world=function(){console.log('HelloWorld');}//main.jsvarhello=require('./hello');//自动帮你寻找到js后缀的hello文件hello.world();//输出HelloWorld把一个对象封装到一个模块//hello.jsfunctionHello(){
Lam Zing-Man·2018-08-31 15:27

NodeJS学习笔记（三）（此系列为runoob内容的个人理解版，例子基本来源runoob）

Stream(流)流，抽象接口。例如：对http发请求的request对象就是一个流，stdout也是一个流。流的四种类型：1.Readable可读操作2.Writable可写操作3.Duplex可读可写操作4.Transform操作被写入数据，然后读结果所有Stream对象都是EventEmitter的实例，常用事件：1.data：当有数据可读时触发2.end：没有数据可读时触发3.error：
Lam Zing-Man·2018-08-31 15:59

NodeJS学习笔记（二）

Buffer缓冲区来源：处理类似TCP流或文件流（I/O）时，要用到二进制数据。因此，node定义了一个Buffer类，这个类用来创建一个专门存放二进制数据的缓冲区一个Buffer类似于一个整数数组，但它对应V8堆内存之外的一块原始内存由于Buffer对内存权限大，有点危险，因此在v6.0以后。官方建议使用Buffer.from（）接口去创建Buffer对象输出方式constbuf=Buffer.
Lam Zing-Man·2018-08-30 20:47

【ReactJs学习笔记】【状态和生命周期+单向数据流理解】

目录目录生命周期理解方法状态（跟微信小程序里的setdata大同小异）不能直接更改状态不建议在setState中回调state状态更新可能是异步的数据自顶向下流动（单向数据流）快捷链接生命周期理解方法//构造函数 constructor(props){super(props);this.state={date:newDate()}; } //生命周期的方法(此处按照先后顺序写)： compone
欣欣__KuanG97·2018-08-28 00:00

nodejs学习笔记

一、fs模块文件系统模块1.Node.js文件系统提供一组类似UNIX（POSIX）标准的文件操作API。Node导入文件系统模块(fs)2.引入文件模块varfs=require("fs");3.异步读取txt文本使用fs.readFile('文本url',function(err,date){if(err){console.log(err.stack);}else{console.log(da
webprevious·2018-08-26 17:13

【ReactJs学习笔记】【子组件将数据传给父组件 && 模拟发送更新给服务端】

【Javascript学习笔记】目录目录CommentForm新添加的内容传给爸爸CommentBox理解代码效果更新评论状态代码效果优化结构代码效果优化样式——使用AntDesign快捷链接CommentForm新添加的内容传给爸爸CommentBox理解父组件通过一个函数，将之交给子组件提交的函数。让子组件告诉他有人添加了信息，并将对应信息放进该父函数传递给父组件。代码Box... hand
欣欣__KuanG97·2018-08-14 15:59

【ReactJs学习笔记】【状态State && 用JQ和ajax从服务器端得到数据】

【Javascript学习笔记】目录目录数据准备传递数据的链接模拟数据JQuery准备安装jspm包管理在本地目录安装包管理下载JQuery检查依赖配置状态StateJQuery&&Ajax效果更新获取数据的状态快捷链接数据准备传递数据的链接index.js-varcommen=[-{"author":"KXX","date":"2018-8-17","text":"天气不错！"},-{"auth
欣欣__KuanG97·2018-08-14 14:15

【ReactJs学习笔记】【父子组件用于传递数据— —Props】

【Javascript学习笔记】目录目录属性Props原理下面代码理解代码效果从父组件（祖先）获得数据代码效果快捷链接属性Props原理1.父组件通过属性的形式向子组件传递参数，而子组件通过this.props.xxx获取父组件传递过来的参数。2.父组件获取子组件的传递值（即子组件与父组件的通信），子组件要调用父组件传递过来的方法。EX：父组件创建对应方法并通过属性传递一个方法给子组件，子组件通过
欣欣__KuanG97·2018-08-14 13:44

【ReactJs学习笔记】【Chrome安装react审查插件&&组件】

目录目录Chrome安装react审查插件组件创建并导出组件引用组件尝试直接将新组件放置到对应标签组合组件快捷链接Chrome安装react审查插件reactdevelopertools拓展安装包下载ClickHere>>拖动下载了的.crx文件到拓展程序，显示如下打开react项目，并用开发者工具，即可看到组件先开启项目，实时查看项目实现情况。创建并导出组件在src/创建一个.js文件作为组件，
欣欣__KuanG97·2018-08-14 10:55

【ReactJs学习笔记】【编译生产环境的React应用】

目录目录package.json本地服务器打开编译好的项目可以快速以当前路径为根目录建立服务的工具pushstate-server快捷链接package.json"scripts":{ "start":"react-scriptsstart", "build":"react-scriptsbuild", "test":"react-scriptstest--env=jsdom", "eject":
欣欣__KuanG97·2018-08-14 09:31

【ReactJs学习笔记】【01创建项目】

目录目录环境在create-react-app中使用安装和初始化安装create-react-app工具新建一个项目进入项目并启动快捷链接环境node+npm在create-react-app中使用create-react-app是业界最优秀的React应用开发工具之一安装和初始化安装create-react-app工具npminstall-gcreate-react-appyarn新建一个项目c
欣欣__KuanG97·2018-08-09 17:24

【ReactJs学习笔记】【边实战边学习— —todoList慕课】

目录目录了解结构最终效果知识点重点难点最初目录结构效果代码index.js部分todoList.js新增列表项之获取input里面的value效果代码修改todoLiat.js部分删除列表项效果代码修改todoLiat.js部分拆分组件之——多组件概念父子组件之间的信息传递最终功能效果代码修改todoLiat.js部分细化组件之添加TodoItem.js优化代码优化要点最终代码快捷链接了解结构最终
欣欣__KuanG97·2018-08-09 16:11

【ReactJs学习笔记总目录】

目录目录笔记主目录案例实战全部实战代码Download快捷链接笔记主目录宁浩网基础篇1.创建项目2.应用的结构3.编译生产环境的React应用4.Chrome安装react审查插件&&组件5.父子组件用于传递数据——Props6.状态State&&用JQ和ajax从服务器端得到数据7.子组件将数据传给父组件&&模拟发送更新给服务端宁浩网路由篇内容太旧不适用，果断弃坑react-router也才用的
欣欣__KuanG97·2018-08-09 00:00

RxJs学习笔记1--js基础知识--函数

函数的声明与定义方式1：functionprint(s){console.log(s);}方式2：varprint=function(s){console.log(s);};//方式2定义函数，如果使用了函数名，如下面代码的x,函数名在函数体外边无效。varprint=functionx(){console.log(typeofx);};X;//ReferenceError:xisnotdefin
yahzon·2018-08-06 15:40

Django+View.js学习笔记

本文git地址：https://github.com/wangweiqq2010/django_demo.gitpython框架MVC和MTVmodel(模型)、view(视图)和controller(控制器)模型(Model)、模板(Template)和视图(Views）Django模块安装pipinstalldjangoDjango项目创建django-adminstartprojectdja
发热的小火炉·2018-08-01 21:06

Three.js学习笔记-Math(数学工具库)

Box22D空间中的盒子构造函数Box2(min:Vector2,max:Vector2)属性min表示框的下边界。默认(+Infinity,+Infinity)max表示框的上边界。默认(-Infinity,-Infinity)方法clampPoint(point,target)将点夹在盒子的范围之内containsBox(box)/containsPoint(point)返回true/fals
fewbadboy·2018-07-23 16:58

JS学习笔记之函数防抖与节流

在日常开发中，我们经常能够碰到以下工作场景：对提交按钮进行变态的点击压力测试输入框内容的实时校验（譬如验证用户名是否已存在）图片滚动加载scroll操作窗口放大缩小resize操作对某一区域进行mousemove操作上述频繁触发事件的操作,如果我们不采取任何操作，势必会造成极差的用户体验。譬如，对提交按钮连续点击发起请求，会给服务器带来压力；窗口放大缩小，会连续触发浏览器的resize函数，如果涉
叫我小徐·2018-07-16 13:22

前端 用http-server启动本地服务器

附：http-server详细介绍，包括参数等：https://www.npmjs.com/package/http-server开始：准备node.js环境:在我的博文“Vue.js学习笔记https
夏小念·2018-07-15 22:00

Nodejs基础：路径处理模块path总结

本文摘录自《Nodejs学习笔记》，更多章节及更新，请访问github主页地址。欢迎加群交流，群号197339705。模块概览在nodejs中，path是个使用频率很高，但却让人又爱又恨的模块。
HansExploration·2018-06-29 13:49

Vue.js学习笔记——路由实现选项卡简单实例

需要实现下图效果，点击上方选项卡，切换到不同内容的组件：事先准备好两个库文件（vue.js、vue-router.js），放到对应路径。1.引入依赖库2.组件创建    constHtml=Vue.extend({template:'html{{msg}}',data:function(){return{msg:'Thisisthehtmlvue-router.'}}});constCss=Vue
乐码乐·2018-06-27 15:21

JS学习笔记

之前刷过很多遍教程，效果总是不理想，学习笔记也做了，也跟着敲了代码，总是感觉像是新手，我想应该是平常缺乏练习，每天的代码量没有起来，导致几天就忘，那从侧面反映出我现在还有一丝懒惰的心理。希望突破自己！废话不多说，开始再来一遍吧！-----------------------------------------------------正文-------------------------------
Dai_Aixy·2018-06-23 22:16

一点感悟：《Node.js学习笔记》star数突破1000+

写作背景笔者前年开始撰写的《Node.js学习笔记》githubstar数突破了1000，算是个里程碑吧。从第一次提交（2016.11.03）到现在，1年半过去了。
程序猿小卡_casper·2018-06-06 00:00

nodejs学习笔记

定制一个包并且引用此包.目录结构:假定此包的作用是用来处理字符串转整型,整型车字符串的工具包.那么,需要先写2个js文件,这2个文件就是做类型转换工作的模块,并且将其放到utils/libs目录下.str2int.jsint2str.js好了,功能写完了.我们还需要写一个包的入口程序,那就是main.js,放在功能模块同目录下当然，这样还不行，因为我们还需要一个package.json来指定此包的
hahazhu0634·2018-06-01 15:23

JS学习笔记

1.JS在处理小数的四则运算时较容易损失精度。原因：二进制和十进制相互转换损失精度解决办法:转换成整数运算2.JS里的with关键字作用：将代码的作用域设置到一个特定的作用域中示例：不使用with：varqs=location.search.substring(1);varhostName=location.hostname;varurl=location.href;使用with后：with(lo
齐天夫圣·2018-05-31 10:34

js学习笔记05-ES6内置功能

Symbol（标识符）Symbol是一种独特的且不可变的数据类型，用来标识对象属性要创建Symbol，输入Symbol()，并添加一个可选的字符串作为其描述constobj=Symbol("obj1");constbowl={[Symbol('banana')]:{color:'yellow',weight:183.15},[Symbol('orange')]:{color:'orange',we
lovefei682·2018-05-18 01:55

js学习笔记04-ES6函数(箭头函数与this),class

箭头函数让简短单行函数更容易编写和阅读的普通函数可以是函数声明或函数表达式，但是箭头函数始终是表达式普通函数(把名字转换为大写)constupperNames=['Fish','RedHands','Sugarbeans'].map(function(name){returnname.toUpperCase();});将函数转换为箭头函数,函数主体只有一个表达式,简写主体语法1)删掉关键字func
lovefei682·2018-05-16 13:31

JS学习笔记 原型链和利用原型实现继承

原型链原型链是一种关系，实例对象和原型对象之间的关系，关系是通过原型(__proto__)来联系的实例对象中有__proto__,是对象,叫原型,不是标准的属性,浏览器使用,并且有的游览器不支持构造函数中有prototype属性,也是对象,叫原型注意原型中的方法是可以互相访问的实例代码functionAnimal(name,age){this.name=name;thia.age=age;}//在
倪晓磊·2018-05-12 09:41

js学习笔记----ajax学习day02AJAX异步加载数据

打印请求对象get发送网络请求的缓存机制原因:每次get请求时,若路径相同,浏览器会返回之前缓存的数据,而不是真正的发送请求解决方式:在请求路径中加上参数1.随机数2.时间戳date.getTime();传递三个参数:url,成功的回调,失败的回调传递三个参数请求的参数处理若传参,则多加个参数若传的是对象,key值是否加""都可vararrM=[];//数组的声明注意:url本身不支持中文,部分浏
Pamela_Liu·2018-05-04 10:15

vue.js学习笔记五（组件）

一、组件的使用1.全局注册1）必须先注册再实例化2）命名最佳是小写，中间有一个横杠：my-component3）Vue.component({})4)显然，组件只能在Vue作用域内有效，必须写在...里。但是，如果你有两个vm，全局注册可以在这两个vm都起作用。2.局部注册varapp2=newVue({el:"#app2",components:{'my-component2':{templat
渐渐_·2018-05-03 21:36

vue.js学习笔记之v-bind和v-on解析

v-bind指令用于响应地更新HTML特性形式如：v-bind:href缩写为:href;v-on指令用于监听DOM事件形式如：v-on:click缩写为@click;百度一下百度一下百度一下更改图片更改图片newVue({el:'#test',data:{url:"https://www.baidu.com",src:"img/spring.jpg"161718},methods:{update
MissBean·2018-05-03 09:41

js学习笔记----ajax学习day01网络请求

php编辑软件mac端用mamp服务器1.wampServer调试和使用:修改端口2.php文件夹里不能有中文.否则路径中会有中文,无法解析3.忘了...4.php语句必须要加上分号5.打印print_r//打印数组和对象的内容基本数据类型/复杂数据类型""括住的变量,可以打印变量的值''括住的变量,不能打印变量的值,所括即所得数组1.索引数组2.关联数组---(对象)http协议TCP协议簇协议
Pamela_Liu·2018-05-02 19:25

【tensorflow.js学习笔记（2）】CNN识别手写数字集MNIST

笔记（1）中利用tensorflow.js完成了机器学习中曲线拟合的任务，这篇笔记将实现一个经典的机器学习问题——CNN识别手写数字集MNIST。参考官方示例TrainingonImages:RecognizingHandwrittenDigitswithaConvolutionalNeuralNetwork，修改部分代码并用echarts改写vega。1、定义mnist数据类import*ast
orangecsy·2018-05-02 15:59

【tensorflow.js学习笔记（1）】tf.js环境搭建及曲线拟合例子

月初TensorFlow开发者大会上，谷歌正式发布了TensorFlow的JS版本tensorflow.js，并演示了几个很有意思的demo，展现了浏览器环境下也能进行深度学习任务的能力。tensorflowjs利用WebGl加速，在浏览器环境下训练、部署机器学习模型。下面我尝试引入tensorflow.js并运行一个曲线拟合的例子。1、文件形式引入constmodel=tf.sequential
orangecsy·2018-04-27 17:10

js学习笔记----进阶Day06 js面向对象和闭包

面向对象备份指针//this在事件指令中指向事件源//that称为备份指针varthat=this;面向对象三大特性封装继承多态面向对象的使用容错处理varoption=option||{};闭包当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包。functionA(){functionB(){console.log("HelloXMG!");}returnB;}varb=A();b()
Pamela_Liu·2018-04-19 19:30

Vue.js学习笔记

day1:Q:将标签的默认样式重置A:http://cssreset.comday2:Q:前端编辑器选择？A:vsCodeQ:初次使用的教程？A：http://www.jb51.net/softjc/606745.html+https://segmentfault.com/a/1190000006697219（插件推荐）day3:Q:我选择node方式搭建项目。那么node环境如何搭建项目？A:以
夏小念·2018-04-16 23:00

nodejs学习笔记（一）

node.js的本质是一个JavaScript的解析器，是JavaScript的运行环境，是一个服务器程序。node.js是一个事件驱动I/O服务端javascript环境，基于Google的V8引擎，不是web服务器。为什么要使用node.js：（1）为了提供高性能的web服务；（2）IO性能强大；（3）事件处理机制完善；（4）天然能够处理DOM；（5）社区非常活跃，生态圈日趋完善。node.j
Love_vermouth·2018-04-16 11:05

【three.js学习笔记】光

Lightapi光源的基类。Light(color,intensity)color光源颜色的RGB数值intensity光源强度的数值。看到的颜色使用反光材料的物体，看到的颜色是由光的颜色和物体本身的颜色所决定（物理光）。绿色光照在红色物体上，看到为黑色。显示真正颜色使用白色光：0xffffff;AmbientLight（环境光）环境光是一种无处不在的光，就好像现实世界中的空气。环境光的光线来自任
梵鹿·2018-04-15 00:00

【three.js学习笔记】网孔（Mesh）

MESH网孔对象的基类MESH就是一系列的多边形组成的，三角形或者四边形，网格一般由顶点来描绘，我们看见的三维开发的模型就是由一系列的点组成的。vargeometry=newTHREE.BoxGeometry(1,1,1);varmaterial=newTHREE.MeshBasicMaterial({color:0xffff00});varmesh=newTHREE.Mesh(geometry,
梵鹿·2018-04-15 00:00

【three.js学习笔记】世界坐标系和本地坐标系

世界坐标系three.js里面的世界坐标系是右手坐标系，一个应用程序可能包含成千上百个单独对象，我们必须把他们放到一个公共场景里相机默认在世界坐标系的原点围绕轴旋转拇指指向旋转轴的正方向，四指弯曲的方向为旋转的正方向cube.rotaion.y-=0.01;//弧度本地坐标物体的坐标，在物体中心点。AxisHelper辅助坐标系在场景中添加辅助坐标系帮助开发varaxisHelper=newTHR
梵鹿·2018-04-14 00:00

【three.js学习笔记】线

线一条连续的线varmaterial=newTHREE.LineBasicMaterial({color:0x0000ff});vargeometry=newTHREE.Geometry();geometry.vertices.push(newTHREE.Vector3(-10,0,0),newTHREE.Vector3(0,10,0),newTHREE.Vector3(10,0,0));varl
梵鹿·2018-04-12 00:00
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他