- 博客(16)
- 收藏
- 关注
转载 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
2306
转载 禁止默认webapp下拉效果
方法1应用 CSS 属性 touch-action: none; 这样任何触摸事件都不会产生默认行为,但是 touch 事件照样触发。方法2注册处理函数时,用如下方式,明确声明为不是被动的window.addEventListener('touchmove', fn, { passive: false })...
2020-09-16 10:41:18
197
转载 移动端,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
410
转载 webpack之proxyTable设置跨域
webpack之proxyTable设置跨域为什么要使用proxyTable很简单,两个字,跨域。 在平时项目的开发环境中,经常会遇到跨域的问题,尤其是使用vue-cli这种脚手架工具开发时,由于项目本身启动本地服务是需要占用一个端口的,所以必然会产生跨域的问题。当然跨域有多种解决方式,这里就不一一例举,下次弄篇文章单独讲,在使用webpack做构建工具的项目中使用proxyTable代理实现跨域是一种比较方便的选择。如何使用proxyTable还是拿之前使用过的vue-cli举例。我们首先
2020-07-27 18:03:50
495
转载 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
666
转载 关于Script标签在html页面放置位置
关于<Script>标签在html页面放置位置 一般script标签会被放在头部或尾部。头部就是<head></head>里面,尾部一般指<body></body>里,但也有放在</body>闭合标签之后的。究竟这些位置不同有什么不一样呢?下面我来详细说一下:1.<script></script>...
2020-04-04 13:34:20
3498
2
原创 Less入门
1、为什么使用Less每一门技术的出现都是为了解决现存的问题,同样的,Less 的出现是为了解决 CSS 中过于呆板的写法,LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承,运算, 函数.。Less 是一门 CSS 预处理语言,总结一下为:Less = 变量 + 混合 + 函数。如果你对 js 和 css 有所了解,那么就可以很快的掌握并在你的项目中使用 Less。Less 可以运...
2018-09-05 16:40:06
269
原创 在服务器安装配置Jenkins
1、下载相关软件包xshell 、xftp、jdk、Tomcat、Jenkins2、在服务器安装配置相关软件在本地安装xshell,打开xshell编辑器链接服务器。可以直接新建会话链接,也可以在xshell界面直接使用命令连接(ssh 用户@服务器地址,回车输入密码确定即可连接)。3、在本地安装xftp,连接服务器。在服务器新建一个文件夹,将本地下载的tomcat,jdk...
2018-07-24 11:20:28
203
转载 js函数节流(throttle)与函数去抖(debounce)
一、前言 以下场景往往由于事件频繁被触发,因而频繁执行DOM操作、资源加载等重行为,导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、keydown事件 4. 文字输入、自动完成的keyup事件 实际上对于w...
2018-06-28 11:18:24
568
转载 图片延迟加载3种实现方式
定义:延迟加载也称为惰性加载,即在长网页中延迟加载图像。用户滚动到它们之前,视口外的图像不会加载。这与图像预加载相反,在长网页上使用延迟加载将使网页加载更快。在某些情况下,它还可以帮助减少服务器负载。举个例子来说明,当打开淘宝首页的时候,只有在浏览器窗口里的图片才会被加载,当你滚动首页向下滑的时候,进入视口内的图片才会被加载,而其它从未进入视口的图像不会也不会加载。那么延迟加载有什么好处:首先它能...
2018-06-28 10:13:44
11989
4
原创 bootstrap脑图
一、bootstrap入门文档:https://v3.bootcss.com/getting-started/#disable-responsive二、
2018-06-27 17:15:02
515
转载 jS基础思维导图
javascript运算符javascript数组javascript流程语句javascript字符串函数javascript函数基础javascript基础DOM操作javascript正则表达式javascript变量javascript运算符javascript数组javascript流程语句javascript字符串函数javascript函数基础javascript基础DOM操作jav...
2018-06-26 15:21:30
4782
1
转载 ES6必修掌握的新特性
一:箭头函数() => 1; // 其实这是一个自执行的匿名函数(function(){ return 1;})12345当然我们也可以给参数(a) => 1 + a// 相当于(function(a){ return 1 + a})12345如果你不想要( )也行,但是只能有一个参数v => v + 1// 相当于(function(v){ ...
2018-06-26 10:59:35
369
1
转载 Github
Github:是用来对软件项目进行托管的平台。掌握github的使用的关键在于理解它的一些关键概念,理解了之后其他都不是问题,下面一一介绍; 1、仓库 repository 说明:一个仓库一般用于存放一个项目,可以包含文件和各种格式的文件。一般也会有一个项目README文件(自述文件,用来保存你想描述的关于这个仓库的信息,可选),创建仓库时可以选择是否公开! 2、收藏Star收藏项目。方便下次查...
2018-06-22 17:52:11
310
原创 弹性布局
flex布局flex容器属性:flex-direction 决定元素的排列方向(指定哪个方向是主轴)flex-wrap 决定元素如何换行(排列不下时)flex-flow flex-direction和flex-wrap的简写justify-content 元素在主轴上的对齐方式align-items 元素在交叉轴上的对齐方式flex元素属性:flex-grow 当有多余空间时,元素的放大比例fle...
2018-06-21 14:21:31
811
转载 微信小程序基础
目录结构json文件 各个页面的配置(此处的配置会覆盖app.json下相同的配置) 页面的显示需要在app.json的pages节点以文件目录+文件名注册,第一个注册的页面为启动页 小程序的注册、各个页面的注册app.js 里必须要一个有App()函数来注册当前小程序,App()函数接受一个 object 参数,其指定小程序的生命周期函数等。//app.jsApp({ /** * 当...
2018-06-21 11:24:25
429
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人