• 8、VueJs绑定css样式

    class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。 一、class属性绑定 我们可以为 v-bind:class 设置一个对象,从而动态的切换 class,v-bind:class是一...

    阅读(637) 2017-04-08
  • 8、通过Webpack的code-spliting实现Vue组件异步按需懒加载

    之前使用AngularJs做项目的时候,发现一个问题,用户打开首页,所有的controller都会加载进来,这样是不科学的,因为首页只需要首页的controller,其他页面可以做按需加载,也就是懒加...

    阅读(678) 2017-08-23
  • Javascript面向对象的3种继承方式

    构造函数的3种继承方式:拷贝继承、类继承、原型继承。 要想清除的了解构造函数的继承原理,首先得知道构造函数的原型链。 什么是原型链呢?看下面这段代码: function Person( nam...

    阅读(356) 2017-05-22
    Javascript面向对象的3种继承方式
  • 9、AngularJs使用ng-repeat实现数据循环展示的效果

    一般情况下,后端给前端传输数据,前端都是用foreach来循环输出,现在使用AngularJs也能实现类似的功能,方法如下: !doctype htmlhtml lang=enheadmeta charset=UTF-8titleDocument/titlemeta name=Keywords...

    阅读(659) 2016-12-13
  • 9、Webpack集成Vue2.0打包部署项目实例

    现在几乎所有的前端应用都是模块化、前后端分离的,之前用AngularJs构建的博客系统,用RequireJs实现的模块化,将每个controller、每个server作为一个模块,然后按需加载。现在vue用webpa...

    阅读(1255) 2018-01-14
    9、Webpack集成Vue2.0打包部署项目实例
  • 太原雅辉装修公司文章页模板代码

    以下是关于太原雅辉装修公司官网文章页模板嵌套的简易代码视频,学完以后做一个自己的网站基本上就没什么问题了。 看完以后,如果需要源代码或者是相关软件,可以在线联系我,...

    阅读(407) 2016-04-12
    太原雅辉装修公司文章页模板代码
  • 京东左侧导航及图片轮播效果js源代码

    商城类网站都是大同小异,与京东差不多,京东整个网站最难的地方就是左侧栏导航和banner广告图轮播切换效果。以下是京东左侧导航及图片轮播效果js源代码,仅供参考!...

    阅读(872) 2016-04-05
    京东左侧导航及图片轮播效果js源代码
  • 一句话说清楚Javascript中的回调函数

    根据我的理解,用最简单的语言描述Javascript中的回调函数是什么意思。下面用一段代码来举例子说明。 (function( callback ){president = { name:obama };callback( president );console.log( president.name ); /...

    阅读(183) 2017-06-25
  • 10、AngularJs使用ng-model-options设置数据同步时机提高网站性能

    之前讲过ng-model可以实时改变数据,实现双向数据绑定,但是如果数据是联通后台的,那么当就会实时与后台进行交互,肯定会增加后台的压力,影响性能,比如以下代码: input type=t...

    阅读(301) 2016-12-14
  • 9、VueJs事件处理器

    JS中的事件包括点击事件、鼠标滑过事件、各种键盘事件等等。vue封装成指令来实现各类事件,代码如下: 一、监听click事件: html部分: div id=wrap input type=text v-model=num / button v-on:clic...

    阅读(466) 2017-04-08
  • 10、VueJs处理表单内容

    本节介绍VueJs在表单元素上的应用。 html部分: p单个复选框:/pinput type=checkbox id=checkbox v-model=checkedp多个复选框:b全选/binput type=checkbox v-model=checkedNames //pinput type=checkbox id=runoob value=Ru...

    阅读(320) 2017-04-08
  • 10、NodeJs结合webpack-hot-middleware实现热加载的原理

    最近一直在测试NodeJs+Webpack+VueJs的demo,然后准备做一个SPA单页面的web应用,前期使用了vue-cli脚手架来搭建环境,发现教授教自动为我们实现了热加载,当我们修改组件中的html、style、...

    阅读(542) 2017-08-23
  • jquery图片自动轮播特效代码

    现在不光是商城网站,小型的企业站广告图都是自动轮播展现的,它可以带个用户不一样的体验。下面我用jquery写的图片自动轮播特效代码,供大家参考。 html部分: div class="banner"ul...

    阅读(1022) 2016-04-05
    jquery图片自动轮播特效代码
  • Javascript中call()、apply()和bind()方法的区别

    在网上看了很多的关于Javascript中call()和apply()方法之间的区别,但都是书面语言,太官方化,让人不太容易理解。下面是我经过测试之后做出的总结:关于js中call和apply方法的异同。 i...

    阅读(325) 2017-04-22
  • 11、AngularJs使用ng-checked一步实现全选或取消功能

    AngularJs使用ng-checked一步实现全选或取消功能,代码如下: !doctype htmlhtml lang=enheadmeta charset=UTF-8 /titleDocument/titlestyle type=text/css.ng-cloak{display:none;}td{height:30px;line-height:30px;padding:0px 10px;}/s...

    阅读(244) 2016-12-14
  • 11、VueJs的if、else判断语句

    在Vue中同样可以使用if、else判断语句来决定某些元素的显示、移除、css样式等。 代码如下: html部分: div id=wrap p input type=text v-model=num span v-if=num==11/span span v-else-if=num==22/span span v-else...

    阅读(201) 2017-04-08
  • 11、总结webpack-hot-middleware热加载相关错误的解决办法

    这几天一直在折腾webpack-hot-middleware热加载的问题,其中也出现了很多问题,总算不断的通过百度、谷歌解决了,现在来总结下相关错误: 错误一:浏览器控制台中显示 找不到__webpack...

    阅读(684) 2017-08-23
  • 用最简单的代码写出banner图片轮播效果

    现在基本上所有的网站都有banner图轮播这种效果,对于web前端人员来说,这个效果也是必须要学会的,下面是具体的视频操作:用最简单的代码写出banner图片轮播效果。...

    阅读(3646) 2016-04-05
    用最简单的代码写出banner图片轮播效果
  • 详解Javascript中arguments对象的的意义与用法

    根据W3C手册中的解释:在函数代码中,使用特殊对象arguments,开发者无需明确指出参数名,就能访问它们。乍一看,这句话到底什么意思?还真是不明白,我们用下面这段代码来详细介...

    阅读(411) 2016-12-16
    详解Javascript中arguments对象的的意义与用法
  • Javascript异步编程的4种方法

    大家都知道,javascript语言的执行环境是单线程。 所谓单线程,就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。 这...

    阅读(263) 2016-04-25