VueAwesomeSwiper在VUE中的使用以及遇到的一些问题

Vue-Awesome-Swiper轮播图插件,可以同时支持Vue.js(1.X ~ 2.X),兼顾PC和移动端,随着vue的广泛使用,其中插件swiper也算是使用的比较频繁的插件,现在分享一下使用方法以及开发中会遇...

浅谈Node.js爬虫之网页请求模块

本文介绍了Node.js爬虫之网页请求模块,分享给大家,具体如下:注:如您下载最新的nodegrass版本,由于部分方法已经更新,本文的例子已经不再适应,详细请查看开源地址中的例子。
一、为...

Vuex提升学习篇

本文介绍了Vuex 提升学习教程。如果本篇有看不明白的地方,请移步上一篇:Vuex 入门 上一篇我们讲了如何通过一些简单的动作来改变 store.js 中的数据对象,在实际工作中,这是完全...

详解VUE2.X过滤器的使用方法

VUE2.X过滤器的使用方法有几种,今天讲一种,以cnode社区API为示例,转换tab类型为中文汉字。
首先我们在assets文件夹中新建个js的文件夹,并新建common.js,然后将过滤器写在这个文...

全新打包工具parcel零配置vue开发脚手架

parcel-vue 一个基于Parcel打包工具的 VueJS急速开发脚手架解决方案,强烈建议使用node8.0以上项目地址: https://github.com/w3c-king/parcel-vue初始化项目$ git clone htt...

如何去除vue项目中的#及其ie9兼容性

一、如何去除vue项目中访问地址的#vue2中在路由配置中添加mode(vue-cli创建的项目在src/router/index.js)export default new Router({ mode: 'history', routes: [ { path...

Javascript将图片的绝对路径转换为base64编码的方法

我们可以使用canvas.toDataURL的方法将图片的绝对路径转换为base64编码;在这我们引用的是淘宝首页一张图片如下:复制代码 代码如下:
var img = "https://img.alicdn.com/bao/u...

用最少的JS代码写出贪吃蛇游戏

曾经诺基亚的贪吃蛇风靡一时,在游戏匮乏的年代,用java实现太难,现在网页制作20行代码就做成一个简单的demo了,时代在进步啊完整脚本代码:<!doctype html> <html> <body> <canvas...

关于HTTP传输中gzip压缩的秘密探索分析

前言网页加载速度加快的好处不言而喻,除了节省流量,改善用户的浏览体验外,另一个潜在的好处是Gzip与搜索引擎的抓取工具有着更好的关系。例如 Google就可以通过直接读取gzip文...

你可能不知道的前端算法之文字避让(inMap)

前言inMap 是一款基于 canvas 的大数据可视化库,专注于大数据方向点线面的可视化效果展示。目前支持散点、围栏、热力、网格、聚合等方式;致力于让大数据可视化变得简单易用。...

web前端vue filter 过滤器

vue的过滤器通常用在一些常见的文本格式化,过滤器可以用在两个地方:双花括号插值和 v-bind 表达式。比如给价格自动加上中文的钱的字符“¥”或者是给一个时间段或(时间戳)相互之...

node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能

同志们,经过不懈的努力,查了各种文档,终于鼓捣出了一个稍微像样一点的node项目,当然如果直接拿去项目里用,这个demo还太简单,毕竟一个完整的登录注册还有很多实际的内容,本案例mySQ...

使用JS获取SessionStorage的值

获取sessionStorage的意义首先获取它是为了将获得的信息输出或者alert();让人容易看到,其次,在静态页面中,如果使用sessionStorage就相当于在动态页面里连接了数据库一样例如:我上...

JS兼容所有浏览器的DOMContentLoaded事件

使用JavaScript操作dom元素的时候,通常会将获取dom元素的代码放在window.onload=function(){}事件处理函数中,但window.onload事件在某些开始后可能会影响客户体验,因为要等待...

动态Axios的配置步骤详解

前言以前写Vue项目的时候都是使用vue-resource做为项目ajax库,在11月份的某一天尤大微博的更新表示ajax的库应该是通用的,放弃了对vue-resource的技术支持,推荐使用axios。推荐...

Vuex 进阶之模块化组织详解

上上篇:Vuex 入门上一篇:Vuex 提升自制vuex LOGO
前两篇讲解了一下 Vuex 的基本使用方法,可是在实际项目中那么写肯定是不合理的,如果组件太多,不可能把所有组件的数据都放到一个...

nodejs基于WS模块实现WebSocket聊天功能的方法

