memejie-CSDN博客

转载 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&gt...

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

memejie的博客