vue开发的一些设置以及技巧

引入其它css样式需要加~ @找到的是src目录对于常用的路径可以设置别名 @代表src 常用的地址在webpack.base.conf.js中设置即可设置完只需这样引入即可计算多个图标循环轮播 1.设置空数组 2.循环所有图标项 3.如果大于8项则page为1 将显示到第2页小于为0,显示到第一页如果没有数据还是为空数组 4.返回pages [转发机制-代理 ]webpack的功能需求:当请求地址为/api开头时,把该…

vue开发必须知道的小技巧

近年来,vue越来越火,使用它的人也越来越多.vue基本用法很容易上手,但是还有很多优化的写法你就不一定知道了.本文列举了一些vue常用的开发技巧.require.context() 在实际开发中,绝大部分人都是以组件化的方式进行开发.随之而来就有了许多的组件需要引入.比如以下场景: import outExperInfo from "@/components/userInfo/outExperInfo";import baseUserInfo from "@/compone…

vue开发 ES5——> ES6设置

…

Visual Studio原生开发的20条调试技巧（下）

我的上篇文章<Vistual Studio原生开发的10个调试技巧>引发了很多人的兴趣,所以我决定跟大家分享更多的调试技巧.接下来你又能看到一些对于原生应用程序的很有帮助的调试技巧(接着上一篇文章来编号).这些技巧需要应用在Vistual Studio 2005 或者更新的版本中(当然也有一些适用于旧版本).如果你能阅读本文中推荐的一些相关文章,就可以知道每一个技巧的更多信息. 11. 数据断点 12. 线程重命名 13. 给指定线程设置断点 14.(粗略)估算执行时间 15. 数字格式化…

Visual Studio原生开发的10个调试技巧

这篇文章只介绍了一些有关Visual Studio的基本调试技巧,但是还有其他一些同样有用的技巧.我整理了一些Visual Studio(至少在VS 2008下)原生开发的调试技巧.(如果你是工作在托管代码下,调试器会有更多的特性,在CodeProject中有介绍它们的文章),下面是我的整理的一些技巧: 异常中断 | Break on Exception Watch窗口中的伪变量 | Pseudo-variables in Watch Windows 符号越界后查看堆对象 | 查看数组的值避免…

【原创】windows下搭建vue开发环境+IIS部署

[原创]win10下搭建vue开发环境如果要转发,请注明原作者和原产地,谢谢! 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. node.js的官方地址为:https://nodejs.org/en/download/,如下图所示: 根据自己电脑的具体配置,选择…

Visual Studio原生开发的10个调试技巧（转）

本文由伯乐在线 - JingerJoe 翻译自 Marius Bancila.转载请参见文章末尾处的要求. [感谢@_La_Isla_Bonita 的热心翻译.如果其他朋友也有不错的原创或译文,可以尝试推荐给伯乐在线.] 最近碰巧读了Ivan Shcherbakov写的一篇文章,<11个强大的Visual Studio调试小技巧>.这篇文章只介绍了一些有关Visual Studio的基本调试技巧,但是还有其他一些同样有用的技巧.我整理了一些Visual Studio(至少在VS 2008…

vue开发体验

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD…

Visual Studio 原生开发的10个调试技巧（二）

原文:Visual Studio 原生开发的10个调试技巧(二) 我以前关于 Visual Studio 调试技巧的文章引起了大家很大的兴趣,以至于我决定分享更多调试的知识.以下的列表中你可以看到写原生开发的调试技巧(接着以前的文章来编号).这些技巧可以应用在 VS2005 或者更新版本中(当然有一些可以适用于旧版本).如果你继续,你可以知道每个技巧的详细信息. 数据断点线程重命名特定进程中断大概执行时间数字格式化内存数据格式化系统DLL中断装载符号表 MFC中内存泄露报告调试A…

使用vue开发项目需要注意的问题和可能踩到的坑

最近,在公司给一些刚刚使用vue进行开发的同学做了一次分享, 其中包括一些vue开发中需要注意的点, 以及一些可能会踩到的坑.具体内容如下: 一.生命钩子使用需要注意的地方 1.beforeCreate文档描述:在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用.注意: 在这个钩子上,this变量还不能使用,data里的属性,methods方法里的方法,watcher中的事件都无法获得:2.created文档描述:在实例创建完成后被立即…

vue开发项目详细教程（第一篇搭建环境篇）

最近做vue做项目碰到了不少坑,看了三天文档便开始上手做项目了,不是我牛b,是因为项目紧,我没有时间去深入学习,所以只能一边学一边做了. 我要做的项目是一个官方网站(包括管理后台),也因为是我第一次使用vue,所以碰到的问题特别多,我写这个文章就是为了记录一下我做这个项目碰到的一些问题,其次大家有碰到相同问题的也可以参考一下,废话不多说了,直接开始吧. 1.安装node.js 首先要搭建vue的环境需要借助node.js的npm的包管理器,所以第一步就是安装node.js和配置node.js环境…

windows下搭建vue开发环境+IIS部署

原创]win10下搭建vue开发环境 https://www.cnblogs.com/ixxonline/p/6007885.html 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. node.js的官方地址为:https://nodejs.org/en/downlo…

