小地瓜呱-CSDN博客

转载 vue-cli 中使用less

第一步安装less和less-loader，命令如下npm install less less-loader --sava-dev第二步打开build/webpack.base.conf.js，在module.exports 对象中添加依赖module.exports = {module: {rules: [...

2019-10-28 16:53:19 150

转载 VUE中LESS文件全局引用

1、先安装sass-resources-loader　npm install sass-resources-loader2、然后在build->utils.js修改less配置　　在less后面加上.concat(2 {3 loader: 'sass-resources-loader',4 options: {5 ...

2019-10-28 16:51:01 818

原创小程序中元素变大，出现滚动问题解决方案

在做小程序的时候，有时会出现元素高度变大，出现滚动条解决方案：在当前页面wxss文件中添加view { overflow: visible; line-height: normal;}后续添加原理...

2019-05-31 14:34:13 507

转载块元素之间有空白解决方案

问题举个简单的栗子分析问题<div style="border:1px red solid"> <a style="display:inline-block;width:20%;">1111</a> <a style="display:inline-block;width:80%;">2222</a></...

2019-04-11 17:44:37 884

原创小程序中获取屏幕高度及iPhoneX适配问题

屏幕高度问题小程序中有时候需要获取屏幕高度使用，简单的通过wx.getSystemInfo即可获取到手机的系统信息wx.getSystemInfo中有3个高度，分别是：screenHeight：屏幕高度windowHeight：窗口高度statusBarHeight：状态栏高度对于小程序来说屏幕的高度 = 状态栏高度 + 导航栏高度 + 窗口高度 + 标签栏高度，如下...

2019-04-11 17:19:46 9989 1

原创小程序中style三元表达式中需要绑定多个数据时解决方案

小程序中想要使用windowHeight需要在当前元素中添加style='height:"{{windowHeight}}"px;'但不同情况下使用三元表达式改变高度时写成<scroll-view scroll-ystyle='{{isHaveVideo ? "height:{{haveVideoHeight}}px" : "height:{{windowHeight}}px"}...

2019-04-11 16:10:38 2923

原创 wxParse空格解析不生效的解决方案

修改wxDiscode.js文件的strcharacterDiscode方法中 str = str.replace(/&nbsp;/g, ' '); 替换为 str = str.replace(/&nbsp;/g, '\xa0');

2019-01-04 14:30:21 2476 5

原创 wangeditor 粘贴word内容带样式解决方法

wangeditor自带粘贴文本样式过滤：粘贴文本注意，以下配置暂时对 IE 无效。IE 暂时使用系统自带的粘贴功能，没有样式过滤！关闭粘贴样式的过滤当从其他网页复制文本内容粘贴到编辑器中，编辑器会默认过滤掉复制文本中自带的样式，目的是让粘贴后的文本变得更加简洁和轻量。用户可通过editor.customConfig.pasteFilterStyle = false手动关闭掉...

2019-01-03 11:48:43 12594 4

原创 css多行文本溢出省略失败问题

重点：但是在多行文本溢出省略中有时会出现文字不换行的情况，添加white-space: normal;就成功了单行文本溢出省略.single-row text{ display: block; line-height: 40rpx; height: 120rpx; overflow: hidden; white-space: nowra...

2019-01-02 14:25:26 935

原创 vue中一个标签中含有多个class（其中包含三元表达式）的写法

1、数组形式<div :class='["classify",current=="0" ? "active" : ""]' @click='current=0'>课程</div>注意：数组中的classify如果不加引号的话，代表的是data中的一项，并不是类名，将classify加上双引号，变成字符串就可以变成类名2、字符串拼接<div

2018-11-20 10:04:04 38978 3

原创 webstorm vue解决线上环境与测试环境接口地址问题

一、在config->index.js中，将dev中的proxyTable：{ }变为proxyTable: { '/api': { target: 'https://xx.xxxx.com',//接口地址的公共部分 changeOrigin: true, pathRewrite: { '/api': ...

2018-11-20 09:55:27 1278

原创小程序页面调用生命周期函数

例如调用上层页面的onshow：var pages = getCurrentPages(); //获取当先页面栈var prevPage = pages[pages.length - 2]; //获取上层页面栈帧prevPage.onShow(); //调用上层页面onShow ...

2018-11-05 15:16:02 982

原创小程序windowHeight在不同页面高度不一致问题及解决方案

小程序可以通过wx.getSystemInfo获取系统信息 1. windowHeight 概念可使用窗口高度，即：屏幕高度（screenHeight） - 导航（tabbar）高度 - 导航栏高度 - 状态栏高度。在不含导航（tabbar）的页面，windowHeight =屏幕高度（screenHeight） - 导航栏高度 - 状态栏高度了解规则iPho...

2018-10-18 11:59:43 7308

转载微信小程序之踩坑textarea 组件的 bug

微信小程序公测也有段时间了，但是里面的坑踩了一个又一个，心也是够累的。本文说说关于 textarea 组件的 bug。（注：本文提及的 bug，至少在 2016-12-1日还存在）上一篇：微信小程序之踩坑之旅一，wx.request 和 wx.uploadFile测试时使用到：微信web开发者工具 v0.11.112301 手机预览，iPhone6s，微信6.3.31 ...

2018-09-20 14:12:46 4090

原创 float:left要加display：inline

IE6下，当块元素同时具备margin和float时，会产生双边距，横向margin会被放大两倍。解决方法时display:inline;

2018-08-29 14:08:42 206

转载实例生命周期钩子

实例生命周期钩子每个Vue实例在被创建时都要经过一系列的初始化过程 - 例如，需要设置数据监听，编译模板，将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会一些运行叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。比如 created 钩子可以用来在一个实例被创建³³之后执行代码：new Vue({ data: { a: 1 }, ...

2018-08-15 17:10:34 148

转载 js一元操作符之递增递减操作符的前置型与后置型详解

javascrip中，一元操作符中递增操作符： ++递减操作符： --这两个操作符可以放在变量的前面，也可以放在变量的后面。但是前后是有区别的。1. a++与++a都是对a进行自加1，结果完全相同；递减操作符都是自减1。function test1(){ var a = 5, b = 5, c = 5, d = 5; ++a; ...

2018-08-09 10:53:04 256

qq_41619741的博客