• 4、Vue过滤器的使用方法

    不管是在VueJs还是AngularJs中,过滤器的使用都是非常频繁的,它可以在表达式中对一些数据进行某些操作,知识两者在使用方法上有些差异,Vue过滤器使用方法如下: JS中的代码: Vue...

    阅读(738) 2017-05-09
  • 4、Webpack使用方法之module配置项

    module选项用来进行模块加载的相关配置。 module.rules是加载器数组,当依赖文件匹配指定的test模式时,Webpack会自动调用数组中的相应加载器去处理该文件,然后返回JS格式的文件。 加载...

    阅读(207) 2017-08-13
  • px、em、rem的区别及换算方法

    国内的设计师大都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢? 一、px的特点: 1、IE无法调整那些使用px作为单位的字体大小; 2、国外的大...

    阅读(363) 2016-04-04
    px、em、rem的区别及换算方法
  • 构造函数的8种创建模式

    以下8中构造函数创建模式,仅供参考。 第一种: /***传统的创建对象***/var person = new Object();person.name = lancer;person.age = 24;person.job = UI;person.sayName = function(){ alert(this.name);}person.sayName(); 第...

    阅读(192) 2016-04-13
    构造函数的8种创建模式
  • 5、AngularJs中的双向向数据绑定(MVVM)与表单处理相关指令

    AngularJs有一个很强大的功能就是双向数据绑定,即MVVM,什么是双向数据绑定呢? 在一般的应用当中,后端给前端返回数据,前端数据发生改变,如果不做表单或者是ajax数据提交,这些...

    阅读(342) 2016-12-30
  • 5、VueJs的methods属性定义方法

    在VueJs中,所有的从后台获取到的数据是方法data属性中,所有的函数方法是放在methods属性中,这个和Angular是不一样的,Angular通过$scope这个服务可以同时定义变量和方法。下面看看Vue的...

    阅读(588) 2017-04-03
  • 5、使用gulp压缩JS代码的方法

    使用gulp压缩JS代码的方法: 首先用npm安装gulp-uglify插件:npm install gulp-uglify --save-dev。 然后继续第四节的笔记,在gulpfile.js文件中添加以下代码: var gulp = require(gulp);var uglify = require(gul...

    阅读(166) 2017-06-15
    5、使用gulp压缩JS代码的方法
  • 5、Webpack使用方法之resolve配置项

    Webpack的resolve选项用来配置依赖文件的匹配,如依赖文件别名配置、模块的查找目录、默认查找的文件后缀等,如下代码: resolve: { extensions: [.js, .vue, .json], alias: { vue$: vue/dist/vue.esm.js,...

    阅读(221) 2017-08-13
  • CSS3的2D转换效果

    通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。 css3转换主要是用transform来实现的,具体如下: .box{width:100px;height:100px;background:red} div class=box/div 一、旋转rotate(默...

    阅读(345) 2016-04-04
  • Javascript中常用的日期(Date)函数

    日期函数(Date)在javascript中有非常广泛的应用,比如我在这个博客的100个js特效栏目中,发表的商品特卖倒计时功能,就用到了Date函数,下面总结一下最常用的Date函数。 //1.声明var...

    阅读(229) 2016-04-13
    Javascript中常用的日期(Date)函数
  • 6、AngularJs函数之大小写转换、对象深拷贝、对象扩充、数据遍历

    今天来学习下AngularJs的函数使用方法: 1、打印AngularJs的版本号: var m = angular.module(app, []);m.controller(ctrl, [$scope, function($scope){console.log(angular.version);}]); 2、大小写转换: var m = angular.mod...

    阅读(218) 2016-12-12
  • 6、VueJs中的computed计算属性

    有时候,我们拿到一些数据,需要经过处理计算后得到的结果,才是我们要展示的内容。 比如:我们有三个数,但是需要展示的是三个数字之和。这种情况,就适合用我们的计算属性...

    阅读(403) 2017-04-03
  • 6、Webpack使用方法之webpack-dev-server服务

    开发代码时,调试是必不可少的,我们可以使用webpack-dev-server在浏览器中进行调试。 webpack-dev-server是以讹基于Express的NodeJs服务器,在文件发生改变时,他会自动触发打包过程,然后通...

    阅读(934) 2017-08-13
  • CSS3的3D转换效果

    上一节说了2D转换,今天来看一下3D转换,它们之间有什么样的区别呢? 通过下面两段代码的对比就可以看出来: 2D转换: div class=box/divstyle.box{width:100px;height:100px;background:red;transform:r...

    阅读(315) 2016-04-04
  • 用原生javascript包装一个ajax方法

    Jquery之所以被大多数前端开发人员使用(甚至是全部),就是因为它比原生javascript简单方便,选择某个元素直接用$就行,而不是一长串的document.getElementById()等等。 前端与后台进行数据...

    阅读(411) 2016-04-17
    用原生javascript包装一个ajax方法
  • 7、AngularJs将json字符串转为对象fromJson和将对象转为json字符串toJson

    在AngularJs中,json形式的字符串可以转为json格式的对象,代码如下: 利用HTML5的2种本地存储方式(localStorage和sessionStorage)来做测试: var m = angular.module(app, []);m.controller(ctrl, [$scope, fun...

    阅读(324) 2017-06-27
  • 7、VueJs的watch属性监测数据变化

    VueJs实例中有一个属性watch是专门用来检测数据变化的,相关代码如下: JS代码如下: var app = new Vue({ el : #app, data : { message : www.zymseo.com/vue/ }, watch : { message : function(n, o){ console.log(n);//变...

    阅读(647) 2017-04-03
  • 7、Webpack使用方法之插件

    在Webpack提供的基本功能不能满足需求的情况下,Webpack还允许我们使用插件来控制打包的各个过程。 我们需要通过npm安装相关的插件,这里以webpackBrowserPlugin为例,该插件用来在webpack或...

    阅读(152) 2017-08-13
  • Javascript浏览器兼容性问题总结

    浏览器的兼容性问题真的是让人头疼,我之前总结了《 html和css中常见的浏览器兼容性处理 》,但是原生的Javascript也存在很多的兼容性问题,其中最具代表性的是是IE浏览器(下简称...

    阅读(246) 2016-04-18
    Javascript浏览器兼容性问题总结
  • 8、AngularJs中的数据比较函数

    下面是总结的部分AngularJs的比较函数: !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8titleDocument/titlestyle type=text/css.ng-cloak{display:none;}/style/headbody ng-app=app ng-controller=ctrl ng-cloak class=ng-cloakdiv id=wra...

    阅读(139) 2016-12-14