vue结合vue-awesome-swiper做按钮导航的开发
基本按钮导航的开发非常简单，通过data定义按钮信息，或者通过props接收父组件传过来的数据，直接v-for循环即可。但是在实际开发中，可能会遇到下面的需求：最多显示8个按钮，超过8个按钮出现滑动按钮，滑动获取下一页按钮的效果可以通过vue的computed计算属性，生成pages数组，代码如下computed:{ pages () { &nb...
stylus定义变量、代码片段及使用方法
以Vue.js开发去哪儿网旅游网站全纪录为例，介绍stylus定义变量和使用方法一、变量定义和应用在src/assets/styles目录下新建varibles.styl文件定义$bgColor = #ff0000在组件的style中引入文件@import '~styles/varibles.styl'备注：上面的styles是在vue.config.js中设置的@/assets/styles路径的别名，在css中引用必须加前缀~...
vue-awesome-swiper轮播插件的使用
Vue-Awesome-Swiper是一个基于swiper4的，适用于vue的轮播插件，支持服务端渲染和单页应用。 github地址:https://github.com/surmon-china/vue-awesome-swiper 一、插件安装npm install vue-awesome-swiper --save 二、...
Vue.js开发去哪儿网旅游网站全纪录
因为是第一个使用vue.js开发的项目，把整个过程记录下来，希望以后开发其他项目能用得到一、项目环境搭建1.1、使用vue-cli搭建环境,当前是3.X版本vue create vue-travel会提示使用最简设置或自定义设置1.2、推荐在根目录下新建pages目录，home子目录，新建Home.vue作为首页组件，新建components目录存放首页的子组件二、引入样式表、fastclick库2.1、引入reset.css和border.css将r...
Vue-CLI 3.x 通过proxy代理功能将请求地址做不同的转发
当axios发送get请求时，本地开发时请求的url和线上运行时一般是不同的，但是上线前修改是有很大风险的。所以可以通过代理功能将get请求的路径做一下设置一、根目录新建vue.config.js二、配置如下：module.exports = { devServer: { &n...
配置vue-cli 3中vue.config.js的路径别名？
前段时间更新电脑重装了一下vue-cli，发现了vue-cli已经更新到3.0版。用来搭建项目后发现简化了很多，而且配置文件现在可以全部统一在vue.config.js中，很方便有没有，从此以后一个配置文件走遍公司大小项目，妈妈再也不用担心我每次新建项目时重新配置各个复杂的选项了。那么怎么在vue.config.js中配置路径别名呢？1、创建项目2、在根目录下新建vue.config.js3、修改vue.config.jsmodule.exports = ...
wordpress中如何通过wp_head()引入标题、主题css和js文件
准备重新开始研究wordpress过程中，发现header.php中引入wp_head，页面不显示title标题、css样式、js文件。1、显示title修改主题functions.php添加如下代码function jqtheme_setup() { add_theme_support( 'title-tag' );}add_action( '...
升级fastadmin的summernote编辑器，使其支持插入代码语言
很抱歉，此文不对外开放。如确需与博主沟通，您可以扫描二维码添加博主微信并注明来意...
提升bootstrap中navbar子菜单的用户体验
一、如果是PC则移除navbar的dropdown点击事件bootstrap带有子菜单的navbar，默认dropdown是需要点击展开子菜单的，用户体验不是很好。可增加如下js代码来实现// 如果是PC则移除navbar的dropdown点击事件if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobi/i.test(navigator.userAgent...
基于fastadmin的cms内容管理系统改造四：不同类型页面显示不同内容
很抱歉，此文不对外开放。如确需与博主沟通，您可以扫描二维码添加博主微信并注明来意...