- 博客(34)
- 收藏
- 关注
原创 闭包问题 let实现
之前有了解过很多闭包知识,还算清楚概念。 闭包就是能够读取其他函数内部变量的函数。 通常情况下,js函数的外部是无法读取函数内部的变量,但是函数内部可以读取函数外部的变量。而有时候,我们会需要得到函数内部的局部变量,就需要用到闭包。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。 简单的说,Javascript允许使用内部函数—即函数定义和
2017-03-19 11:26:19
3348
转载 ReactJS
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略 ReactJS的风采吧~~ 章有点长,耐心读完,你会有很大收获哦~一、ReactJS简介React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架
2017-03-19 11:08:45
837
转载 react的工作原理
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJs的风采吧~~ 文章有点长,耐心读完,你会有很大收获哦~ 一、ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaSc
2017-03-06 09:43:30
26580
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
12022
原创 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
5111
2
转载 HTTP cookies 详解
HTTP cookies,通常又称作"cookies",已经存在了很长时间,但是仍旧没有被予以充分的理解。首要的问题是存在了诸多误区,认为cookies是后门程序或病毒,或压根不知道它是如何工作的。第二个问题是对于cookies缺少一个一致性的接口。尽管存在着这些问题,cookies仍旧在web开发中起着如此重要的作用,以至于如果cookie在没有可替代品出现的情况下消失,我们许多喜欢的Web应用
2017-02-28 10:55:53
360
转载 defer和async的区别
转载于: url先来试个一句话解释仨,当浏览器碰到 script 脚本的时候:没有 defer 或 async,浏览器会立即加载并执行指定的脚本,“立即”指的是在渲染该 script 标签之下的文档元素之前,也就是说不等待后续载入的文档元素,读到就加载并执行。有 async,加载和渲染后续文档元素的过程将和 script.js 的加载与执行并行进行(异步)。
2017-02-28 10:16:20
301
原创 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
846
1
原创 react-webpack 照片墙制作(二)
接着一的内容,我们继续。之前准备工作以及舞台数据等都准备好了。 接下来,先对单个图片的布局样式设置好,在src/components的main.js里添加如下代码//单个图片组件class ImgFigure extends React.Component{ render(){ return( <figure className="img-figure" >
2017-02-25 10:31:05
1679
原创 react-webpack 照片墙制作(一)
这段时间开始学习react与webpack,在慕课网中看一个照片墙的制作,以下是我自己的学习过程。因为react-webpack的更新,视频中的很多过程用现在的环境是错误的,接下来我带着大家一起来排坑。学习react的话推荐 阮一峰的React 入门实例教程 学习webpack的话推荐 慕课网的视频**准备工作** nodejs等其它基本环境这里不赘述。 首先我们新建自己的一个项目文件夹
2017-02-24 16:35:45
2409
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
435
转载 Javascript 中的神器——Promise
Javascript 中的神器——PromisePromise in js回调函数真正的问题在于他剥夺了我们使用 return 和 throw 这些关键字的能力。而 Promise 很好地解决了这一切。2015 年 6 月,ECMAScript 6 的正式版 终于发布了。ECMAScript 是 JavaScript 语言的国际标准,JavaScript 是
2017-02-21 15:20:19
657
转载 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
304
转载 JavaScript中的setInterval用法
JavaScript中的setInterval用法setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下:setInterval(function,interval[,arg1,arg2,......argn])setInterval(object,me
2017-02-16 11:56:39
466
转载 javascript的self和this使用小结
一、self这个非常简单。我们知道,打开任何一个网页,浏览器会首先创建一个窗口,这个窗口就是一个window对象,也是js运行所依附的全局环境对象和全局作用域对象。self 指窗口本身,它返回的对象跟window对象是一模一样的。也正因为如此,window对象的常用方法和函数都可以用self代替window。举个例子,常见的写法如“self.close();”,把它放在标记中:“关闭窗口”,单
2017-02-16 11:07:54
1953
转载 用#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
5004
转载 中国天气网-天气预报接口api
中国天气网-天气预报接口api 中国天气网地址:http://www.weather.com.cn 请求服务 : 查询实时天气信息http://www.weather.com.cn/data/sk/101110101.html 在浏览器中输入请求地址,获得西安的天气。 其中101110101是城市的代码,如果要查询其他城市
2017-01-20 15:27:31
16788
转载 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
745
转载 小程序tabbar跳转
作者:七月在夏天链接:https://zhuanlan.zhihu.com/p/24495203来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。昨天朋友跑过来说微信更新了6.3.2版本,真机运行小程序有不少的问题。主要集中在wx.redirectTo方法无法正常跳转,且没有任何错误提示。但模拟器上是没有任何问题的。我当时就很“紧张”。小程序又要
2017-01-20 14:51:58
86590
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
629
转载 移动端开发--物理像素和逻辑像素
虽说在在web app开发中,只需要掌握页面布局,页面适配,能够将页面完美在各种设备上展现。但是,为什么要这样做?这样做原理是什么?这么优点是什么?深究下去,大家不一定很清晰。那么,咱们一起学习下~一、2种像素设备像素设备像素是指设备中使用的物理像素,又称硬件像素css像素css像素是指cs
2016-12-30 11:40:26
4528
转载 Javascript中的hasOwnProperty
判断一个属性是定义在对象本身而不是继承自原型链,我们需要使用从 Object.prototype 继承而来的 hasOwnProperty 方法。hasOwnProperty 方法是 Javascript 中唯一一个处理对象属性而不会往上遍历原型链的。// Poisoning Object.prototypeObject.prototype.bar = 1;var foo = {goo
2016-12-28 17:36:21
474
原创 闭包的相关解释合集(来源于知乎)
作者: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
771
转载 npm升级所有可更新包
使用npm管理node的包,可以使用 npm update 对单个包升级,但是没有命令能够把当前所有包都升级。一个一个包的升级实在是太麻烦,就想找到一个升级所有本地包的方法: shell脚本和 npm-ckeckshell脚本使用shell脚本升级npm包,首先所在找到需要升级的包和版本号,再使用 npm install 完成升级。npm -g 是管理本地
2016-12-28 12:20:01
9184
转载 :before和 :after
现在我们经常在 html 源码中看到如下的写法:这里的 ::after 和 ::before 就是我们今天来探讨的 css 伪元素之二 - :before && :after。伪元素首先我们要明白什么是伪元素,css 设置伪元素是为了方便给某些选择器添加特殊的效果。伪元素的语法格式一般为:selector:pseudo-element {property:v
2016-12-28 12:15:51
272
原创 伪类与伪元素
CSS中一个冒号和两个冒号有神马区别?这好像真的是个问题,或许很多前端同学对此都有疑惑,查了些资料,证实了下两个符号的区别,简而言之:单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。W3C关于CSS3选择器的规范中有一段描述:A pseudo-element is made of two colons (::) followed by the name of
2016-12-28 12:04:21
279
转载 实例讲解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
2620
转载 reactjs中props和state最佳实践
reactjs中props和state最佳实践翻译文章:ReactJS Props vs State Best Practicesprops & state的误用产生的bug,花费了我们大量的修复时间。在一个app中如果包含有成百不可见的危险代码,对我们的应用将是非常危险和头痛的事情。 这篇文章中,你将明白这些不可预知的行为产生的原因,这样在编程中出错将变得非常困难。这
2016-12-27 11:23:38
921
转载 JS中this的四种用法
JS中this的四种用法1.在一般函数方法中使用 this 指代全局对象12345function test(){ this.x = 1; alert(this.x); } test(); // 12
2016-12-27 11:20:31
650
转载 JavaScript中的this,call,apply使用及区别详解
在之前的JavaScript学习中,this,call,apply总是让我感到迷惑,但是他们的运用又非常的广泛。遂专门花了一天,来弄懂JavaScript的this,call,apply。中途参考的书籍也很多,以《JavaScript设计模式与开发实践》为主,《JavaScript高级程序设计》、《你不知道的JavaScript》为辅。这三本书对我理解this,call,apply都起了很
2016-12-26 15:38:43
413
转载 call 与 apply
call 方法: 调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[, arg2[, [,argN]]]]])参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变
2016-12-26 15:21:42
252
转载 HTML中为何p标签内不可包含div标签?那哪些块元素里面不能放哪些块元素呢?
先看下面的例子你就能明白两者的差别:测试一下块元素与内联元素的差别测试一下块元素与内联元素的差别 在上面的例子中,会自己产生一个新的行,而并没有换行,这是在没有CSS渲染的情况下才这样,同样,我们也可以通过CSS把div定义成内联元素,把span定义成块元素,但是,我们却不能在HTML里任意转化它们,块元素可以包含内联元素或某些块元素(上面的例子其实是错误
2016-12-17 14:42:28
1027
原创 浮动布局、圣杯布局、双飞翼布局3种布局的代码与分析。
前一篇文章提到了margin的问题,如今已经翻篇。现在来弹一下布局,这个很重要。。不多废话。一言不和上代码。1.先看浮动布局HTML 左边 右边 中间(浮动布局) 注意看这个左右与中间的位置,一会再观察后面布局的位置,这个区别后面说。这里包括后面提到的的screen都是当body使用的,假设这个是bodyt的宽
2016-08-21 18:39:43
530
原创 菜鸟对margin的疑惑
作为一名跨专业的前端来说,这个真是一种无以言表的滋味,从搞建筑的到搞电脑的。。。。你懂得。。这是我自学前端大概半年的基础,如今姑且算是入门了。为了丰富瓶颈就去报了个就业班。而其中有一个题目是研究正常盒子与怪异盒子的比对。于是。。。。第一个是正常盒子模型,对其用flex都是使其居中了,html代码如下 盒模型
2016-08-19 11:50:55
571
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人