一.Bootstrap 响应式按钮 <div calss="col-sm-2"> <button class="btn btn-default btn-block"> </div> 表现结果:手机上全宽 桌面上2列宽 原理;btn-block 会将按钮变成全宽 但是在桌面上col-sm-2会失效 按钮被设置在2列宽 在手机上 col-sm-2失效(手机的尺寸是xs) 二.在自己的项目中整合第三方插件或功能   1.找到所有的依赖项…
在vue项目中使用codemirror插件实现代码编辑器功能(代码高亮显示及自动提示) 1.使用npm安装依赖 npm install --save codemirror; 2.在页面中放入如下代码 <template> <textarea ref="mycode" class="codesql" v-model="code" style="height:200px;width:600px;"><…
版本选择 swiper是个常用的插件,现在已经迭代到了第四代:swiper4.常用的版本是swiper3和swiper4,我选择的是swiper3. 安装 安装swiper3的最新版本3.4.2: npm i swiper@3.4.2 -S 这里一个小知识,查看node包的所有版本号的方法: npm view 包名 versions 组件编写 swiper官方的使用方法分为4个流程: 加载插件 HTML内容 给Swiper定义一个大小 初始化Swiper 我也按照这个流程编写组件: 加载插件 i…
前言 最近有小伙伴问道如何在vue-cli项目中引入第三方插件或者库,例如如果想在项目中使用jQuery中的Ajax请求数据呢?或者我想使用Bootstrap框架呢?等等这些问题,本篇博客将带你学习如何引入第三方插件或者库(仅仅只是一部分,如果没有您想要的可以自行百度),那么一起来看看吧! 本章目标 学会vue-cli项目中引入jQuery 学会vue-cli项目中引入Bootstrap vue-cli项目中引入jQuery和Bootstrap 首先我们需要引入的是jQuey这个库,毕竟作为一名…
vue2项目目录如下(utils文件夹是自己手工建的,然后在utils里新建js文件): 使用import导入文件时,注意路径,路径不对会报错: 导入之后使用外部js函数时,直接写导入时的名字加小括号即可,如 test(); 不需要加this,也不需要加别的. demo.js export default function(a,b,c){ //在这里直接写函数内容 var sum = a+b+c; console.log("我是vue中引入的外部js文件"); console.log(…
maven的tomcat插件部署web项目,我简单认为分两种,一种是部署到内置tomcat,另一种是部署到安装的tomcat. 第一种部署,默认是部署在内置tomcat的8080端口,如果不需要改端口及其他设置,完全可以不用在pom中配置tomcat插件 如果需要改端口,可参考如下配置: 复制代码 org.codehaus.mojo tomcat-maven-plugin 1.1 /Demo1 8088 UTF-8 复制代码 然后执行mvn clean tomcat:deploy, 最后mvn…
原文档请看http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/ionic%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0/ 1.首先下载这个插件: 可以在package.json文件中添加“cordova-plugin-device"来添加,也可以直接在ngCordova官网里找到相应的命令来下载, 命令为: cordova plugin add cordova-plugin-camera 2.在ionic项…
所有安装都是cd到该项目目录中安装 -S代表将插件添加到项目中的package.json文件 1.iview 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品 cnpm install iview -S 在项目中引入iview 在入口文件main.js中配置 import iView from 'iview' import 'iview/dist/styles/iview.css' Vue.use(iView) 2.node-sass与sass-loader n…
jmeter脚本需要执行脚本,先得下载jmeter并解压jmeter.如想在maven项目中通过mvn install 直接执行jmx文件,这样就能在测试服务器上通过一个命令就能执行下性能测试了,给自动化执行性能测试找到了一个便捷的途径.怎样实现在maven项目中运行jmx文件呢?jmeter-maven-plugin插件就能帮助我们来实现,具体过程如下: 1.新建一个maven项目,如jmeter-maven,pom主要的依赖有:ApacheJMeter_core.ApacheJMeter_j…
在项目开发的过程中,一般都会对表格进行分页处理,大多是情况下会在项目中配置好后台分页插件,提高效率,减轻浏览器的压力.但是有时会遇到有些数据不能直接通过分页插件操作数据库进行分页数据查询,那就需要用到前端分页.DataTables分页插件就很好用,后台通过将查询好的数据封装成具体格式的数据(json),传到前台,前台通过配置DataTables插件的配置选项,对数据进行分页显示.下面为DataTables插件的使用过程: 1.引入头文件 // 引入DataTables样式文件 <link rel…