水月夜-CSDN博客

原创闭包问题 let实现

之前有了解过很多闭包知识，还算清楚概念。闭包就是能够读取其他函数内部变量的函数。通常情况下，js函数的外部是无法读取函数内部的变量，但是函数内部可以读取函数外部的变量。而有时候，我们会需要得到函数内部的局部变量，就需要用到闭包。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。简单的说，Javascript允许使用内部函数—即函数定义和

2017-03-19 11:26:19 3331

现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS，ReactJs的虚拟DOM（Virtual DOM）和组件化的开发深深的吸引了我，下面来跟我一起领略 ReactJS的风采吧~~ 章有点长，耐心读完，你会有很大收获哦~一、ReactJS简介React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架

2017-03-19 11:08:45 821

转载 react的工作原理

现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS，ReactJs的虚拟DOM（Virtual DOM）和组件化的开发深深的吸引了我，下面来跟我一起领略ReactJs的风采吧~~ 文章有点长，耐心读完，你会有很大收获哦~ 一、ReactJS简介　　React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaSc

2017-03-06 09:43:30 26551 4

原创 vuejs 制作背景淡入淡出切换动画

安装好vuejs之后，在components里添加Background.vue代码如下<template> <div class="Background"> <div class="bg"> <transition v-bind:css="false" v-on:before-enter="beforeEnter" v-on

2017-03-02 16:06:30 12002

原创 vuejs 学习（一）

1.安装vue.js// 全局安装 vue-cli$ npm install --global vue-cli// 创建一个基于 webpack 模板的新项目$ vue init webpack my-project// 安装依赖，走你$ cd my-project$ npm install$ npm run dev2.如今安装的是2.x版本，如果是根据视频学习，会发现有滞后，讲解的是

2017-03-01 13:19:56 5089 2

转载 HTTP cookies 详解

HTTP cookies，通常又称作"cookies"，已经存在了很长时间，但是仍旧没有被予以充分的理解。首要的问题是存在了诸多误区，认为cookies是后门程序或病毒，或压根不知道它是如何工作的。第二个问题是对于cookies缺少一个一致性的接口。尽管存在着这些问题，cookies仍旧在web开发中起着如此重要的作用，以至于如果cookie在没有可替代品出现的情况下消失，我们许多喜欢的Web应用

2017-02-28 10:55:53 347

转载 defer和async的区别

转载于: url先来试个一句话解释仨，当浏览器碰到 script 脚本的时候：没有 defer 或 async，浏览器会立即加载并执行指定的脚本，“立即”指的是在渲染该 script 标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。有 async，加载和渲染后续文档元素的过程将和 script.js 的加载与执行并行进行（异步）。

2017-02-28 10:16:20 293

原创 react-webpack 照片墙制作（三）

