- 博客(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
171
转载 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
186
转载 webSQL
上一节讲述了localStorage,sessionStorage本地存储，但是如何实现本地数据库存储呢？ 这一节将讲述本地存储方式websql存储。 websql存储方式一共有以下几个方法 openDatabase:这个方法使用现有的数据库或新建数据库来创建数据库对象。 transaction：这个方法允许我们执行事务处理; executeSql:这个方法用于执行sql语句;...
2016-09-26 15:19:00
224
转载 html5 localStorage讲解
早期的web中使用cookies在客户端保存诸如用户名等简单的信息，但是，在使用cookies存储永久数据存在以下问题。 1.cookies的大小限制在4kB，不适合大量的数据存储。 2.浏览器还限制站点可以在用户计算机上存储的cookies的数量。 3 cookies是随HTTP事务一起被发送的，因此会浪费一部分带宽。 HTML5很好的提供了本地存储的功能，以键值对存储的解决方...
2016-09-25 16:11:00
150
转载 对象原型
如何判断一个对象的方法是来自这个本身的还是原型的？ 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
116
转载 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
103
转载 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
150
转载 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
102
转载 node知识
node中的url url中的方法： 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
111
转载 css之单行缩略..以及多行缩略
html单行缩略方法 .oneline { white-space: nowrap; //强制文本在一行内输出 overflow: hidden; //隐藏溢出部分 text-overflow: ellipsis; //对溢出部分加上... } html多行缩略(主要针对webkit内核) .multiline { displa...
2016-09-15 17:01:00
510
转载 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
159
转载 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
194
转载 react.js知识汇总
首先ract的基本结构 var Input = React.createClass({ getInitialState: function() { return {value: 'Hello!'}; }, getDefaultProps:function(){ return { }}, handleChange: functio...
2016-09-12 09:41:00
99
转载 AjAX2 异步通信 异常处理
<!DOCTYPE html> <html lang="en"> <head> <title>xmlhttprequest ajax demo</title> <script type ="text/javascript" language ="javascript" > ...
2016-09-05 15:41:00
127
转载 AjAX 异步通信
<!DOCTYPE html> <html lang="en"> <head> <title>xmlhttprequest ajax demo</title> <script type ="text/javascript" language ="javascript" > ...
2016-09-05 13:49:00
198
转载 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
672
转载 node 单线程异步非阻塞
链接：http://www.runoob.com/nodejs/nodejs-callback.html 首先什么是单线程异步非阻塞？ 单线程的意思整个程序从头到尾但是运用一个线程，程序是从上往下执行的。异步操作就是程序虽然是从上到下执行的，但是某个函数执行时间过长时并不会阻塞在那里等待它执行完，然后在执行下面的代码。非阻塞也就是这个意思。 为什么node是异步非阻塞的呢，得...
2016-07-13 19:57:00
250
转载 node_promise
学习链接 http://liubin.org/promises-book/#__5 转载于:https://www.cnblogs.com/yuaima/p/5657664.html
2016-07-10 14:39:00
77
转载 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
100
转载 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
97
转载 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
108
转载 自适应布局
关于自适应布局，主要是在不同的设备中，显示都能达到一种理想的效果，所以采用了自适应。 <!DOCTYPE html> <html> <head> <title>layout.html</title> <meta name="keywords" content="keyword1...
2016-04-18 21:27:00
80
转载 径向渐变
提供一个网址 http://www.w3cplus.com/css3/new-css3-radial-gradient.html 转载于:https://www.cnblogs.com/yuaima/p/5378974.html
2016-04-11 16:40:00
139
转载 react小组件
http://ant.design/docs/react/install 转载于:https://www.cnblogs.com/yuaima/p/5290757.html
2016-03-18 09:12:00
95
转载 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
94
转载 flex布局--小实例
圣杯布局（Holy Grail Layout）指的是一种最常见的网站布局。页面从上到下，分成三个部分：头部（header），躯干（body），尾部（footer）。其中躯干又水平分成三栏，从左到右为：导航、主栏、副栏。 本章就用flex布局来设计圣杯布局 先放上代码 html代码 <!DOCTYPE html> <html lang="en"> &...
2016-03-10 17:01:00
110
转载 flex布局
本章内容主要讲述flex布局的基本内容。个人讲不好，再次推荐好的链接 flex布局基本语法篇 http://www.ruanyifeng.com/blog/2015/07/flex-examples.html?bsh_bid=683103006 flex布局实战篇 http://www.ruanyifeng.com/blog/2015/07/flex-examples.html?...
2016-03-09 21:20:00
81
转载 正则表达式--小脚本(对输入内容进行处理)
该小脚本实现的是对输入框内容中取出<img>标签中的src中的内容，然后在原来位置进行替换内容，然后在去除输入内容中的html标签，空格等操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>...
2016-03-09 18:51:00
144
转载 js 正则表达式 贪婪与惰性
首先引入一个介绍比较详细的网站 http://www.jb51.net/article/31491.htm 接下来是本人的简介 其实贪婪和惰性很容易理解，从字面意思我们就可以知道，所谓的"贪婪"的意思就是，如果符合要求就一直往后匹配，一直到无法匹配为止，这就是贪婪模式。所谓的惰性模式就是一旦匹配到合适的就结束，不在继续匹配下去了，下面我介绍几个例子来主要讲述一下。 首先讲述一下贪...
2016-03-09 18:43:00
184
转载 js 正则表达式2
对于某些特殊的字符，我们 必须转义一下才可以使用。(注意一点，我们使用那些需要转义的字符是通过"\"+相应的字符来构成的，记住是"\",而不也是"/"). 特别字符说明$匹配输入字符串的结尾位置。如果设置了RegExp对象的Multiline属性，则$也匹配'\n'或'\r'。要匹配$字符本身，请使...
2016-03-09 15:28:00
86
转载 sass
推荐一个地址：http://www.w3cplus.com/sassguide/ 转载于:https://www.cnblogs.com/yuaima/p/5258263.html
2016-03-09 15:08:00
101
转载 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
83
转载 css--动画
一般我们都认为html+css只能创建静态页面，其实css3中已经可以创建动态页面。 这一章我们就来讲述一下如何通过css创建动画。 css中创建动画是通过@keyframes准则来标定的 规定动画的时长，规定动画的名称 首先我们还是通过程序来看一下。 <!DOCTYPE html> <html> <head lang="en"&g...
2016-01-17 10:19:00
86
转载 javascript---call，apply，bind
对于这三个函数，估计大家都还是很模糊，具体是用来干什么？简而言之，是用来对象冒充的。 首先这三个方法是每个函数都包含的非继承的的方法。 我来搬砖一下，此文引用 http://www.cnblogs.com/cosiray/p/4512969.html javscript中call，apply，bind的区别 在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的...
2016-01-17 09:57:00
89
转载 javascript---闭包
这一章我来介绍一下闭包，具体什么是闭包呢？这是个比较复杂深奥的问题。由于本人出去面试，发现面试官特别喜欢问这个问题。所以回来就特意将这个问题了解了一下。本人的理解也是参考别人的解释。找了一篇解释很详细的文章。这里结合本人的理解叙述一下。 一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javasc...
2016-01-16 21:31:00
152
转载 js--同步运动json下
这一节针对上一节讲述的bug，我们来处理一下。 这个bug存在的原因就是，一旦只要有一个属性值达到目标值就会清除定时器，所以我们要改变 的就是清除定时器的那么部分。看下面的修改 var timer; window.onload=function(){ var div=document.getElementById("div1"); div.onmouseo...
2016-01-11 16:01:00
87
转载 js--同步运动json上
如何实现几个属性的同时变化？这个问题需要运用到json，这里我们先来简要的介绍一下json json的形式是这样的，他的元素是有一对对的键值对组成的{name1：value1，name2：value2，name3：value3.....} 遍历它的方式 for（var name in json){ alert(name); } 依次获得是name1，name2,name3,....
2016-01-11 15:33:00
86
转载 js动画--链式运动
前面几节我们只是讲述了一种运动，这节课我将讲述链式运动：就以一个动作接着一个动作完成。 对于这个实现，我们只需要改变一下就可以实现了，设置一个回调函数。 var timer; window.onload=function(){ var div=document.getElementById("div1"); div.onmouseover=function(...
2016-01-11 14:32:00
104
转载 js动画--封装透明度
这一章我将讲述一些如何将透明度的变化也封装到调用函数中，对于前面几节课的介绍，已经将基本的属性封装到函数中了，宽，长等属性。关于透明度的变化还是有一点区别的，这一章我将封装透明度 先创建一个div <!DOCTYPE html> <html> <head> <title>js动画事件</title> <li...
2016-01-11 10:31:00
128
转载 js动画--一个小bug处理下
对于上面的课程我们很好的处理了一个小bug，那么我们现在讲程序进行优化一下，前一节的程序中，我们处理处理的属性都是写死了的。为了我们能够很好的对某个属性进行操作的话。我们这样来设置。 js文件 window.onload=function(){ var ls=document.getElementsByTagName("li"); for(var i=0,l=...
2016-01-10 15:01:00
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人