- 博客(19)
- 资源 (25)
- 收藏
- 关注
RSS订阅原创 node.js函数调用
首先创建web服务，官网上有现成的demo，建议还是自己了解写一遍。新建一个stratServer.js文件，//require方法导入nodejs的一个对象httpvar http = require("http");//http新建一个web服务，其中function包含两个对象，request是浏览器向服务端发送请求的对象，response是服务端向浏览器写回的对象http.cr...
2018-11-30 10:40:09
726
原创 箭头函数
JavaScript中使用一个函数，以下两种方法均是常用的。一：function show(){ alert("无参函数");}show();二：function show(a,b){ return a+b;}console.log(show(1,2));ES6中新增了箭头函数，为了是代码更简洁，举个栗子，实现点击方块改变颜色的效果，ES5代码如下：...
2018-11-29 12:09:40
185
原创 for...of...循环和Map对象(set方法)
for相关循环也衍生了多种，有普通for循环、for...in...循环、for...of...循环。普通for循环var arr=[1,2,3,4];for(var i=0; i<arr.length; i++){...}for...in...循环var arr=["Tony","Tom","Jack","Mali"];for(var i in arr){ ...
2018-11-29 11:02:21
538
原创 ES6解构和扩展运算符
解构解构的作用是可以快速取得数组或对象当中的元素或属性，而无需使用arr[x]或者obj[key]等传统方式进行赋值。var arr = ['this is a string', 2, 3];//传统方式var a = arr[0], b = arr[1], c = arr[2];//解构赋值，是不是简洁很多？var [a, b, c] = arr;con...
2018-11-29 09:26:31
160
原创 ES6字符串模板
ES6新增了字符串模块，用来简化之前繁杂的字符串连接。先看一下ES5时期字符串连接的用法，举个列子var str="实践证明，“改革开放是决定当代中国命运的关键一招，也是决定实现‘两个一百年’奋斗目标、实现中华民族伟大复兴的关键一招。”未来，改革开放更需不断深化，在党的领导下，新时代的改革开放，必将为当代中国发展塑造新的格局、开辟新的境界。";document.write(str);...
2018-11-28 15:46:24
185
原创 var，let，const区别
let 和 const 是ES6中新增用来定义变量的。varvar语句用来声明JavaScript变量，在学习JS入门最基础了解的知识，也就是在ES5阶段，所有变量的声明都是用var。var a=1;alert(a);letlet同样是用来定义变量。let a=1;alert(a);var 和 let 区别既然 var 和 let 都是用来定义变量，那么它们...
2018-11-28 15:21:35
172
原创 HTTP基础知识
前言在学习node.js时，网址解析这部分内容涉及到HTTP知识。通信协议HTTP，全称HyperText Transfer Protocol。在了解这块知识之前得先理解URL和URI。URL：Uniform Resource Identifier 统一资源标志符 URI ：Universal Resouce Locator 统一资源定位符譬如，http://imooc.c...
2018-11-26 14:30:09
241
原创 JS动画-链式运动以及在此基础上完善实现同时运动
之前写了几篇JS动画实现了缓冲运动，改变宽，高，透明度的效果，但是这些动画效果都没有同时作用于某一个元素，譬如，想要实现一个DIV元素先变宽，再变高，最后透明度再来个变化，也就是链式运动，这该如何实现呢，又譬如，想要一个DIV元素在鼠标移入时，它的宽高透明度同时改变，这又该如何实现呢。先解决第一个问题，链式运动。将所有的动画运动效果封装成在一起，取名为move.js.可见，链式的实现在于添...
2018-11-21 09:24:49
533
原创 JS动画-获取样式
探讨JS动画中获取样式的缘故，是因为在添加边框之后的元素缩小其宽度时，会出现不减反增的bug。如下：<style> #div1{width: 200px;height: 200px;background: red;border: 1px solid black;}</style><div id="div1"></div><...
2018-11-20 13:32:52
268
原创 JS动画-移入移出
移入移出动画效果的实现主要用到了定时器。定时器即 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。它会不停地调用函数，直到clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。HTML<div id="div"> <span>...
2018-11-16 13:58:44
1248
原创 Java基础知识点
背景Java 1995诞生sum -> oracle(2009)核心基础Java SE--面向对象，API，JVM Java EE -- JSP，EJB，服务 Java ME -- 移动设备，游戏，通信jvm（java virtual machine）源文件.java -> comoiler(编译器) ->...
2018-11-15 15:28:29
177
原创 JS实现QQ面板-拖曳效果
实现的功能是将整个QQ面板在特定区域点击鼠标按下移动，面板会随着光标移动而移动，这可以称为鼠标跟随效果，也叫拖曳效果。首先是确定HTML结构，定义一个父元素模拟整个QQ面板，设置标题区域用于JS选中进行拖曳。<div class="loginPanel" id="loginPanel"> <div id="title"></div><
2018-11-15 11:09:10
362
原创 JS实现QQ面板-修改状态功能
实现的功能是在点击状态时显示状态列表，选中不同状态会切换当前状态，点击屏幕其他地方可以隐藏状态列表。由此可见，实现该效果需要三个功能组成。首先确定HTML结构，状态有三部分表示，当前状态的图标；一个向下的箭头；当前状态字样。状态列表中内容由状态图标和状态字样组成。<div id="loginState" class="login-state-trigger login-state"...
2018-11-14 11:45:55
403
原创 CSS3新特性-多栏布局
为了实现类似报纸，杂志的多列排版的布局，CSS3新增了一个多列布局模块（css multi column layout module）。主要应用在文本的多列布局方面。语法：colums:<column-width> || <column-count>譬如三栏布局，每栏内容宽度为150pxcolumns: 150px 3;column-width属性...
2018-11-13 09:39:45
1629
原创 JavaScript实现瀑布流式布局
瀑布流，又称瀑布流式布局。视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。 就是如下这样的布局：这样式的布局，每张图片等宽不等高，在页面上从左到右依次排列，从第二行开始，每一张图片插入到前一行整列高度最小的下方，并且随着滚动条向下移动还会不断加载新的图片，还是像之前的布局一样插入。因此，实现瀑布流布局应该达到两种效果，一个是瀑布流样...
2018-11-08 13:54:06
960
原创 jQuery-动画
直接隐藏/显示效果hide()方法如果想让一个页面中的元素不可见，可以修改css中display的值为none，但这样的修改只是改变了静态布局。如果想在代码执行时有这样的效果，一般是用JS控制元素的style属性，jQuery中提供hide()方法来实现这样的效果。$("element").hide(options)其中这个option参数，可以有也可以没有，但有的时候，这个方...
2018-11-05 16:57:13
155
原创 jQuery-事件
在交互操作中,最简单直接的操作就是点击操作.点击事件click方法,用于监听用户单击操作 dbclick方法,用于监听用户双击操作两种点击事件相似,就来以click方法为例方法一：$ele.click()绑定$ele元素，不带任何参数一般是用来指定触发一个事件$("ele").click(function(){ alert("触发指定事件");})$("#te...
2018-11-05 14:15:08
173
原创 事件委托和事件对象
上一篇文章写的事件冒泡中的冒泡优点，涉及到了事件委托和事件对象(事件源)，感觉一笔带过没有深入好好的了解，这不是一个好的学习态度呀，惭愧惭愧。基本的概念就不再赘述了，贴心弄个传送门，不清楚了去看一看吧 ==》。那现在直接上栗子吧，上篇是原生JS，这次有用jQuery也有用到JS测试，需求是点击每一个列表项时都可以有相应的弹框出现。<ul> <li>这是个...
2018-11-02 17:27:13
779
原创 事件冒泡(事件委托)
说是初认识，其实也不算了，刚学习JS时就已经听过事件的冒泡和捕获的大名，但真是不知所云，也是不求甚解，迷惑了很久，今天终决定好好来了解一下这个冒泡。在此之前呢，不得不提一下事件流：描述的是从页面中接受事件的顺序。什么是冒泡当事件发生后，这个事件就要开始传播(从里到外或者从外向里)。为什么要传播呢？因为事件源本身（可能）并没有处理事件的能力，即处理事件的函数（方法）并未绑定在该事件源上...
2018-11-01 16:33:58
314
Node.js入门中英版
2019-02-13
convert数据转换案列
2019-01-23
C# convert文档格式转换
2019-01-16
前端学习记录面试题
2018-09-21
JS中各种方法的实例
2018-09-05
JS中各种方法的试验实例
2018-09-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人