最后照片墙做出来，按照视频中的操作。无法显示在github上，需要做点修改发布前需要修改index.html <script type="text/javascript" src="assets/app.js"></script>以及default.js里的这是修改为绝对路径module.exports = { srcPath: srcPath, publicPath: 'assets/

2017-02-26 23:37:10 833 1

原创 react-webpack 照片墙制作（二）

接着一的内容，我们继续。之前准备工作以及舞台数据等都准备好了。接下来，先对单个图片的布局样式设置好，在src/components的main.js里添加如下代码//单个图片组件class ImgFigure extends React.Component{ render(){ return( <figure className="img-figure" >

2017-02-25 10:31:05 1665

原创 react-webpack 照片墙制作（一）

这段时间开始学习react与webpack，在慕课网中看一个照片墙的制作，以下是我自己的学习过程。因为react-webpack的更新，视频中的很多过程用现在的环境是错误的，接下来我带着大家一起来排坑。学习react的话推荐阮一峰的React 入门实例教程学习webpack的话推荐慕课网的视频**准备工作** nodejs等其它基本环境这里不赘述。首先我们新建自己的一个项目文件夹

2017-02-24 16:35:45 2390 3

转载 js中let和var定义变量的区别

转载于： nfer_cn的专栏javascript 严格模式第一次接触let关键字，有一个要非常非常要注意的概念就是”JavaScript 严格模式”，比如下述的代码运行就会报错：let hello = 'hello world.';console.log(hello);1212错误信息如下：let hello = 'hello world.';^^^Syn

2017-02-22 11:37:53 426

转载 Javascript 中的神器——Promise

Javascript 中的神器——PromisePromise in js回调函数真正的问题在于他剥夺了我们使用 return 和 throw 这些关键字的能力。而 Promise 很好地解决了这一切。2015 年 6 月，ECMAScript 6 的正式版终于发布了。ECMAScript 是 JavaScript 语言的国际标准，JavaScript 是

2017-02-21 15:20:19 649

转载 JS中的call、apply、bind方法

JS中的call、apply、bind方法时间 2015-06-27 23:40:00 博客园-原创精华区原文 http://www.cnblogs.com/jingwhale/p/4604917.html主题 JavaScriptJS中的call、apply、bind方法一、call()和apply()方法1.方法定义call方

2017-02-16 17:06:31 295

转载 JavaScript中的setInterval用法

JavaScript中的setInterval用法setInterval动作的作用是在播放动画的时，每隔一定时间就调用函数，方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下：setInterval(function,interval[,arg1,arg2,......argn])setInterval(object,me

2017-02-16 11:56:39 459

转载 javascript的self和this使用小结

一、self这个非常简单。我们知道，打开任何一个网页，浏览器会首先创建一个窗口，这个窗口就是一个window对象，也是js运行所依附的全局环境对象和全局作用域对象。self 指窗口本身，它返回的对象跟window对象是一模一样的。也正因为如此，window对象的常用方法和函数都可以用self代替window。举个例子，常见的写法如“self.close();”，把它放在标记中：“关闭窗口”，单

2017-02-16 11:07:54 1926

转载用#id取得的jQuery对象与document.getElementByIdid所得到的DOM对象区别

转载于：贤心博客用#id作为选择符取得的是jQuery对象而并非是document.getElementById(’id’)所得到的DOM对象，两者并不等价。var $cr=$('#cr');//jQuery对象var cr=document.getElementById('cr');//DOM对象123代码laycode - v1.1如果console.l

2017-02-06 15:02:43 4988

转载中国天气网-天气预报接口api

中国天气网-天气预报接口api　　中国天气网地址：http://www.weather.com.cn　　请求服务 : 查询实时天气信息http://www.weather.com.cn/data/sk/101110101.html　　在浏览器中输入请求地址，获得西安的天气。　　其中101110101是城市的代码，如果要查询其他城市

2017-01-20 15:27:31 16590

转载 VSCode 快捷键 Windows版

VSCode 快捷键 Windows版发布时间: 2017-01-01 16:51 作者: VSCode中文网VSCode 快捷键 Windows版VSCode 快捷键 Mac版VSCode 快捷键 Linux版**全局**Ctrl + Shift + P, F1 显示命令面板Ctrl + P 快速打开Ctrl + Shift + N

2017-01-20 14:58:13 722

转载小程序tabbar跳转

作者：七月在夏天链接：https://zhuanlan.zhihu.com/p/24495203来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。昨天朋友跑过来说微信更新了6.3.2版本，真机运行小程序有不少的问题。主要集中在wx.redirectTo方法无法正常跳转，且没有任何错误提示。但模拟器上是没有任何问题的。我当时就很“紧张”。小程序又要

2017-01-20 14:51:58 72941 1

转载微信小程序 rpx

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.微信小程序尺寸单位rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPho

2016-12-30 11:42:14 618

转载移动端开发--物理像素和逻辑像素

虽说在在web app开发中，只需要掌握页面布局，页面适配，能够将页面完美在各种设备上展现。但是，为什么要这样做？这样做原理是什么？这么优点是什么？深究下去，大家不一定很清晰。那么，咱们一起学习下~一、2种像素设备像素设备像素是指设备中使用的物理像素，又称硬件像素css像素css像素是指cs

2016-12-30 11:40:26 4506

转载 Javascript中的hasOwnProperty

判断一个属性是定义在对象本身而不是继承自原型链，我们需要使用从 Object.prototype 继承而来的 hasOwnProperty 方法。hasOwnProperty 方法是 Javascript 中唯一一个处理对象属性而不会往上遍历原型链的。// Poisoning Object.prototypeObject.prototype.bar = 1;var foo = {goo

2016-12-28 17:36:21 460

原创闭包的相关解释合集（来源于知乎）

作者：wyatt-pan链接：https://www.zhihu.com/question/19554716/answer/12763637来源：知乎著作权归作者所有，转载请联系作者获得授权。JavaScript 中的闭包与其 Scope Chain 特性真是密不可分的.JavaScript 中的闭包:例子:def foo() {var a = 1;def

2016-12-28 16:10:55 764

转载 npm升级所有可更新包

使用npm管理node的包，可以使用 npm update 对单个包升级，但是没有命令能够把当前所有包都升级。一个一个包的升级实在是太麻烦，就想找到一个升级所有本地包的方法: shell脚本和 npm-ckeckshell脚本使用shell脚本升级npm包，首先所在找到需要升级的包和版本号，再使用 npm install 完成升级。npm -g 是管理本地

2016-12-28 12:20:01 9152

转载 :before和 :after

现在我们经常在 html 源码中看到如下的写法：这里的 ::after 和 ::before 就是我们今天来探讨的 css 伪元素之二 - :before && :after。伪元素首先我们要明白什么是伪元素，css 设置伪元素是为了方便给某些选择器添加特殊的效果。伪元素的语法格式一般为：selector:pseudo-element {property:v

2016-12-28 12:15:51 263

原创伪类与伪元素

CSS中一个冒号和两个冒号有神马区别？这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。W3C关于CSS3选择器的规范中有一段描述：A pseudo-element is made of two colons (::) followed by the name of

2016-12-28 12:04:21 261

转载实例讲解CSS3中Transform的perspective属性的用法

基础CSS3的transform可以做2D的操作，当然也有3D。但需要再一个拥有perspective属性的父元素才能显现3D的效果。例如：XML/HTML Code复制内容到剪贴板div id="div1"> div id="div2">3Ddiv> div> perspective属性固名思义就是透视的意思；该属性可以定义3D视觉的角度

2016-12-27 20:54:38 2583

转载 reactjs中props和state最佳实践

reactjs中props和state最佳实践翻译文章：ReactJS Props vs State Best Practicesprops & state的误用产生的bug，花费了我们大量的修复时间。在一个app中如果包含有成百不可见的危险代码，对我们的应用将是非常危险和头痛的事情。这篇文章中，你将明白这些不可预知的行为产生的原因，这样在编程中出错将变得非常困难。这

2016-12-27 11:23:38 912

转载 JS中this的四种用法

JS中this的四种用法1.在一般函数方法中使用 this 指代全局对象12345function test(){　　　　this.x = 1;　　　　alert(this.x);　　}　　test(); // 12

2016-12-27 11:20:31 644

转载 JavaScript中的this,call,apply使用及区别详解

在之前的JavaScript学习中，this,call,apply总是让我感到迷惑，但是他们的运用又非常的广泛。遂专门花了一天，来弄懂JavaScript的this,call,apply。中途参考的书籍也很多，以《JavaScript设计模式与开发实践》为主，《JavaScript高级程序设计》、《你不知道的JavaScript》为辅。这三本书对我理解this,call,apply都起了很

2016-12-26 15:38:43 405

转载 call 与 apply

call 方法: 调用一个对象的一个方法，以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,argN]]]]])参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变

