前端
文章平均质量分 62
memejie
这个作者很懒,什么都没留下…
展开
-
Vue中如何使用less
第一步:安装 less 和less-loadernpm install less less-loader --save第二步:修改webpack.base.conf.js文件找到build文件夹下的webpack.base.conf.js文件,配置loader加载依赖,让其支持外部的less,在原来的代码上添加module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', .转载 2020-12-03 15:55:20 · 2334 阅读 · 0 评论 -
禁止默认webapp下拉效果
方法1应用 CSS 属性 touch-action: none; 这样任何触摸事件都不会产生默认行为,但是 touch 事件照样触发。方法2注册处理函数时,用如下方式,明确声明为不是被动的window.addEventListener('touchmove', fn, { passive: false })...转载 2020-09-16 10:41:18 · 216 阅读 · 0 评论 -
移动端,h5/webapp, 简易的上拉加载,下拉刷新 vue-mobile-loadmore
vue-mobile-loadmore移动端,h5/webapp, 简易的上拉加载,下拉刷新。Installnpm install vue-mobile-loadmore --saveUsage in ES2015/ES6:// 在单页内引用import vueLoadMore from 'vue-mobile-loadmore'new Vue({ components: { vueLoadMore }}) .important vu转载 2020-09-16 10:05:37 · 422 阅读 · 0 评论 -
webpack之proxyTable设置跨域
webpack之proxyTable设置跨域为什么要使用proxyTable很简单,两个字,跨域。 在平时项目的开发环境中,经常会遇到跨域的问题,尤其是使用vue-cli这种脚手架工具开发时,由于项目本身启动本地服务是需要占用一个端口的,所以必然会产生跨域的问题。当然跨域有多种解决方式,这里就不一一例举,下次弄篇文章单独讲,在使用webpack做构建工具的项目中使用proxyTable代理实现跨域是一种比较方便的选择。如何使用proxyTable还是拿之前使用过的vue-cli举例。我们首先转载 2020-07-27 18:03:50 · 517 阅读 · 0 评论 -
vue项目中使用lib-flexible解决移动端适配的问题
第一部分:项目中引入lib-flexible一、项目中安装lib-flexible$ npm install lib-flexible --save二、在项目的入口js文件中引入lib-flexibleimport 'lib-flexible'通过要以上两步,就完成了在vue项目使用lib-flexible来解决移动端适配了。lib-flexible会自动在html的head中添加一个meta name="viewport"的标签,同时会自动设置html的font-size为屏幕宽度除.转载 2020-07-09 12:30:35 · 696 阅读 · 0 评论 -
在服务器安装配置Jenkins
1、下载相关软件包xshell 、xftp、jdk、Tomcat、Jenkins2、在服务器安装配置相关软件在本地安装xshell,打开xshell编辑器链接服务器。可以直接新建会话链接,也可以在xshell界面直接使用命令连接(ssh 用户@服务器地址,回车输入密码确定即可连接)。3、在本地安装xftp,连接服务器。在服务器新建一个文件夹,将本地下载的tomcat,jdk...原创 2018-07-24 11:20:28 · 222 阅读 · 0 评论 -
Less入门
1、为什么使用Less每一门技术的出现都是为了解决现存的问题,同样的,Less 的出现是为了解决 CSS 中过于呆板的写法,LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承,运算, 函数.。Less 是一门 CSS 预处理语言,总结一下为:Less = 变量 + 混合 + 函数。如果你对 js 和 css 有所了解,那么就可以很快的掌握并在你的项目中使用 Less。Less 可以运...原创 2018-09-05 16:40:06 · 288 阅读 · 0 评论