- 博客(59)
- 收藏
- 关注
RSS订阅转载 js闭包和原型链好文
http://www.cnblogs.com/wangfupeng1988/p/3977924.html转载于:https://www.cnblogs.com/yuaima/p/6538047.html
2017-03-12 15:33:00
120
转载 HTML5----canvas
如何创造一个画布呢？首先在html页面中声明<canvas id='canvas'></canvas>然后再js中获取这个标签var canvas = document.getElementById('canvas');var context =canvas.getContext('2d');//使用context进行绘制1.首先...
2016-09-26 20:45:00
134
转载 webSQL
上一节讲述了localStorage,sessionStorage本地存储，但是如何实现本地数据库存储呢？这一节将讲述本地存储方式websql存储。websql存储方式一共有以下几个方法openDatabase:这个方法使用现有的数据库或新建数据库来创建数据库对象。transaction：这个方法允许我们执行事务处理;executeSql:这个方法用于执行sql语句;...
2016-09-26 15:19:00
162
转载 html5 localStorage讲解
早期的web中使用cookies在客户端保存诸如用户名等简单的信息，但是，在使用cookies存储永久数据存在以下问题。1.cookies的大小限制在4kB，不适合大量的数据存储。2.浏览器还限制站点可以在用户计算机上存储的cookies的数量。3 cookies是随HTTP事务一起被发送的，因此会浪费一部分带宽。HTML5很好的提供了本地存储的功能，以键值对存储的解决方...
2016-09-25 16:11:00
112
转载 对象原型
如何判断一个对象的方法是来自这个本身的还是原型的？function Person() {} Person.prototype.name="Nicholas";Person.prototype.age=29;Person.prototype.sayName=function(){ alert(this.name);} var person1...
2016-09-23 20:32:00
91
转载 webpack开发指南1
怎么安装Webpack安装node.js首先需要安装Node.js，node自带了包管理工具npm。安装webpack使用npm install webpack -g，webpack全局安装到了本地环境中，就可以使用webpack命令了。在项目中使用webpack通过npm init实例化package.json文件。通过npm install webpa...
2016-09-21 21:36:00
79
转载 nth-child,nth-of-type
首先，这两个选择器是用来干什么的？举例子p：nth-child(1);这个选择器选择的是p所有父辈元素中第一个子元素，且这个子元素为p，此时就生效。p:nth-of-type（1）;这个选择器选择的是p所有父辈元素中所有p元素集合中第一个p元素生效。看下面的例子 div11111111 1...
2016-09-17 10:52:00
117
转载 node小爬虫
这一章主利用node的http模块制作一个网页的小爬虫来爬去网页信息，其中对于后端html的节点的获取采用了cheerio模块，这/** * Created by Administrator on 2016/9/16. */var http = require('http');var cheerio = require('cheerio');var url =...
2016-09-16 16:19:00
75
转载 node知识
node中的urlurl中的方法：parse，resolve，format；方法parse：例子：url.parse('http://imooc.com/course/list');结果：{protocol:'http',slashes:true,auth:null,host:'imooc.com',port:null,hostname:'im...
2016-09-15 21:03:00
84
转载 css之单行缩略..以及多行缩略
html单行缩略方法.oneline { white-space: nowrap; //强制文本在一行内输出 overflow: hidden; //隐藏溢出部分 text-overflow: ellipsis; //对溢出部分加上...}html多行缩略(主要针对webkit内核).multiline { displa...
2016-09-15 17:01:00
455
转载 html两大布局
html布局之圣杯布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>圣杯布局</title> <link href="buju1.css" type="text/css" re...
2016-09-15 16:58:00
132
转载 react小项目
本章要讲述一个评价栏的制作。首先先简单写一个ract组件来试试。index.html<!DOCTYPE html><html><head> <title>Hello React</title> <script src="../js/jquery.min.js"></s...
2016-09-13 18:28:00
125
转载 react.js知识汇总
首先ract的基本结构var Input = React.createClass({ getInitialState: function() { return {value: 'Hello!'}; }, getDefaultProps:function(){ return { }}, handleChange: functio...
2016-09-12 09:41:00
69
转载 AjAX2 异步通信 异常处理
<!DOCTYPE html><html lang="en"><head> <title>xmlhttprequest ajax demo</title> <script type ="text/javascript" language ="javascript" > ...
2016-09-05 15:41:00
95
转载 AjAX 异步通信
<!DOCTYPE html><html lang="en"><head> <title>xmlhttprequest ajax demo</title> <script type ="text/javascript" language ="javascript" > ...
2016-09-05 13:49:00
159
转载 cordova 一个将web应用程序封装成app的框架
cordova的详细介绍请参考这个链接：http://www.zhoujingen.cn/blog/7034.html我接下来主要将如何搭建。1.首先你需要下载几样东西1.jdk.2.android_SDK.2.安装这两个，并配置环境变量这里jdk的环境变量配置我就不细说了。android_SDK的环境变量配置C:\Development\android-...
2016-07-17 09:52:00
547
转载 node 单线程异步非阻塞
链接：http://www.runoob.com/nodejs/nodejs-callback.html首先什么是单线程异步非阻塞？单线程的意思整个程序从头到尾但是运用一个线程，程序是从上往下执行的。异步操作就是程序虽然是从上到下执行的，但是某个函数执行时间过长时并不会阻塞在那里等待它执行完，然后在执行下面的代码。非阻塞也就是这个意思。为什么node是异步非阻塞的呢，得...
2016-07-13 19:57:00
199
转载 node_promise
学习链接http://liubin.org/promises-book/#__5转载于:https://www.cnblogs.com/yuaima/p/5657664.html
2016-07-10 14:39:00
55
转载 nodejs，npm 安装配置步骤
http://xiaoyaojones.blog.163.com/blog/static/28370125201351501113581/参照上述网址中的方法特别强调一下，在第三步的时候，在命令行中输入“npm install express -g”之前要将 "C:\Program Files\nodejs\node_global"地址放到系统path中。转载于:https:...
2016-05-26 20:47:00
75
转载 Tab切换
这一章讲述如何实现Tab的切换功能关于Tab切换功能可以从四个方面来讲鼠标移动到上面就切换，点击切换，自动切换，延迟切换，既可以手动切换同时也自动切换。首先html文件准备<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/...
2016-04-26 20:54:00
70
转载 html5 拖放
实现图片的拖放<!DOCTYPE html><html><head><title>拖放</title><style>.div1{width:300px;height:300px;background-color:blue;}.div2{width:300px;h...
2016-04-21 15:03:00
78
转载 自适应布局
关于自适应布局，主要是在不同的设备中，显示都能达到一种理想的效果，所以采用了自适应。<!DOCTYPE html><html> <head> <title>layout.html</title> <meta name="keywords" content="keyword1...
2016-04-18 21:27:00
58
转载 径向渐变
提供一个网址http://www.w3cplus.com/css3/new-css3-radial-gradient.html转载于:https://www.cnblogs.com/yuaima/p/5378974.html
2016-04-11 16:40:00
106
转载 react小组件
http://ant.design/docs/react/install转载于:https://www.cnblogs.com/yuaima/p/5290757.html
2016-03-18 09:12:00
74
转载 react
<!DOCTYPE html><html><head><title>Hello world</title><script src="..../.react.js"></script><script src=".../.JSXTransformer.js"></sc...
2016-03-10 21:46:00
66
转载 flex布局--小实例
圣杯布局（Holy Grail Layout）指的是一种最常见的网站布局。页面从上到下，分成三个部分：头部（header），躯干（body），尾部（footer）。其中躯干又水平分成三栏，从左到右为：导航、主栏、副栏。本章就用flex布局来设计圣杯布局先放上代码html代码<!DOCTYPE html><html lang="en">&...
2016-03-10 17:01:00
85
转载 flex布局
本章内容主要讲述flex布局的基本内容。个人讲不好，再次推荐好的链接flex布局基本语法篇http://www.ruanyifeng.com/blog/2015/07/flex-examples.html?bsh_bid=683103006flex布局实战篇http://www.ruanyifeng.com/blog/2015/07/flex-examples.html?...
2016-03-09 21:20:00
60
转载 正则表达式--小脚本(对输入内容进行处理)
该小脚本实现的是对输入框内容中取出<img>标签中的src中的内容，然后在原来位置进行替换内容，然后在去除输入内容中的html标签，空格等操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...
2016-03-09 18:51:00
116
转载 js 正则表达式 贪婪与惰性
首先引入一个介绍比较详细的网站http://www.jb51.net/article/31491.htm接下来是本人的简介其实贪婪和惰性很容易理解，从字面意思我们就可以知道，所谓的"贪婪"的意思就是，如果符合要求就一直往后匹配，一直到无法匹配为止，这就是贪婪模式。所谓的惰性模式就是一旦匹配到合适的就结束，不在继续匹配下去了，下面我介绍几个例子来主要讲述一下。首先讲述一下贪...
2016-03-09 18:43:00
130
转载 js 正则表达式2
对于某些特殊的字符，我们 必须转义一下才可以使用。(注意一点，我们使用那些需要转义的字符是通过"\"+相应的字符来构成的，记住是"\",而不也是"/").特别字符说明$匹配输入字符串的结尾位置。如果设置了RegExp对象的Multiline属性，则$也匹配'\n'或'\r'。要匹配$字符本身，请使...
2016-03-09 15:28:00
65
转载 sass
推荐一个地址：http://www.w3cplus.com/sassguide/转载于:https://www.cnblogs.com/yuaima/p/5258263.html
2016-03-09 15:08:00
84
转载 js 正则表达式
1首选正则表达式的形式有两种(1).第一种 new RegExp("ada","igm");其中"ada"表示要匹配的形式，"igm"表示的是i(忽略大小写），g(全局匹配)，m(多行匹配)。(2).第二种 /adajsk/ig;2.正则的两种校验方法：test，exec。注意这两种方法是正则的方法<script>var pattern=/box/i...
2016-03-06 21:13:00
64
转载 css--动画
一般我们都认为html+css只能创建静态页面，其实css3中已经可以创建动态页面。这一章我们就来讲述一下如何通过css创建动画。css中创建动画是通过@keyframes准则来标定的规定动画的时长，规定动画的名称首先我们还是通过程序来看一下。<!DOCTYPE html><html><head lang="en"&g...
2016-01-17 10:19:00
63
转载 javascript---call，apply，bind
对于这三个函数，估计大家都还是很模糊，具体是用来干什么？简而言之，是用来对象冒充的。首先这三个方法是每个函数都包含的非继承的的方法。我来搬砖一下，此文引用http://www.cnblogs.com/cosiray/p/4512969.htmljavscript中call，apply，bind的区别在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的...
2016-01-17 09:57:00
61
转载 javascript---闭包
这一章我来介绍一下闭包，具体什么是闭包呢？这是个比较复杂深奥的问题。由于本人出去面试，发现面试官特别喜欢问这个问题。所以回来就特意将这个问题了解了一下。本人的理解也是参考别人的解释。找了一篇解释很详细的文章。这里结合本人的理解叙述一下。一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javasc...
2016-01-16 21:31:00
107
转载 js--同步运动json下
这一节针对上一节讲述的bug，我们来处理一下。这个bug存在的原因就是，一旦只要有一个属性值达到目标值就会清除定时器，所以我们要改变 的就是清除定时器的那么部分。看下面的修改var timer;window.onload=function(){ var div=document.getElementById("div1"); div.onmouseo...
2016-01-11 16:01:00
66
转载 js--同步运动json上
如何实现几个属性的同时变化？这个问题需要运用到json，这里我们先来简要的介绍一下jsonjson的形式是这样的，他的元素是有一对对的键值对组成的{name1：value1，name2：value2，name3：value3.....}遍历它的方式for（var name in json){alert(name);}依次获得是name1，name2,name3,....
2016-01-11 15:33:00
58
转载 js动画--链式运动
前面几节我们只是讲述了一种运动，这节课我将讲述链式运动：就以一个动作接着一个动作完成。对于这个实现，我们只需要改变一下就可以实现了，设置一个回调函数。var timer;window.onload=function(){ var div=document.getElementById("div1"); div.onmouseover=function(...
2016-01-11 14:32:00
72
转载 js动画--封装透明度
这一章我将讲述一些如何将透明度的变化也封装到调用函数中，对于前面几节课的介绍，已经将基本的属性封装到函数中了，宽，长等属性。关于透明度的变化还是有一点区别的，这一章我将封装透明度先创建一个div<!DOCTYPE html><html><head><title>js动画事件</title><li...
2016-01-11 10:31:00
86
转载 js动画--一个小bug处理下
对于上面的课程我们很好的处理了一个小bug，那么我们现在讲程序进行优化一下，前一节的程序中，我们处理处理的属性都是写死了的。为了我们能够很好的对某个属性进行操作的话。我们这样来设置。js文件window.onload=function(){ var ls=document.getElementsByTagName("li"); for(var i=0,l=...
2016-01-10 15:01:00
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人