JavaScript

深入理解ES6的迭代器与生成器 2017-08-07

本篇文章主要介绍了深入理解ES6的迭代器与生成器,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧本文介绍了深入理解ES6的迭代器与生成器,分享给大家,具体如下: 循环语句的问题 var colors = ["red", "green", "blue"]; for(var i=0; i&l ...

关于webpack代码拆分的解析 2017-08-03

本篇文章主要介绍了关于webpack代码拆分的解析,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧最近在学习VUE的时候接触到了webpack,今天就留个小笔记,介绍一下webpack代码拆分 如果利用 webpack 将项目中的所有代码打包在一起,很多时候是不适用的,因为代码中有些东西我们总是希望将其拆分出来.比如: 样式表,希望利用 link ...

vue2.0中click点击当前li实现动态切换class 2017-07-15

vue2.0中click点击当前li实现动态切换class
本篇文章主要介绍了vue2.0中click点击当前li实现动态切换class ,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧1,文件内容 ----//为item添加不存在的属性,需要使用vue提供的Vue.set( object, key, value )方法.  看详解:https://cn.vuejs.org/v2/api/#Vue-set ...

JavaScript实现的数字与字符串转换功能示例 2017-06-26

这篇文章主要介绍了JavaScript实现的数字与字符串转换功能,涉及javascript数字.字符串等运算与转换相关操作技巧,需要的朋友可以参考下本文实例讲述了JavaScript实现的数字与字符串转换功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html> <head> <title></ ...

解决vue-cli中stylus无法使用的问题方法 2017-06-06

解决vue-cli中stylus无法使用的问题方法
这篇文章主要介绍了解决vue-cli中stylus无法使用的问题方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下在写基于vue-cli的vue项目时,遇到一个小坑,css用了stylus,但是在编译时候总是报错: 来来回回折腾了数十次,终于被我折腾好了...解决方式如下: 1.在package.json文件中写入依赖: "stylus-loader" ...

vue引入swiper插件的使用实例 2017-05-14

本篇文章主要介绍了vue引入swiper插件的使用实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧本文介绍了vue引入swiper插件,分享给大家,希望对大家有帮助 步骤一:安装vue,   $ npm install vue 步骤二:创建vue项目   # 全局安装 vue-cli $ npm install -g vue-cli $ cd ...

最基础的vue.js双向绑定操作 2017-05-08

最基础的vue.js双向绑定操作
这篇文章主要为大家详细介绍了最基础的vue.js双向绑定操作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下vue.js初级入门之最基础的双向绑定操作,具体内容如下 首先在页面引入vue.js以及其他需要用到的或者可能要用到的插件(这里我多引用了bootstrap和jquery) 引用的时候需要注意文件的路径,准备工作这样基本就完成了,下面正式开始入门. vue.js最重 ...

详解vue.js的事件处理器v-on:click 2017-04-02

详解vue.js的事件处理器v-on:click
本篇文章主要介绍了详解vue.js的事件处理器v-on:click,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧用 v-on 指令监听 DOM 事件 注意:HTML5中不能使用v-on,换为@ (1)html代码: <div > <button v-on:click="greet">Greet< ...

webpack使用babel-loader转换ES6代码示例 2017-03-31

webpack使用babel-loader转换ES6代码示例
本篇文章主要介绍了webpack使用 babel-loader 转换 ES6代码 ,具有一定的参考价值,感兴趣的小伙伴们可以参考一下.本文介绍了webpack使用 babel-loader 转换 ES6代码示例,分享给大家,具体如下: 查询各个 loader的使用,可以在官网上查询.https://www.npmjs.com (一)安装 babel-loader,babel ...

基于JavaScript实现带数据验证和复选框的表单提交 2017-03-22

这篇文章主要介绍了基于JavaScript实现带数据验证和复选框的表单提交功能,需要的朋友可以参考下实现: 1.用户至少选中某项,即表示选中该行,同时该行的数据验证通过,表单提交:否则,不提交. html <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...

详解vue-router和vue-cli以及组件之间的传值 2017-02-26

详解vue-router和vue-cli以及组件之间的传值
这篇文章主要介绍了详解vue-router和vue-cli以及组件之间的传值,具有一定的参考价值,感兴趣的小伙伴们可以参考一下首先简单介绍使用vue-router的四个基本步骤:(为了方便演示,所有代码都写在一个文件里) 1.定义组件 2.定义路由 3.创建router实例并将定义好的路由传入 4.创建和挂载根实例 再来说一下vue-cli 一.安装vue-cli脚手架工具 ...

详谈js对url进行编码和解码(三种方式的区别) 2017-02-26

下面小编就为大家带来一篇详谈js对url进行编码和解码三种方式的区别.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧Javascript语言用于编码的函数,一共有三个,最古老的一个就是escape().虽然这个函数现在已经不提倡使用了,但是由于历史原因,很多地方还在使用它,所以有必要先从它讲起. escape 和 unescape 实际上,es ...

JavaScript实现简单图片轮播效果 2017-02-13

JavaScript实现简单图片轮播效果
这篇文章主要介绍了JavaScript实现简单图片轮播效果,点击下标切换到该图片上,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了js实现简单图片轮播的具体代码,最终实现效果图 代码块 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持. <!DOCTYPE html> <html> <head> ...

webpack学习笔记之代码分割和按需加载的实例详解 2017-01-26

webpack学习笔记之代码分割和按需加载的实例详解
本篇文章主要介绍了webpack学习笔记之代码分割和按需加载的实例详解,具有一定的参考价值,有兴趣的可以了解一下本文介绍了webpack学习笔记之代码分割和按需加载的实例详解,分享给大家,也给自己留个笔记 为什么需要代码分割和按需加载 代码分割就是我们根据实际业务需求将代码进行分割,然后在合适的时候在将其加载进入文档中. 举个简单的例子: 1.一个HTML中存在一个按钮 2 ...

解决Vue页面固定滚动位置的处理办法 2016-12-25

本篇文章主要介绍了解决Vue固定滚动位置的处理办法,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧最近做项目遇到一个问题,就是Vue滚动不固定,网上找了一些资料,说下 vue 固定滚动位置的处理办法. 问题描述: 通常见于 列表页List -> 详情页Detail 的情况, 从列表的某一项x 进入到详情页, 再返回的时候, 希望列表的位置固 ...

vue-resource拦截器interceptor的使用详解 2016-11-18

本篇文章主要介绍了vue-resource 拦截器interceptor的使用详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧拦截器-interceptor 在现代的一些前端框架上,拦截器基本上是很基础但很重要的一环,比如Angular原生就支持拦截器配置,VUE的Axios模块也给我们提供了拦截器配置,那么拦截器到底是什么,它有什么用? 拦 ...

js实现股票实时刷新数据案例 2016-10-30

js实现股票实时刷新数据案例
下面小编就为大家带来一篇js实现股票实时刷新数据案例.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧近来学习炒股,免不了上班时间看盘,总不能光明正大的用电脑看行情,一直盯着手机影响也不好,容易引起"关注". 所以就想自己做一个网页来达到看盘的目的,一个只显示几个关键数字的网页肯定不会引起怀疑.有想法了,就开始实现吧. 准备工 ...

JavaScript创建对象的七种方式全面总结 2016-10-06

这篇文章主要介绍了JavaScript创建对象的七种方式,工厂模式,构造函数模式,原型模式等分别在本文中做出了讲解,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下. JavaScript创建对象的方式有很多,通过Object构造函数或对象字面量的方式也可以创建单个对象,显然这两种方式会产生大量的重复代码,并不适合量产.接下来介绍七种非常经典的创建对象的方 ...

vue组件Prop传递数据的实现示例 2016-09-28

vue组件Prop传递数据的实现示例
本篇文章主要介绍了vue组件Prop传递数据的实现示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧组件实例的作用域是孤立的.这意味着不能(也不应该)在子组件的模板内直接引用父组件的数据.要让子组件使用父组件的数据,我们需要通过子组件的props选项. prop 是单向绑定的:当父组件的属性变化时,将传导给子组件,但是不会反过来.这是为了防止子 ...

Vue项目webpack打包部署到服务器的实例详解 2016-09-02

Vue项目webpack打包部署到服务器的实例详解
这篇文章主要介绍了Vue项目webpack打包部署到服务器的实例详解的相关资料,需要的朋友可以参考下Vue项目webpack打包部署到服务器 这篇博文主要说的就是我今天遇到的问题,而且在经过我的询问,好多人在打包部署的时候都遇到了一些问题,下面就来说下,如何将Vue项目放置在服务器上,这里以Tomcat为例. 必须要配置的就是/config/index.js 在vue-cl ...