- 博客(17)
- 收藏
- 关注
转载 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
158
转载 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
841
原创 小程序中元素变大,出现滚动问题解决方案
在做小程序的时候,有时会出现元素高度变大,出现滚动条解决方案:在当前页面wxss文件中添加view { overflow: visible; line-height: normal;}后续添加原理...
2019-05-31 14:34:13
536
转载 块元素之间有空白解决方案
问题举个简单的栗子分析问题<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
913
原创 小程序中获取屏幕高度及iPhoneX适配问题
屏幕高度问题小程序中有时候需要获取屏幕高度使用,简单的通过wx.getSystemInfo即可获取到手机的系统信息wx.getSystemInfo中有3个高度,分别是:screenHeight:屏幕高度windowHeight:窗口高度statusBarHeight:状态栏高度对于小程序来说屏幕的高度 = 状态栏高度 + 导航栏高度 + 窗口高度 + 标签栏高度,如下...
2019-04-11 17:19:46
10169
1
原创 小程序中style三元表达式中需要绑定多个数据时解决方案
小程序中想要使用windowHeight需要在当前元素中添加style='height:"{{windowHeight}}"px;'但不同情况下使用三元表达式改变高度时写成<scroll-view scroll-ystyle='{{isHaveVideo ? "height:{{haveVideoHeight}}px" : "height:{{windowHeight}}px"}...
2019-04-11 16:10:38
2979
原创 wxParse空格解析不生效的解决方案
修改wxDiscode.js文件的strcharacterDiscode方法中 str = str.replace(/&nbsp;/g, ' '); 替换为 str = str.replace(/&nbsp;/g, '\xa0');
2019-01-04 14:30:21
2513
5
原创 wangeditor 粘贴word内容带样式解决方法
wangeditor自带粘贴文本样式过滤:粘贴文本注意,以下配置暂时对 IE 无效。IE 暂时使用系统自带的粘贴功能,没有样式过滤!关闭粘贴样式的过滤当从其他网页复制文本内容粘贴到编辑器中,编辑器会默认过滤掉复制文本中自带的样式,目的是让粘贴后的文本变得更加简洁和轻量。用户可通过editor.customConfig.pasteFilterStyle = false手动关闭掉...
2019-01-03 11:48:43
12850
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
988
原创 vue中一个标签中含有多个class(其中包含三元表达式)的写法
1、数组形式<div :class='["classify",current=="0" ? "active" : ""]' @click='current=0'>课程</div>注意:数组中的classify如果不加引号的话,代表的是data中的一项,并不是类名,将classify加上双引号,变成字符串就可以变成类名2、字符串拼接<div
2018-11-20 10:04:04
39019
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
1302
原创 小程序页面调用生命周期函数
例如调用上层页面的onshow:var pages = getCurrentPages(); //获取当先页面栈var prevPage = pages[pages.length - 2]; //获取上层页面栈帧prevPage.onShow(); //调用上层页面onShow ...
2018-11-05 15:16:02
1007
原创 小程序windowHeight在不同页面高度不一致问题及解决方案
小程序可以通过wx.getSystemInfo获取系统信息 1. windowHeight 概念可使用窗口高度,即:屏幕高度(screenHeight) - 导航(tabbar)高度 - 导航栏高度 - 状态栏高度。在不含导航(tabbar)的页面,windowHeight =屏幕高度(screenHeight) - 导航栏高度 - 状态栏高度 了解规则iPho...
2018-10-18 11:59:43
7734
转载 微信小程序之踩坑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
4143
原创 float:left要加display:inline
IE6下,当块元素同时具备margin和float时,会产生双边距,横向margin会被放大两倍。解决方法时display:inline;
2018-08-29 14:08:42
216
转载 实例生命周期钩子
实例生命周期钩子每个Vue实例在被创建时都要经过一系列的初始化过程 - 例如,需要设置数据监听,编译模板,将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会一些运行叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。比如 created 钩子可以用来在一个实例被创建³³之后执行代码:new Vue({ data: { a: 1 }, ...
2018-08-15 17:10:34
158
转载 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
275
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人