2016-12-26 15:21:42 241

转载 HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢？

先看下面的例子你就能明白两者的差别：测试一下块元素与内联元素的差别测试一下块元素与内联元素的差别在上面的例子中，会自己产生一个新的行，而并没有换行,这是在没有CSS渲染的情况下才这样，同样，我们也可以通过CSS把div定义成内联元素，把span定义成块元素，但是，我们却不能在HTML里任意转化它们，块元素可以包含内联元素或某些块元素（上面的例子其实是错误

2016-12-17 14:42:28 982

原创浮动布局、圣杯布局、双飞翼布局3种布局的代码与分析。

前一篇文章提到了margin的问题，如今已经翻篇。现在来弹一下布局，这个很重要。。不多废话。一言不和上代码。1.先看浮动布局HTML 左边右边中间(浮动布局) 注意看这个左右与中间的位置，一会再观察后面布局的位置，这个区别后面说。这里包括后面提到的的screen都是当body使用的，假设这个是bodyt的宽

2016-08-21 18:39:43 520

原创菜鸟对margin的疑惑

作为一名跨专业的前端来说，这个真是一种无以言表的滋味，从搞建筑的到搞电脑的。。。。你懂得。。这是我自学前端大概半年的基础，如今姑且算是入门了。为了丰富瓶颈就去报了个就业班。而其中有一个题目是研究正常盒子与怪异盒子的比对。于是。。。。第一个是正常盒子模型，对其用flex都是使其居中了，html代码如下盒模型

2016-08-19 11:50:55 564 1

水月夜的博客