写在前面：我只是一个前端小白，文章中的提到可能会有不足之处，仅提供一个参考。若有不完善的地方，欢迎各位大佬指出！，希望对你有帮助！ 好了，入正题。其实之前也被这问题困扰过，在网上也查了一番，没找到解决方法。直到今天，在GitHub 冒昧地向大佬提了一个 issue，才点醒了我。其实是因为太过急功近利了，没有认真阅读 vue-baidu-map 提供参考文档，也有可能是看过然后忘记了！ 首先要明确一点（文档原话）：由于百度地图 J...
vue-router 之动态路由 vue-router官网上面是这样说的 // 带查询参数，变成 /register?plan=private router.push({ path: register, query: { plan: private }}) 然后，我就这样写了： this.$router.push({path:manage, query: {id: tasklist}})1 结果很明显，失败了。然后我就默默的再次看了一下官网，结果发现了这句话 // 命名的路由 router.push({ name: user, params: { userId: 123 }}) // 带查询参数，变成 /register?plan=p...
优化对比 ：未优化前：index.html引入一个main.js文件，体积2M以上。优化后入：index.html引入main.js、commons.js、charts.js、other.js。以达到将main.js平分目的。每个文件控制300k以内.(如果高兴100k也没问题) 用到的一堆库及工具： vue、webpack、babel、highcharts、echarts、jquery、html2canvas******此去省略若干m代码 问题：开发环境用webpack后发现单个js文件5m。生产环境借助vue-cli的webpack配置，减少到2m。 解决方案...
背景vue前后端分离开发微信授权 场景app将商品分享到微信朋友圈或者分享给微信好友，用户点击页面时进行微信授权登陆，获取用户信息。问题：没有固定的h5应用首页。授权后重定向url带参数并且很长 本人愚钝，开发过程中，尝试过很多方法，踩坑不足以形容我的心情，可以说每一次都是一次跳井的体验啊。 1.一开始是前端请求微信连接，返回code，然后code作为再去请求后台接口获取token，后面看到别人的博客说这个方法不好，最好就是直...
Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制。 安装 版本要求 Vue 2.0xVue-router 3.x获取 git：git clone https://github.com/tower1229/Vue-Access-Control.git npm：npm i vue-access-control 运行 //开发 npm run dev//构建 npm build 概述 整体思路 会话开始之初，先初始化一个只有登录路由的Vue实例...
本文主要解决 ①.vue-cli默认配置打包后部署至特定路径下静态资源路径错误问题; ②.静态资源打包使用相对路径后css文件引入大图片路径错误问题。 1、问题vue-cli 脚手架生成的默认打包配置文件情况下运行 npm run build 打包后，部署项目至特定路径下：如： //ip:port/public/springActivity/此时访问： http://ip:port/public/springActivity/index.htmlindex.html 可以正常访问，但是引用的js，css等文件服务器响应均为404，查看...
问题描述：Vue单页面用按F5强刷，数据就恢复初始了，这怎么破？ 解决方案： store.subscribe((mutation, state) => {sessionStorage.setItem(mobileState, JSON.stringify(state)); })if (sessionStorage.getItem(mobileState)) {state = JSON.parse(sessionStorage.getItem(mobileState));} else {state = stateOrg;}ps:下面看下Vue父组件接收不到子组件$emit事件的原因分析 通常有两种情况： 1.事件名称不全是小写。事件名称要求...
前言 本文主要给大家介绍了关于node.js多个异步过程中判断执行是否完成的相关内容，可能这样说大家不是很明白，下面来一起看看详细的介绍吧。 场景： 想请求量较大的网络数据，比如想获取1000条结果，但数据处理速度慢，有超时的风险，可以分成10次处理，每次处理100条；所有请求完成后再统一进行处理。 这样的应用场景，可以这样处理： 方案一：判断请求到的数据条目 // 模拟网络请求 function fetch(url, callback) {setTimeout(...
Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案，通过对路由、视图、请求三个层面的控制，使开发者可以实现任意颗粒度的用户权限控制。 安装 版本要求 Vue 2.0x Vue-router 3.x 获取 git：git clone https://github.com/tower1229/Vue-Access-Control.git npm：npm i vue-access-control 运行 //开发 npm run dev//构建 npm build概述 整体思路 会话开始之初，先初始化一个只有登录路由的Vue实...
使用Webstorm创建nodejs express应用时，默认使用的是jade或者ejs模板，对于不习惯这两种模板语法的人来说确实不是很方便。没关系，这里我们使用art-template模板引擎，使用后可以直接使用html模板： 1、安装art-template npm install art-template2、修改app.js文件，添加如下代码： // view engine setup app.set(views, path.join(__dirname, views)); var template = require(art-template); template.config(base, ); templat...
多列布局 多列布局在web前端开发中也是较为常见的，比如常见的三列、四列及以上，列的布局使得单一的页面可以展示更多分门别类的内容。这里会提到的多列布局有两列定宽加一列自适应、多列不定宽加一列自适应、多列等分三种。 两列定宽加一列自适应布局 本布局模式一共分为三列，其中两列宽度固定，一列宽度随内容宽度而改变。简易实现代码如下：两列定宽加一列自适应 本案例中每一列高度为自适应，即高度和内容高度一致，左列和中列...
在vue项目里面，需要循环发送ajax请求，出现的问题就是循环结束，第一次服务器还没返回，导致数据处理错误，需要使用同步请求 解决方案 目前没有发现axios可以同步请求，所以只能使用jQuery，配置同步请求； $.ajax({url:/comm/test1.php,type:POST, //GETasync:false, //或false,是否异步data:{name:yang,age:25},timeout:5000, //超时时间dataType:json, //返回的数据格式：beforeSend:function(xhr){},success:function(data,te...
本文介绍了vue-cil和webpack中本地静态图片的路径问题解决方案，分享给大家，具体如下： 1 本地图片动态绑定img的src属性 一般我们在html中或者vue组件文件中引用图片是这样，这是不需要做特别处理的我们将图片放入assets中或者重新建立个文件夹img什么的都可以，随意～ 但是我们这时候可能会有个需求就是我们要动态绑定一组本地图片1 将图片当成模块先引进来，再绑定但是这种做法局限性比较大，模块化差，代码不好看 。 如果我做的...
vue脚手架虽然好用，但是文件配置问题一直很头疼。将原生的代码用vue框架来做，出现种种问题，之前设置小图标的时候也出现了问题，总结了网上的解决方案，在此记下对我亲自试验并奏效的方案：我是直接将favico.ico丢到根目录(就是src同级的目录)，然后进行在build/webpack.dev.conf.js文件配置1.webpack.dev.conf.js文件里plugins里加入这段代码 new HtmlWebpackPlugin({filename: index.html,template: index.html,inject: true,f...
当键盘弹出后，页脚也被顶起来；而当搜索完（要刷新整体页面），键盘缩回后，iframe里 键盘当住的地方变成白色。前言： 因为iframe要适配，so，高度要计算出来 //整体高 var win = $(window).height(); //搜索栏 var header = $(header).height(); //导航栏 var nav = $(.navdivwrap).height(); //页底 var footer = $(footer).height(); //iframe $(#main).height(win -header + nav - footer);解决方案： 原因： 当键盘放下后，...