Vue开发环境搭建

Nodejs与包管理工具安装: Windows安装: https://nodejs.org/en/ 下载安装包安装就可以. Ubuntu安装: //安装nodejs sudo apt-get install nodejs //安装包管理工具 sudo apt-get install npm 安装结果确认: ~/dev/devtest$ node --version v8.11.1 ~/dev/devtest$ npm --version 快捷通道(Vue-cli方法): //设置npm仓库镜像为…

[总结]vue开发常见知识点及问题资料整理（持续更新）

package.json中的dependencies与devDependencies之间的区别 –save-dev 和 –save 的区别我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如: –save-dev 安装的插件,被写入到 devDependencies 对象里面去 –save 安装的插件 ,被写入到 dependencies 对象里面去 devDependencies 是只会在开发环境下依赖的模块,生产环境…

VUE开发请求本地数据的配置，旧版本dev-server.js，新版本webpack.dev.conf.js

VUE开发请求本地数据的配置,早期的vue-lic下面有dev-server.js和dev-client.js两文件,请求本地数据在dev-server.js里配置,最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替,所以配置本地访问在webpack.dev.conf.js里配置即可.同时更新了config/index.js开发模式dev下几个配置: autoOpenBrowser:…

vue开发小结(下)

前言继前几天总结了vue开发小结(上)后,发现还有很多的点没有能列举出来,于是还是打算新建一个下篇,再补充一些vue开发中需要注意的细节,确实还是都是细节的问题,我只是在这里强调下,希望对大家有帮助(ps:另关于管理端的貌似我还没写,说不定还有一篇,哈哈). 正文这次主要大概总结下vue history模式下微信分享和微信支付的细节. 一.微信分享首先vue history模式下,vue是通过history.pushState API 来完成 URL 跳转实现路由的加载的,因此和多页面的实…

vue开发小结（上）

前言: 18年年底,就一个字,忙,貌似一到年底哪个公司都在冲业绩,包括我们自己开发自己公司的项目也一样得加把劲.自从18年年初立了个flag17年年终总结——走过2017,迎来2018Flag到现在又一年了.想想当时立的flag还是很多没有完成到,说的第一点就没有完成了(ps:这确实不能怪我,真的忙),健身也是落下了,而node.js的呢还在进程中,说不定稍后会出了系列的文章(ps:当然不会像之前那几篇那样,感觉写得有点云里雾里的).当然,今天的重点不是说这些,而是我在vue项目上实践的一些小汇…

Vetur：VSCode下强大的Vue开发工具

Vue自从发布以来就一直受到前端开发人员的热爱,而除了一些本身优秀的特征之外,还有就是丰富的插件和工具的支持和更新.虽然现在的编辑器需要安装相应的plugins才能进行Vue组件化开发,但是越来越多优秀的plugins都提供了强大的支持.比如VSCode下面的Vetur就是这样一款必备的Vue开发工具.下面就开始介绍一下它的一些功能吧 Github仓库:Vetur 官方文档:Vetur文档语法高亮 Vetur支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前…

【转】[总结]vue开发常见知识点及问题资料整理（持续更新）

1.(webpack)vue-cli构建的项目如何设置每个页面的title 2.vue项目中使用axios上传图片等文件 3.qs.stringify() 和JSON.stringify()的区别以及在vux中使用post提交表单数据需要qs库序列化 4.vue中实现全局的setCookie,getCookie以及delCookie方法笔记 5.webpack中alias配置中的“@”是什么意思? 6.webpack proxyTable 代理跨域 7.如何在 vue 项目里正确地引用 jque…