本文实例讲述了nodejs基于WS模块实现WebSocket聊天功能的方法。分享给大家供大家参考,具体如下:WebSocket 模块众多,我选择了一个较为简单的模块 进行了实现。工具:Sublime技术:N...

关于axios不能使用Vue.use()浅析

前言最近在学习axios,在使用过程遇到了一些问题,觉着有必要给大家分享下,关于axios的基本知识大家可以参考这篇文章:axios基本入门用法教程 ,下面话不多说了,来一起看看详细的介绍...

nodejs结合Socket.IO实现的即时通讯功能详解

本文实例讲述了nodejs结合Socket.IO实现的即时通讯功能。分享给大家供大家参考,具体如下:动态web在html5以前,web的设计上并没有考虑过动态,他一直是围绕着文档设计的,我们看以前...

详解如何在react中搭建d3力导向图

D3js力导向图搭建
d3js是一个可以基于数据来操作文档的JavaScript库。可以使用HTML,CSS,SVG以及Canvas来展示数据。力导向图能够用来表示节点间多对多的关系。
实现效果:连线...

简单的Vue SSR的示例代码

前言
最近接手一个老项目,典型的 Vue 组件化前端渲染,后续业务优化可能会朝 SSR 方向走,因此,就先做些技术储备。如果对 Vue SSR 完全不了解,请先阅读官方文档。思路
Vue 提供了...

js 索引下标之li集合绑定点击事件

下面一段代码给大家介绍li集合绑定点击事件,具体代码如下所示://Method-1:var items = document.getElementsByTagName('li');  for(var i=0;i<items.length;i++){    i...

nodejs结合socket.io实现websocket通信功能的方法

本文实例讲述了nodejs结合socket.io实现websocket通信功能的方法。分享给大家供大家参考,具体如下:因为项目中有需要实时获取后台数据的场景,之前一直是使用http心跳请求的方法...

微信小程序实现的涂鸦功能示例【附源码下载】

本文实例讲述了微信小程序实现的涂鸦功能。分享给大家供大家参考,具体如下:先来看看运行效果:布局文件index.wxml:<view class="container"> <!--画布区域--> <view class="ca...

vue使用element-ui的el-input监听不了回车事件的解决方法

原因今天在使用element-ui时,el-input组件监听不了回车事件,如下代码没有想要的效果:<el-input class="search-input" placeholder="请输入内容" v-model="searchText" @keyup....

详解如何在React组件“外”使用父组件的Props

在写SDK项目的时候碰到一个问题:在直播间初始化SDK时使用默认主题,在专题页初始化SDK时使用其它主题。默认主题在打包时挂在全局环境下供多个页面使用,定制主题需要在初始化SDK...

详解ES6语法之可迭代协议和迭代器协议

ECMAScript 2015的几个补充,并不是新的内置或语法,而是协议。这些协议可以被任何遵循某些约定的对象来实现。
有两个协议:可迭代协议和迭代器协议。
可迭代协议
可迭代协议允许...

深入理解ES6之数据解构的用法

一 对象解构对象解构语法在赋值语句的左侧使用了对象字面量let node = { type: true, name: false}//既声明又赋值let { type, name} = node;//或者先声明再赋值let typ...

javascript用rem来做响应式开发

电脑版的商城昨晚做完了,今天赶着做手机端的,提到手机端的网站第一个想到的就是要 适应不同手机屏幕的宽度,保证在不同手机上都能正常显示给用户,我之前做这类网站都是无脑引进b...

详解基于vue-cli配置移动端自适应

之前写过一篇关于移动端屏幕适配:移动端屏幕适配的解决,今天来聊一聊基于vue-cli配置的移动端屏幕适配问题。配方还是一样:手淘的 lib-flexible + rem配置 flexible安装 lib-fl...

在vue中通过axios异步使用echarts的方法

现实的工作中, 数据不可能是像之前的demo演示的那样把数据写死的. 所有的数据都应该通过发送请求进行获取, 所以, 这篇文章, 我将在Vue项目中使用Echarts: 在Vue中引入Echar...

vuejs实现递归树型菜单组件

前言
前段时间使用vue做了一套后台管理系统,其中使用最多就是递归组件,也因为自己对官方文档的不熟悉使得自己踩了不少坑,今天写出来和大家一起分享。递归组件
组件在它的模板...

详解webpack-dev-server使用http-proxy解决跨域问题

文档资料webpack关于webpack-dev-server开启proxy的官方介绍
Vue-cli proxyTable 解决开发环境的跨域问题——虽然这篇是写vue的,不过用在webpack-dev-server上也是一样的
ht...

