• JavaScript回调函数、作用域、变量提升

    今天,一个小伙伴遇到了问题:执行一个函数,说出最后这个函数的执行结果。代码如下: (function(callback){ president = {name:bush}; callback(president); console.log(president.name);})(function(a){ a.name=o...

    阅读(616) 2017-05-28
    JavaScript回调函数、作用域、变量提升
  • html5的拖拽事件代码解析

    一、若要一个元素可以被拖放,首先要为元素添加draggable属性: dragable=true 允许拖放 dragable=false 禁止拖放 dragable=auto 除img或url之外都可以被拖放 其他选项 都不允许拖放 注意: 在火狐...

    阅读(313) 2016-06-25
  • 2、AngularJs的模型、控制器、视图之间的关系

    想要熟练的使用AngularJs构建应用,那就必须清楚的了解它的模型(Model)、控制器(Controller)、视图(View)以及ViewModel之间的关系。 1、Model:它是与应用程序的业务逻辑相关的数据的...

    阅读(307) 2016-12-30
    2、AngularJs的模型、控制器、视图之间的关系
  • 2、使用Less之前的准备工作

    将Less文件转为CSS文件,必须安装node环境和npm,做过NodeJs开发的童鞋对这个都很了解,对于Node的安装方法,可以查看:《 学习安装NodeJs环境和NPM 》。 Node安装成功之后,在你的安装目录...

    阅读(216) 2017-03-01
    2、使用Less之前的准备工作
  • 2、gulp安装使用方法介绍【图文】

    使用gulp,首先当然是安装nodejs,通过nodejs的npm全局安装和项目安装gulp,其次在项目里安装所需要的gulp插件,然后新建gulp的配置文件gulpfile.js并写好配置信息(定义gulp任务),最后通过...

    阅读(250) 2017-03-09
    2、gulp安装使用方法介绍【图文】
  • 2、简易安装快速入门VueJs

    一、安装VueJs 有很多方法可以将VueJs导入到自己的开发项目中,这里使用最简单粗暴的方法:通过script标签的src属性引入vue文件,直接使用。 点击下载:《 Vue.js2.2.6下载 》,打开之后直...

    阅读(861) 2017-04-03
    2、简易安装快速入门VueJs
  • 2、Webpack使用方法之安装方法

    接下来看看Webpack具体的使用方法: 1、首先需要安装NodeJs环境以及NPM包管理器,详情查看:《 学习安装NodeJs环境和NPM 》。 2、Node环境安装成功之后,开始正式使用webpack: (1)电脑运...

    阅读(270) 2017-08-13
    2、Webpack使用方法之安装方法
  • css3过渡属性transition

    css3与之前的css最大的一个区别就是:创建很多新的css属性来完成以前只有javascript才能完成或不能完成的动画,比如我们今天说的这个transition过渡属性,我的这个博客中就有应用。在...

    阅读(418) 2016-04-04
    css3过渡属性transition
  • 我对javascript中【闭包】的理解

    闭包(blosure)是javascritp语言学习中的一个难点,除了一些简单的事件处理之外,很多的高级应用都要依靠闭包来实现。下面是我对闭包的一些理解,希望对大家有所帮助。 一、变量的...

    阅读(513) 2017-02-12
    我对javascript中【闭包】的理解
  • 3、HTML5里原生的右键菜单创建方法

    即使是JavaScript被禁止,这些右键菜单仍然能正常显示。所以,如果你想尊重用户的选择,最好的方法是用JavaScript来创建这些菜单元素,注入到DOM元素里,这样,当JavaScript被禁止时,这...

    阅读(787) 2016-07-07
  • 3、AngularJS中$scope的基本使用方法

    AngularJS中$scope的基本使用方法,先看一段代码: !doctype htmlhtml lang=enheadmeta charset=UTF-8 /titleDocument/titlescript type=text/javascript src=../js/angular.min.js/script/headbodydiv ng-app=app ng-controller=ctrlinput t...

    阅读(228) 2016-12-11
  • 3、Less动态样式语言语法详解

    一、less中使用变量: 变量允许我们单独定义一系列通用的样式,然后在需要的时候去调用,所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。 Less中的代码: @col...

    阅读(294) 2017-03-01
  • 3、以gulp-less插件为例演示gulp的使用方法

    gulp全局和本地都安装成功之后,就可以选择性的使用gulp插件了,以gulp-less插件为例。 如果对less不熟悉,可以查看《 less之可编译型CSS型语言使用笔记 》。 第一步:安装我们需要使用...

    阅读(128) 2017-03-09
    3、以gulp-less插件为例演示gulp的使用方法
  • 3、自己创建一个Vue实例

    Vue是数据驱动视图的,只要model(模型层)的数据改变了,Vue就会帮我们改变视图上显示的内容,不用我们自己去动手写代码更新。那么,它是怎么做到的,我们的代码要怎么写才能做...

    阅读(738) 2017-04-03
  • AngularJS+RequireJS+AngularAMD实现按需加载

    前两节笔记中学习了requireJs的基本用法,以及requireJs和AngularJs组合使用的方法,但是项目构建完成之后,我发现一个问题,就是加载路由模块的时候,会把所有的controller都加载完成,这...

    阅读(568) 2017-05-26
    AngularJS+RequireJS+AngularAMD实现按需加载
  • 3、Webpack使用方法之entry、output配置项

    第二节的笔记简单介绍了Webpack打包项目文件的方法,但是每次修改代码,都要通过webpack重新构建一次,命令行中的代码敲的太费劲了,我们可以通过设置webpack的配置文件来减少工作量...

    阅读(265) 2017-09-03
  • css3动画效果animation

    css3中的动画属性主要由2部分构成,第一是定义动画过程(@keyframes 动画名称),第二是执行动画(animation:动画名称 执行时间)。 比如,我现在要给一个div设置动画效果,由原来的宽...

    阅读(341) 2016-04-04
    css3动画效果animation
  • 65条最常用的正则表达式

    下面是根据自己平时工作中遇到的65个正则表达式问题做的笔记,仅供参考! 一、校验数字的表达式: 1、 数字:^[0-9]*$ 2 、n位的数字:^\d{n}$ 3、至少n位的数字:^\d{n,}$ 4、m-n位的数字...

    阅读(252) 2016-04-13
    65条最常用的正则表达式
  • 4、AngularJs表达式与ng-bind及ng-cloak解决闪屏问题解决方案

    使用AngularJs获取数据之后,可以使用双花括号表达式或者是ng-bind指令把数据添加到html中,但是这里涉及到一个前端页面渲染与性能的问题。 如果把js文件放在head头部,这时用户网络不好...

    阅读(571) 2016-12-11
  • 4、以gulp-minify-css插件为例演示gulp的使用方法

    下面是gulp-minify-css插件的使用方法: 如果了解了之前的gulp安装配置基本方法,那么使用gulp-minify-css插件就很简单了。 第一步:安装插件 打开命令行,执行 npm install gulp-minify-css --save...

    阅读(208) 2017-06-15
    4、以gulp-minify-css插件为例演示gulp的使用方法