浅谈Koa2框架利用CORS完成跨域ajax请求

实现跨域ajax请求的方式有很多,其中一个是利用CORS,而这个方法关键是在服务器端进行配置。本文仅对能够完成正常跨域ajax响应的,最基本的配置进行说明(深层次的配置我也不会)。CO...

浅析Vue中method与computed的区别

在new Vue的配置参数中的computed和methods都可以处理大量的逻辑代码,但是什么时候用哪个属性,要好好区分一下才能做到正确的运用vue。computed称为计算属性,顾名思义,计算就要...

Vue2.0 http请求以及loading展示实例

我们需要额外两个依赖vuex 和 axios:(还是接着上一个项目MyFirstProject写)npm i vuex axios -D 首先简单的阐述下http请求1、main.js 中引入axiosimport axios from 'axios' V...

轻松搞定jQuery+JSONP跨域请求的解决方案

  JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 serv...

Vue2.0实现组件数据的双向绑定问题

通过上一节的学习,我们了解到了在Vue的组件中数据传递: prop 向下传递,事件向上传递 。意思是父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息。但Vue中, prop...

node的process以及child_process模块学习笔记

在死磕进程一个礼拜后,终于把晦涩难懂文档看明白了,准备把自己的理解分享给大家,也希望大家能指出一些意见进程的概念 在Node.js中每个应用程序都是一个进程类的实例对象。...

vue2.0 循环遍历加载不同图片的方法

demo: <div v-for="item in temps" :key="item.id"> <div class="contract-item"> <img :src="item.imgUrl"> </div> </div>引入图片,注意路径:import con...

浅谈Vue2.0中v-for迭代语法的变化(key、index)

今天,在写关于Vue2.0的代码中发现 $key这个值并不能渲染成功,问题如下:结果这个对象的key值并不能够显示:后来查阅了文档才知道,这是因为在Vue2.0中,v-for迭代语法已经发生了变化:...

解决Vue2.x父组件与子组件之间的双向绑定问题

最近在研究如何写一套基于Vue2.x的UI组件给自己用,提升一点BIG,在制作含有input的组件遇到一个问题:不知怎样才能把子组件中input与调用者(父组件)的数据实现双向绑定,想过使用Vue...

在vue中,v-for的索引index在html中的使用方法

如下所示:以上这篇在vue中,v-for的索引index在html中的使用方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。...

解决在vue项目中,发版之后,背景图片报错,路径不对的问题

解决方法:在utils.js里边的加上publicPath:'../../',在引入图片或者背景图的时候,使用方法:以上这篇解决在vue项目中,发版之后,背景图片报错,路径不对的问题就是小编分享给大家...

解决Vue打包之后文件路径出错的问题

这里以vue-cli创建的项目为例1、文件路径不对找到config文件夹下的index.js文件修改一下位置看清楚是 build(上边还有个dev 是开发环境下的配置,不需要改动)下的 assetsPublicP...

解决vue+webpack打包路径的问题

最近写了一个vue小项目,不想单独作为一个web项目发布,所以就准备放到资源项目的public文件夹下,遇到一些小问题,在此总结一下。资源路径如下:public目录配置的访问路径为”/”,在...

详谈vue+webpack解决css引用图片打包后找不到资源文件的问题

使用vue打包,通过css引用图片资源。.img { height: 500px; width: 100%; background: url("./assets/img/1.jpg") no-repeat; background-size: 100%; } 热更新开发...

基于vue打包后字体和图片资源失效问题的解决方法

1. vue打包后font-awesome字体失效解决方案:2. 打包后图片资源失效解决方案:针对html中引用的图片针对css添加的背景中引用的图片以上这篇基于vue打包后字体和图片资源失效问...

React BootStrap用户体验框架快速上手

官方文档http://react-bootstrap.github.io/getting-started.html安装在终端cd到你的项目目录下执行:$ npm install react-bootstrap然后需要我们手动引用css<!-- Latest com...

网页爬虫之cookie自动获取及过期自动更新的实现方法

本文实现cookie的自动获取,及cookie过期自动更新。社交网站中的很多信息需要登录才能获取到,以微博为例,不登录账号,只能看到大V的前十条微博。保持登录状态,必须要用到Cookie。...