基于vue实现网站前台的权限管理(前后端分离实践)

Javascript做为当下的热门语言,用途很广泛,从前端到后端处处可见其存在,该技术如今在我们项目内部也大量使用来开发诸如CMS系统以及其他其他一些数据分析系统的前端页面,为此个...

react-redux中connect的装饰器用法@connect详解

最近在琢磨react中的一些小技巧,这篇文章记录一下在redux中用装饰器来写connect。 通常我们需要一个reducer和一个action,然后使用connect来包裹你的Component。假设你已经有...

Vue+Flask实现简单的登录验证跳转的示例代码

本文介绍了Vue+Flask实现简单的登录验证跳转,分享给大家,具体如下:
文件位置: login.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Login</tit...

关于axios如何全局注册浅析

前言最近用 Vue 写项目的时候,用到 axios ,因为 axios 不能用 Vue.use() (详细介绍可以参考这篇文章),所以在每个 .vue 文件中使用 axios 时就需要 import , .vue 文件少的话还好...

高性能的javascript之加载顺序与执行原理篇

前言javascript在浏览器中的性能,可以认为是开发者所面临的最严重的可用性问题,今天,自己看完高性能的javascript的加载和执行这一章,聊聊怎么解决js的加载顺序和执行的原理,下面...

详解angularjs 学习之 scope作用域

简介Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个存储应用数据模型的对象,有可用的方法和属性。Scope 可应用在视图和控制器上。作...

js实现一个简单的MVVM框架示例

以前都是默默地看园子里的文章,猥琐的点赞,今天也分享一下自己用js实现的一个简单mvvm框架。最初只做了自动绑定事件,后面又参考学习了vue,knouckout以及argular实现方式,以及结...

利用Angular2 + Ionic3开发IOS应用实例教程

从 Angular1 到 Angular2
Angular2 作为著名前端 MVVM 架构 Angular1 的继承者,从一定程度上说,引领了新一代 Web 前端开发技术的革新。从最新版的 ember.js, react.js, vue.j...

vue2.0 如何把子组件的数据传给父组件(推荐)

在父组件 App.vue 中引用子组件 A.vue,把 A中的数据传给App.ps:没看父组件传给子组件的先看看去。1、代码子组件 A.vue<template> <div> <h3>这里是子组件的内容</h3> <butto...

深入理解requireJS-实现一个简单的模块加载器

在前文中我们不止一次强调过模块化编程的重要性,以及其可以解决的问题:① 解决单文件变量命名冲突问题② 解决前端多人协作问题③ 解决文件依赖问题④ 按需加载(这个说法其实很...

vue2.0 父组件给子组件传递数据的方法

在父组件 App.vue 中引用子组件 A.vue,把 name 的值传给 A 组件。1、安装在桌面新建一个文件夹$ cd 到文件中$ npm install -g vue-cli$ vue init webpack . $ npm install$...

仿淘宝JSsearch搜索下拉深度用法

我们首先给出本次关于JSsearch程序的相关源码:https://gitee.com/skyogo/JSsearch我们下载JSsearch1.0 Community版本下载好了之后我们再下载一个类似淘宝的购物页面然后,我们...

基于jquery的on和click的区别详解

使用jQuery写js时,有些用on写行为函数,有些用click,弄清二者区别很重要。以下是用于测试二者区别的HTML代码。<!DOCTYPE html><%@ page language="java" contentType="text/htm...

解析Angular 2+ 样式绑定方式

引言开发ngx(angular 2+ 以后都直接称为ngx)也有1年半的时间了,刚开始开发的时候使用的还是angular2 RC版,现在已经出angular5了,时光飞逝啊!
ngx从设计之初就是一个component-bas...

vue2.0 兄弟组件(平级)通讯的实现代码

1、前戏吧先看看前两篇文章:父组件传给子组件子组件传给父组件看图 看图 看图!!! 个人理解:这明显是生活中弟弟打电话哥哥一样,双方都需要手机,需要信号发射塔。 弟弟 => A组件...

动态加载权限管理模块中的Vue组件

本文我们主要来聊聊登录以及组件的动态加载。登录状态保存
当用户登录成功之后,需要将当前用户的登录信息保存在本地,方便后面使用。具体实现如下:登录成功保存数据
在登录操作...

vue watch自动检测数据变化实时渲染的方法

本文介绍了vue watch自动检测数据变化实时渲染的方法,分享给大家,具体如下:
首先确认 watch是一个对象,一定要当成对象来用。
对象就有键,有值。
键:就是你要监控的那个家伙,比...

返回顶部
顶部