js
Lich Howger
这个作者很懒,什么都没留下…
展开
-
002-nodejs部署到centos系统上
感觉每次从0到1都会遇到各种坑 这次买了一个云服务器,想把nodejs项目部署到centos上也是遇到了好多坑 首先就是自己的操作系统是windows,怎么把命令复制到vnc上呢,我真的是不知道,所以只能一行一行地写 还有就是,在建立软链接的时候,也遇到了坑 还是一步一步说吧 先买一个云服务器,centOS系统然后打开系统,需要先安装...原创 2018-10-18 17:49:42 · 583 阅读 · 0 评论 -
148-react入门
react入门React.js是前端三大框架之一1.angular.js2.react.js3.vue.js这三大新框架的很多理念是相同的,也有各自的特点react起源于facebook的内部项目,因为该公司对市场上所有的js MVC框架都不太满意就自己写了一套,用来架设instagram网站react可以作为一个js库来使用我们只要在页面上引用相关的j...原创 2018-12-16 17:19:40 · 151 阅读 · 0 评论 -
149-JSX语法
JSX语法JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到<,JSX就当HTML解析,遇到{就当JavaScript解析。来点代码注意:script三个导入要按顺序来<script src="js/react.development.js"></script>&l...原创 2018-12-16 17:20:08 · 165 阅读 · 0 评论 -
121-js隐式转换和数组
js<script>var num=1;if (num==1){ alert('success');}eles{ alert('fail');}var strNum='12';if (strNum==12){ alert('success');}else{ alert('fail');}</script>这两种情况都是相等...原创 2018-12-10 19:17:30 · 497 阅读 · 0 评论 -
122-修改link换肤
js事件属性属性上除了有样式,id等属性外还有事件属性<script> window.onload=function(){ //获取div和button对象 var oBtn=document.getElementById('btn'); var oDiv=document.getElementById('div'); function fnOnClick(...原创 2018-12-10 19:18:11 · 223 阅读 · 0 评论 -
123-方法调用和元素操作
js方法调用<script> fnAlert(); function fnAlert(){ alert("hello world") }; fnAlert();</script>在前面调用也可以在后面调用也可以前面调用叫做 预解析变量也可以预解析,但是是undefinedalert(iNum)var iNum=100;...原创 2018-12-10 19:19:03 · 180 阅读 · 0 评论 -
124-js动态调节元素
先来布局<body> <div class="div_main"> <div class="div_body01"> <div class="div_edit"> <span>宽度:</span> <input i原创 2018-12-10 20:09:02 · 118 阅读 · 2 评论 -
150-centOS配置nodejs
centos配置node每次牵扯到linux的东西都能耗尽一个人的时间和精力命令行真的能把人给折磨疯不说了开始吧无限 cd ..cd ..cd ..到根目录吧然后我们在根目录创建现在我们在根目录/如果我们现在还有一个管理员账号那么就进入管理员用户的文件夹cd root这样我们就进入了root文件夹但是不会显示root而是会显示一个 ~所...原创 2018-12-16 21:37:51 · 198 阅读 · 0 评论 -
151-centOS安装pm2
centos先配置好nodejs然后安装pm2然后安装pm2然后安装pm2每次牵扯到linux的东西都能耗尽一个人的时间和精力命令行真的能把人给折磨疯不说了开始吧无限 cd ..cd ..cd ..到根目录吧然后我们在根目录创建现在我们在根目录/如果我们现在还有一个管理员账号那么就进入管理员用户的文件夹cd root这样我们就进入了r...原创 2018-12-16 21:51:50 · 441 阅读 · 0 评论 -
153-react绑定事件和状态属性
react绑定事件和状态属性React绑定事件和JavaScript中的行间事件类似事件绑定是写在标签中的但是React事件是在原生事件的基础上做了封装它的事件用驼峰命名,而不是全部小写事件需要传递一个函数作为事件处理程序我们可以通过类定义组件把函数作为方法定义在组件中class Demo extends React.Component{ fnHello(){...原创 2018-12-18 21:44:33 · 189 阅读 · 0 评论 -
154-react列表编辑与更新
react列表编辑与更新<body><script type="text/babel">class Todolist extends React.Component{render(){ return( <div> ... </div> );}}ReactDOM.render(<Todolist ...原创 2018-12-18 21:44:59 · 715 阅读 · 1 评论 -
155-react列表渲染
react列表渲染<script type="text/babel">var aList=[ {name:'abc01',age:'11'}, {name:'abc02',age:'12'}, {name:'abc03',age:'13'}, {name:'abc04',age:'14'}, {name:'abc05',age:'15'} ]let ...原创 2018-12-18 21:45:34 · 94 阅读 · 0 评论 -
156-react生命周期
react生命周期两个生命周期方法初始化和销毁componentDidMountcomponentWillUnmount来个例子class Hello extends React.Component{constructor(props){super(props);}componentDidMount(){}componentWillUnmount()...原创 2018-12-18 21:46:04 · 77 阅读 · 0 评论 -
157-react选项卡
react选项卡<script src="js/react.development.js"></script><script src="js/react-dom.development.js"></script><script src="js/babel.min.js"></原创 2018-12-18 21:46:29 · 324 阅读 · 0 评论 -
146-ES6的异步操作
ES6的异步操作es6新增的异步操作的写法来解决异步操作函数回调的问题这个新增的写法就是promise我们看一下传统的写法<script src="js/jquery-1.12.4.min.js"></script><script>$.ajax({url:'js/data1.json',type:'get',dataType...原创 2018-12-16 15:54:41 · 191 阅读 · 0 评论 -
145-ES6模块
ES6模块导入和导出javascript之前是没有模块功能的现在在ES6中加入了模块功能一个js文件就是一个模块js文件需要先导出export才能被其他的js文件导入importES6的导出分为1.名字导出2.默认导出名字导出导入的变量名必须和导出的变量名一致//mod01.js文件中导出export let num01=1;export let fnAl...原创 2018-12-16 15:54:13 · 130 阅读 · 0 评论 -
003-nodejs文件写入系统
我们来试试nodejs的文件写入系统 ---实现文件写入操作---//1.加载文件操作系统,fs模块var fs = require('fs');//2.实现文件写入操作var msg = 'Hello World';//3.调用fs.writeFile()进行文件写入fs.writeFile('./hello.txt', msg , 'utf8', functi...原创 2018-10-22 13:18:38 · 250 阅读 · 0 评论 -
004-关于js的执行顺序
console.log('111');setTimeout(function(){ console.log('222');},1000);console.log('333');setTimeout(function(){ console.log('444');},1000);console.log('555'); 这种情况,显示是13524...原创 2018-10-22 14:12:24 · 172 阅读 · 0 评论 -
009-通过express框架来构建nodejs服务器
最近一直在研究nodejs也是花了不少时间今天终于把服务器弄通了玩通了实在是不容易 //1.加载express模块var express = require('express');//2.创建app对象var app = express();//通过中间件监听指定的路由请求//当用户通过get方式请求add的时候app.get('/add',...原创 2018-10-25 11:30:47 · 101 阅读 · 0 评论 -
010-nodejs解析收到的post请求的参数
先说直接用url模块就可以解析的这是最简单的等下再说复杂的 app.post('/add', function (req, res) { console.log(url.parse(req.url).query); console.log(url.parse(req.url, true).query.user); res.st...原创 2018-10-25 13:53:56 · 660 阅读 · 0 评论 -
130-web轮播图
web轮播图来做一个轮播图window.onload=function(){var leftBtn=document.getElementById('btn01');var rightBtn=document.getElementById('btn02');var ul=document.getElementById('list');//初始化位置var left=0...原创 2018-12-12 18:37:08 · 173 阅读 · 1 评论 -
131-jquery入门
jqueryjquery是目前使用最广泛的javascript函数库全世界排名前100万的网站有46%使用jquery远远超过其他的库微软公司甚至把jquery作为他们的官方库jquery版本分为1.x 2.x 3.x系列目前使用最多的是1.x系列jquery是一个函数库,一个js文件页面用script标签引入这个js文件就可以直接使用<sc...原创 2018-12-12 18:37:44 · 136 阅读 · 0 评论 -
135-jquery操作元素显示和元素属性
jquery操作元素显示和元素属性var $li = $('.list li');$li.click(function(){ $(this).css({background:'red'});})也可以简写一下$('#li').click(function(){})这样我们就绑定了li的点击事件替代ready方法$(function(){ var $div...原创 2018-12-13 18:53:05 · 177 阅读 · 0 评论 -
136-jquery事件和事件冒泡
jquery事件和事件冒泡1.blur()2.focus()3.change()4.click()5.mouseover()6.mouseout()7.mouseenter()8.mouseleave()9.ready()10.submit()<script>$(function(){var $text01=$('#text01');...原创 2018-12-13 18:53:32 · 166 阅读 · 0 评论 -
137-jquery调用ajax
jquery调用ajax<script>var oPerson={ name:'panda'; age:17; showName:function(){ alert(this.name); } showAge:function(){ alert(this.age); }}alert(oPerson.age);oPerson.showAge()...原创 2018-12-15 19:12:54 · 150 阅读 · 0 评论 -
138-jquery事件委托和Dom操作
jquery事件委托和Dom操作事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来源的子集,执行相应的操作,事件委托首先可以极大减少事件绑定次数,提高性能,其次可以让新加入的子元素也能拥有相同的操作.$function(){ //一般的事件绑定 var $li=$('#list li'); $li.click(function(){ $(this).c...原创 2018-12-15 19:13:36 · 170 阅读 · 0 评论 -
139-ES6入门
ES6是js的新版本,也叫ES2015ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言变量声明let和constlet和const是新增的声明变量的开头的关键字之前都是var...原创 2018-12-15 19:16:03 · 129 阅读 · 0 评论 -
143-ES6函数
ES6函数箭头函数我们可以把箭头函数理解成匿名函数的第二种写法箭头函数的作用是可以在对象中绑定this解决了JavaScript当中this指定混乱的问题定义函数的一般方式function fnAdd(a,b){ var result=a+b; alert(result)}fnAdd(1,2);通过匿名函数赋值来定义函数var fnAdd=functi...原创 2018-12-16 15:53:18 · 112 阅读 · 0 评论 -
144-ES6类的使用
ES6类的使用<script>class Person{ //构造函数 constructor(name,age){ this.name=name; this.age=age; } //类内的方法 showName(){ alert(this.name); }}let person=new Person('Alice',20);pers...原创 2018-12-16 15:53:44 · 142 阅读 · 0 评论 -
158-react脚手架开发
react脚手架开发脚手架开发指的是react提供了完整的自动化开发工具而且规划好了开发一个项目的项目目录这些工具是通过nodejs开发的我们通过npm来安装这些工具同时可以通过这个工具生成一个应用的项目目录安装脚手架工具1.设置npm淘宝镜像npm config set registry https://registry.npm.taobao.org2.安装...原创 2018-12-18 21:47:04 · 88 阅读 · 0 评论