webpack配置导致字体图标无法显示的解决方法

问题:在项目开发时使用字体图标,报错如下:所有的字体图标都不能正常显示了,报错提示不能解码字体。解决问题:找了很久,最后发现是在webpack配置的时候自己手动添加了下面的代码而...

vue中本地静态图片路径写法

这里写图片描述
需求:如何components里面的index.vue怎样能把assets里面的图片拿出来。1.在img标签里面直接写上路径:<img src="../assets/a1.png" class="" width="100%"/>2...

webpack+vuex+axios 跨域请求数据的示例代码

本文介绍了webpack+vuex+axios 跨域请求数据的示例代码,分享给大家,具体如下:使用vue-li 构建 webpack项目,修改bulid/config/index.js文件
dev: { env: require('./dev.env'),...

angular4 JavaScript内存溢出问题

最近在写基于angular4的项目的时候,在build --prod的时候,突然措手不及的蹦出个报错,大致错误如下:
70% building modules 1345/1345 modules 0 active<--- Last few GCs --->m...

jQuery+koa2实现简单的Ajax请求的示例

前言之前写Ajax代码只管前端的实现,感觉这样导致自己对Ajax的请求的理解不够深入,所以写了这个从前端到后端的Ajax实现小demo,分别实现简单的GET和POST请求,加深下对前后端交互...

vue使用xe-utils函数库的具体方法

本文介绍了vue使用xe-utils函数库的具体方法,分享给大家,具体如下:
安装完成后自动挂载在vue实例:this.$utils(函数库)
支持挂载函数列表:this.$browse(浏览器内核判断) this.$l...

写一个移动端惯性滑动&回弹Vue导航栏组件 ly-tab

前段时间写了一个移动端的自适应滑动Vue导航栏组件,觉得有一定实用性,大家可能会用得到(当然有些大佬自己写得更好的话就没必要啦),于是前两天整理了一下,目前已经发布到npm和GitH...

解决vue打包项目后刷新404的问题

vue打包项目后刷新404的问题Nginx配置server { listen 80; server_name localhost; index index.html; root /root/dist; location / { root /root/dist;...

解决vue-router进行build无法正常显示路由页面的问题

使用vue cli创建一个webpack工程加入vue-router然后使用路由引入一个新的组件。这时路由和链接是这样写的const router = new VueRouter({ mode: 'history', base: __dirnam...

vue2.0 路由不显示router-view的解决方法

今天学习vue2.0 的 router-view , 爆出的错误不计其数,不知道哪位大神写的router-view,配置的参数竟然不是router,而是routes =_=||这是花了一上午整出来的main.js,还有网上的...

解决vue build打包之后首页白屏的问题

1、问题描述本地的vue项目在server端浏览没问题,但是执行npm run build 打包之后在本地预览是白屏。有很多js,css无法加载。2、解决方法在config文件夹中找到index.js打开把a...

基于Vue中点击组件外关闭组件的实现方法

Vue定义全局点击函数,参数为点击的回调函数。Vue.prototype.globalClick = function (callback) { //页面全局点击 $(document).click(callback);}组件挂载后监听全局的点击...

vue.js在标签属性中插入变量参数的方法

html的标签的属性,比如id、class、href需要动态传递参数,拼接字符串,查了一些资料,并没有找到合适的解决方法,琢磨了一上午,终于试出了方法:v-bind:属性=“ ‘字符串'+自定义变量名...

关于Vue的路由权限管理的示例代码

前言曾经在工作上对 vue 路由权限管理这方面有过研究,这几天又看到了几篇相关的文章,再加上昨天电面中又再一次提及到,就索性整理了一下自己的一些看法,希望对大家有帮助。实现...

基于vue-cli 打包时抽离项目相关配置文件详解

前言:当使用vue-cli进行开发时时常需要动态配置一些设置,比如接口的请求地址(axios.defaults.baseURL),这些设置可能需要在项目编译后再进行设置的,所以在vue-cli里我们需要对这些...

使用vue制作探探滑动堆叠组件的实例代码

效果图如下所示: 前言嗨,说起探探想必各位程序汪都不陌生(毕竟妹子很多),能在上面丝滑的翻牌子,探探的的堆叠滑动组件起到了关键的作用,下面就来看看如何用vue写一个探探的堆叠组...

React Native使用fetch实现图片上传的示例代码

本文介绍了React Native使用fetch实现图片上传的示例代码,分享给大家,具体如下:
普通网络请求参数是JSON对象
图片上传的请求参数使用的是formData对象使用fetch上传图片代码...

解决iview打包时UglifyJs报错的问题

使用npm run dev时运行是ok的,但是npm run build打包时iview报错,如下:原因是iview中使用了es6语法,然而uglifyJs是不支持的,打开我们的build/webpack.prod.conf.js文件,可以看到/...

浅谈webpack打包之后的文件过大的解决方法

以前一直使用 create-react-app 这个脚手架进行 react 开发,后面因为一些自定义的配置,转而使用 webpack 搭建一套自己的脚手架。但是在使用 webpack 打包之后发现,纳尼?怎么文...

Vue+ElementUI实现表单动态渲染、可视化配置的方法

动态渲染就是有一个异步的数据,大概长这样:{ "inline": true, "labelPosition": "right", "labelWidth": "", "size": "small", "statusIcon": true, "formItemList": [ { "ty...

angularjs使用gulp-uglify压缩后执行报错的解决方法

问题出现原因是由于压缩之后变量变成了,e、s、t等,需要依赖注入的方法没有使用中括号注入,而在function的参数中直接使用,导致压缩之后无法识别需要依赖注入的模块。例如:var mod...

node下使用UglifyJS压缩合并JS文件的方法

现在UglifyJS的最新版本为 2.8.13,主要功能为JS的压缩和合并,下面直接进入教程:安装:<span style="font-size:18px;color:#006600;">npm install uglify-js -g</span> 将uglifyj...

vue中axios解决跨域问题和拦截器的使用方法

vue中axios不支持vue.use()方式声明使用。 所以有两种方法可以解决这点:第一种: 在main.js中引入axios,然后将其设置为vue原型链上的属性,这样在组件中就可以直接 this.axios使...

在vue项目中,使用axios跨域处理

跨域,一个很是让人尴尬的问题,有些人可以在后台中设置请求头,但是很多前端并不具备后台的知识,并无法自己独立的搭建一个服务器,所以就变成了一个尴尬的事情当然,有很多的虚拟服务...

Vue-cli项目获取本地json文件数据的实例

在自己做的vue demo项目中,我想通过在本地添加一些json数据,写到json文件中,并且通过异步请求获取到,然后加载数据。axios.get('http://localhost:8080/datas/json')然而在这一...

JavaScript中使用import 和require打包后实现原理分析

前言:之前使用ES6写代码,webpack打包后上线,一点问题没有,也看过打包后的代码,长的很乱,也没敢看看咋回事,加载后就是能运行!今天通过个例子理解一下打包前,和打包后的代码!...

使用vue中的v-for遍历二维数组的方法

如下所示:<table cellpadding="0" cellspacing="0" class="clearfix bigTable" id='downloaddata'> <tr v-for='(item, index) in data'> <template v-for='items in it...

Vue中v-for的数据分组实例

使用Vue.js可以很方便的实现数据的绑定和更新,有时需要对一个一维数组进行分组以方便显示,循环可以直接使用v-for,那分组呢?这里需要用到vue的computed特性,将数据动态计算分组。...

vue2.0 computed 计算list循环后累加值的实例

实例如下所示:<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>Foo</h2> <div v-for ="(item, index) in list"> <!--<p>{{item }}</p>--> <h1 v-show="false">...

vue.js 嵌套循环、if判断、动态删除的实例

Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的APIapp.html<!doctype html><html lan...

Vue.js+Layer表格数据绑定与实现更新的实例

一:先使用Vue.js绑定好数据与更新事件使用v-on绑定好事件,在事件里边直接把该行数据传递进去,在更新方法里边就可以直接取出需要更新的数据<div id="content"> <table class=...

Bootstrap实现可折叠分组侧边导航菜单

效果图:源码:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"...

layui表格checkbox选择全选样式及功能的实例

在之前的版本,默认复选框是要有值得,默认为“勾选”两个字,在表格里用来做选择不适合,很难改,还好layui升级后,可以支持不写name值,来适应表格中的选择操作。1、layui版本号为 v1.0...

返回顶部
顶部