vue 开发系列（一） vue 开发环境搭建

概要目前前端开发技术越来越像后台开发了,有一站式的解决方案. 1.JS包的依赖管理像MAVEN. 2.JS代码编译打包. 3.组件式的开发. vue 是一个前端的一站式的前端解决方案,从项目的初始化,组件的开发,项目编译都提供了完整的开发工具. vue 和 angular,react 比较的,个人觉得vue 开发模式有一下几个特点. 1.入门简单 2.性能优异 3.文档丰富 4.现成可用的UI方案也很多. 比如 vue.ydui.org 开发环境搭建 1.创建vue项目 1.node js 生…

OAF开发中一些LOV相关技巧 (转)

原文地址:OAF开发中一些LOV相关技巧在OAF开发中,LOV的使用频率是很高的,它由两部分构成一是页面上的LOV输入框(如OAMESSageLovInputBean),二是弹出的LOV模式窗口(OAListOfValueBean).用户选择LOV的按钮就会弹出LOV窗口,用户在LOV窗口查询并选择了值,可以返回到页面上的LOV输入框.在这里就不赘述如何创建LOV,只说一些平时会碰到的应用: 1.控制LOV的查询结果 2.LOV相关事件 3.动态LOV 4.LOV Choice一,控制LOV的…

vue开发环境搭建Mac版

一.前言要做一个移动端app,面对webapp最流行的三个技术React,angular,vue,三选一,如何选,可参考blog移动app技术选型,react,angular, vue, 下面是对 vue开发环境搭建Mac版. 二.vue开发环境的搭建由于本人使用的是mac,所以环境是windows的下面可以忽略…… 通过下面一张图对Vue的整体开发环境有一个大体了解: 注:上面的图片转自Vue2.0 新手入门 — 从环境搭建到发布本人使用的各个工具的版本为: Homebrew 1.2.…

基于Vue开发的tab切换组件

github地址:https://github.com/MengFangui/VueTabSwitch 1.index.html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <title>基于Vue开发的标签页组件</title> <link rel="stylesheet" type…

vue开发后台管理系统小结

最近工作需要用vue开发了后台管理系统,由于是第一次开发后台管理系统,中间也遇到了一些坑,想在这里做个总结,也算是对于自己工作的一个肯定.我们金融性质的网站所以就不将代码贴出来哈一.项目概述首先工作需求是这样的,开发一个公司的总后台,包含各个不同的模块,总体难度一般,没有开发ui图,用的vue-cli .elementui框架.webpack打包. 总需求的思维导图见链接 http://naotu.baidu.com/file/e8c31b43dfb2f18a3c523e0fa1393c0…

Vue开发微信公众号默认背景为灰色

最近公司有一个项目,使用Vue开发微信公众号,开发过程遇到一个问题,即设计图的整体背景是白色的,但是公众号里默认的背景是浅灰色,如果某个页面高度没能占满一屏,就会露出浅灰色的默认背景,会显得很不协调. 使用单纯的CSS没能解决这个问题,在网上查了些资料也没发现特别好的方法,最后还是采用了JS解决这个问题. document.documentElement.style.backgroundColor = "#fff"; this.screenH = window.screen.avail…

Vue开发入门看这篇文章就够了

摘要: 很多值得了解的细节. 原文:Vue开发看这篇文章就够了作者:Random Fundebug经授权转载,版权归原作者所有. 介绍 Vue 中文网 Vue github Vue.js 是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别? Library 库,本质上是一些函数的集合.每次调用函数,实现一个特定的功能,接着把控制权交给使用者代表:jQuery jQuery这个库的核心:DOM操作,即:封装DOM操作,简化DOM操作 Fra…

2019 Vue开发指南：你都需要学点啥？

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者.原文出处:https://dzone.com/articles/vue-development-in-2019-what-you-need-to-know 如果您是Vue开发的新手,您可能已经听过很多关于它的专业术语了,例如:单页面应用程序.异步组件.服务器端呈现等. 另外您可能还经常听到和Vue一起提到的工具和库,如Vuex.Webpack.Vue CLI和Nuxt. 也许您在面对这些未知的术语和工具时会…