不能写成www.baidu.com 需要写成https://www.baidu.com

第一部分 SessionStorage 首先查看sessionStorage的地方在控制台的 Application > Storage > Session Storage这里: 根据sessionstorage的特性,做一下各个方法的封装: const ls = window.sessionStorage; export default { getItem(key) { try { return JSON.parse(ls.getItem(key)); } catch (err) { ret

问题描述:   vue搭建的项目,路由一直用的hash模式,所以url中都会带有一个“#”号.现在想要去掉“#”,于是使用history模式 { mode: 'history' },代码如下: import Vue from 'vue'; import App from './App'; import routers from './router'; import VueRouter from 'vue-router'; Vue.use(VueRouter); const router = ne

vue-cli输入命令:npm  run  build 即可打包vue.js的项目 打包出来后项目中就会多了一个文件夹dist,下图为我们打包过后的项目 我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题. 解决:到config文件夹中打开index.js文件. 文件里面有两个assetsPublicPath属性,更改第一个,也就是更改build里面的assetsPublicPath属性: assetsPublicPath属

在使用vue打包的时候页面显示空白,并且控制台不报错 设置vue-router的时候mode设置为history模式了,这种模式要有后台的配合,一般还是使用哈希模式就不会出现页面空白了.

vue项目在ie浏览器中出现空白,f12打开后发现在body下面就只有一个div盒子,因此我们可以猜测就是js没有引入导致的,所有网上看了一些相关的才知道,在ie中无法解析es6或者版本更高的语法,所以需要一个解析的js去把es6,es7语法转换为es5语法. 首先安装 babel-polyfill npm install --save-dev babel-polyfill yarn add babel-polyfill -S 其次在入口文件中引入即可(在vue项目中的main.js,这个具体项

文件资源路径是对的,但是页面空白.百度了很久找了一篇文章解决了. 1.vue项目中config文件下index.js中打包配置 build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPub

之前项目遇到个情况,npm run build打包之后上传到服务器后,index.html打开一片空白,资源都加载了,但是就是不显示. 然后百度找了原因,修改了两处地方 一.修改 assetsPublicPath 在config/index.js里面,有个 assetsPublicPath 属性,源码是‘/’,修改成‘./’,加个点 assetsPublicPath: '/',二.路由模式将histroy改成hash模式,起初 mode:'history' const router = new

打包之后打开dist的页面显示空白: 1.记得改一下config下面的index.js中bulid模块导出的路径. 这里需要将 assetsPublicPath: '/'改为assetsPublicPath: './', 2.也有可能是因为背景图片路径没有配置需要在build/utils.js添加配置publicPath: '../../'

1.记得改一下config下面的index.js中bulid模块导出的路径.因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的.先看一下默认的路径. assetsPublicPath默认的是  ‘/’  也就是根目录.而我们的index.html和static在同一级目录下面.  所以要改为  ‘./ ’ 2.另外还需要注意一点.src里边router/index.js路由配置里边默认模式是hash,如果你改成了history模式的话,打开也会是一

这东西主要是为了vue和平时打开一个空白界面_blank时的参数传递,不涉及到浏览器存储(session,local等) 众所周知,请求传参无非就用的query和params,相对应就是get和post,在当前界面下进行跳转情况下,使用 this.$router.push({ path:'/xxx', query: { id:"xxxxxx" } }) //接收参数 this.$route.query.id 或者这样 this.$router.push({ path:'/xxx', n

相对组件来说,Vue 的插件开发受到的关注要少一点.但是插件的功能是十分强大的,能够完成许多 Vue 框架本身不具备的功能. 大家一般习惯直接调用现成的插件,比如官方推荐的 vue-router.vue-touch 等. 下面就看一下 Vue 的插件开发如何入门. 首先我们简单回顾一下 Vue.js 官方文档中对于插件开发的描述. Vue 的插件必须提供一个公开方法 install,该方法会在你使用该插件,也就是 Vue.use(yourPlugin) 时被调用,相当于是一个插件的注册或者声明.

window.open虽然在很多时候被广大中小站长用于弹窗广告的展示,所以广受争议,但是在业务需求中还是有很多场景需要用到此功能.然而,大多数浏览器对此都有一定的安全策略进行阻止,为此本文将针对以下浏览器进行测试. Chrome16.Firefox10.360SE4.2.IE6.IE8 1.首先是最原始的在head标签中加入 <script> window.open('about:blank');                            //空白页 window.open('ht

一.问题描述 ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是会被浏览器给拦截了,需要用户点下. 二.问题分析 浏览器之所以拦截新开窗口是因为该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了,即使 ajax 回调函数中模拟执行 click 或者 submit 等用户行为(trigger('click')),浏览器也会认为不是由用户主动触发的,因此不能被安全执行,所以被拦截. 说明: 1.如果是在 <a href="javascri

Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化. 解决问题: 传参的方法对于多层嵌套的组件将会非常繁琐,并且对于兄弟组件间的状态传递无能为力. 采用父子组件直接引用或者通过事件来变更和同步状态的多份拷贝.以上的这些模式非常脆弱,通常会导致无法维护的代码. 参考文档: https://github.com/vuejs/vuex/tree/dev/examples/shopping-

webpack + vue最佳实践 我的原文地址:http://www.xiaoniuzai.cn/2016/10/04/webpack%20+%20vue%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5/ 之前用webpack + vue 做项目一直不是很懂,这次有空梳理下,so,让我们重新开始,我们的目的是: 使用commonJs规范编写面向浏览器端的代码 升级到可以使用ES2015书写规范 使用vue来组织我们的项目代码 资料 一小时包教会 -- webpack 入

webpack.config.jsconst { resolve } = require('path') const webpack = require('webpack') const HtmlWebpackPlugin = require('html-webpack-plugin') const url = require('url') const publicPath = '' var ExtractTextPlugin=require('extract-text-webpack-plug

简书原文 做东西一向奉行的是致简原则,一定要让使用者简单 这是我在使用 Vue 一段时间后尝试制作的一个小玩意 我希望可以做一堆这样的小玩意,随意组合使用,感觉挺好的 源码在最后 演示DEMO 示例: html <input type="checkbox" id="test1"/> JavaScript var test1 = new vCheckBox({ el: "#test1", data: { text: "测试多选

1.库和框架的区别 库:jquery 本质上就是一些列函数的集合,将一些函数封装到一个独立的就是文件中 在使用的jquery的时候,是由开发人员说了算的,也就是说开发人员起到了主导作用,而jquery是辅助完成相应的功能的 框架:vue 框架是一套完整的解决方案,项目中用到的一些功能在框架内部都已经提供好了 在使用框架的时候,只要将我们自己写的代码,放到框架合适的地方去,框架会在合适的时机主动调用我们写好的代码,框架指定好了一套规则,我们开发人员,按照这套规则写代码就可以了 也就是说:在使用vu

import {isFunction, extend} from 'lodash' const _originStorage = function () { var pluses = /\+/g function encode (s) { return _cookie.raw ? s : encodeURIComponent(s) } function decode (s) { return _cookie.raw ? s : decodeURIComponent(s) } function s

创建COOKIE const COOKIE = { KEY_TOKEN: 'access_token', KEY_USER: 'nbuser', KEY_PERMISSION: 'nb-permission', KEY_OSS: 'upload', KEY_MENU: 'menuData', MAX_AGE: 1000 * 60 * 60 * 24, IMG_FORMAT: '?x-oss-process=image/resize,m_lfit,w_460,limit_1/auto-orient