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