- 博客(26)
- 收藏
- 关注
RSS订阅转载 input输入框失去焦点，软键盘关闭后，滚动的页面无法恢复到原来位置
H5微信页面开发，软键盘弹起后，若原输入框被遮挡，页面整体将会上移，然而当输入框失焦，软键盘收起后，页面未恢复，导致弹框里的按钮响应区域错位。解决方案：给输入框（或select选择框）添加失去焦点的事件，当输入框失去焦点，页面自动滚动到顶部，并且需要加定时器，否则偶尔会失效，$("input,select").blur(function(){ setTimeout(...
2019-01-25 14:51:00
1003
转载 按住CTRL多选，按住shift连选的实现
<tr class="address" v-for="(counts, index) in counts" :key="index" @click="trSelect(index)" :class="rowsSelect.indexOf(index) != -1 ? 'selectTr' : ''"></tr>document.onkeydow...
2018-11-07 16:39:00
1700
转载 JavaScript 进阶
字符串方法①charAt() 方法可返回指定位置的字符②indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置③split() 方法将字符串分割为字符串数组，并返回此数组④substring() 方法用于提取字符串中介于两个指定下标之间的字符⑤substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串数组对象...
2018-05-17 17:35:00
120
转载 css 底层知识点
(摘自张鑫旭老师的课程内容)position: absolute1. 定位元素（关闭按钮etc）：dom顺序保持正确，然后根据absolute的位置跟随性（脱离文档流但是位置不变）和margin值进行定位在img和文字之间用<!-- -->注释掉多余的空格2. 当absolute定位后，left:0 right:0(百分百拉伸)，尺寸限制（eg: wid...
2018-05-14 10:51:00
140
转载 js求最大值最小值
比较数组中数值的大小是比较常见的操作，比较大小的方法有多种，比如可以使用自带的sort()函数，代码如下:<html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta n...
2017-10-13 10:30:00
322
转载 逐帧动画抖动、适配布局、SVG Sprites
笔者所在的前端团队主要从事移动端的H5页面开发，而团队使用的适配方案是:viewport units + rem。具体可以参见凹凸实验室的文章 –利用视口单位实现适配布局。笔者目前（2017.08.12）接触到的移动端适配方案中，「利用视口单位实现适配布局」是最好的方案。不过使用rem作为单位会遇到以下两个难点：微观尺寸（20px左右）定位不准逐帧动画容易有抖动...
2017-10-12 17:58:00
280
转载 IE浏览器下flex布局的bug
原文地址：gitub上的Flexbugslist，可以看到Flex布局在IE糟糕表现的详细描述。2. Column flex items set toalign-items:centeroverflow their containerflex 容器如果设置竖排，并且垂直居中，flex子项目的文字会溢出容器。解决办法是给子项目设置一个max-width:100%。Edge修...
2017-10-11 13:56:00
1717
转载 css自定义滚动条
有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。演示...
2017-09-19 16:33:00
83
转载 未知高度的div自适应图片高度
<div style="background-image: url(http://your-image.jpg);"> <img src="http://your-image.jpg" style="opacity:0;" /></div>用图片去占位，把div高度撑开就可以显示背景图片同时改变背景图和图片的宽高就可以做到div高度自适...
2017-09-07 17:50:00
123
转载 vue中父子组件的通信
1、父组件向子组件传递数据 父组件传递:data = parent.data 子组件接收props: {data:{}}2、子组件向父组件传递数据（https://vuefe.cn/v2/guide/migration.html#dispatch-和-broadcast-替换） 子组件派发事件：this.$emit('name',param) 父组件监听事件：...
2017-08-17 17:36:00
69
转载 sticky footer
html:<div class="detail"> <div class="detail-wrapper"> <div class="detail-main"></div> </div> <div class="detail-close"> <span clas...
2017-08-10 11:38:00
70
转载 web app、hybrid app和native app区别
转载于:https://www.cnblogs.com/lrxsblog/p/7305375.html
2017-08-08 10:10:00
96
转载 基于vue的实战步骤
1、脚手架vue-cli安装npm install -g vue-cli（npm init -f 生成package.json文件）vue init webpack myappcd myappnpm installnpm run dev2、资源准备，目录设计3、项目中的问题及解决方案 ①定义全局方法：(在入口页面定义)Vue.prototype...
2017-07-19 17:10:00
151
转载 webApp总结
有关Meta基本Meta<!-- 设置缩放 --><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /><!-- 适配iPhone X,让应用的背景铺满全屏（否则刘海部分跟内容部分颜色不一样）&...
2017-06-19 18:02:00
174
转载 移动rem自适应
/** * rem计算方式：设计图尺寸px / 100 = 实际rem 例: 100px = 1rem */!function (window) { /* 设计图文档宽度 */ var docWidth = 750; var doc = window.document, docEl = doc.documentElement, resize...
2017-06-15 11:23:00
105
转载 Cordova 6.5 -Android环境搭建笔记
（Vue+Vue-cli+VueRouter+Webpack构建单页面应用推荐看下面二个https://lvyongbo.gitbooks.io/vue-loader/content/http://blog.guowenfh.com/2016/03/24/vue-webpack-01-base/）安装Cordoca CLI下载和安装Node.js。安装完成后你可以...
2017-06-14 09:14:00
231
转载 将图片转成线稿图
1、首先找一张图片，在PS中打开，我随便找了一张自己收藏的壁纸如下图：2、打开图片之后,我们先把图像处理成黑白。点击菜单栏:图像-调整-黑白。快捷键:Alt+Shitf+Ctrl+B3、现在我们把这个图层复制一个。点击菜单栏:图层-复制图层-确定.。快捷键:Ctrl+J大家可以看左下角的图层面板.4、对复制出来的图层执行”反向”处理。点击菜单栏:图像-...
2017-05-25 10:23:00
3182
转载 图片转水彩风
一：1、用photoshop打开自己在coron拍摄的一张照片（据我的经验，建筑物的照片效果最佳，特别是异域风情的建筑物）2、复制图层，将其作为线稿层。3、选择复制图层，滤镜-滤镜库-风格化-照亮边缘，参数以合适为准，图片是我的常用参数。4、在上一步骤后，进行图像-调整-反向，当当当当！彩色线稿get~5、处理完线稿之后，就开始处理原始图层啦，先把线稿图层关闭，选中原...
2017-05-25 10:21:00
294
转载 icon moon追加字体
一、初始自定义字体为icon moon1@font-face { font-family: 'icomoon1'; src: url('fonts/icomoon1.eot?9fhn24'); src: url('fonts/icomoon1.eot?9fhn24#iefix') format('embedded-opentype'), url('fonts/icomoo...
2017-04-14 17:56:00
158
转载 ionic框架使用步骤
nodejs下载：https://npm.taobao.org/mirrors/node一、全局安装ionic：npm install -g cordova ionic如果安装失败：npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install -g cordova ionic二、创...
2017-03-14 16:33:00
133
转载 substr、substring和slice的区别
substr(start,[length])表示从start位置开始取length个字符串；substring(start,end)表示从start，到end之间的字符串，包括start位置的字符但是不包括end位置的字符；若参数值为负数,则将该值转为0;两个参数中,取较小值作为开始位置,截取出来的字符串的长度为较大值与较小值之间的差slice(start,[end])表示从start位...
2017-03-10 11:43:00
93
转载 word-wrap与break-word属性的区别
共同点word-wrap:break-word与word-break:break-all都能把长单词强行断句不同点word-wrap:break-word会首先起一个新行来放置长单词，新的行还是放不下这个长单词则会对长单词进行强制断句；word-break:break-all则不会把长单词放在一个新行里，当这一行放不下的时候就直接强制断句了。（超出部分用省略号代替）m...
2017-03-03 09:28:00
127
转载 js修改伪类的值
css文件p.change:after { content: attr(data-content);}js文件$(this).addClass('change').attr('data-content', content);转载于:https://www.cnblogs.com/lrxsblog/p/6255768.html
2017-01-06 11:54:00
185
转载 快速批量删除文件名中相同的文字
①右击，新建一个文本文档，复制下面内容并保存。@echo off& setlocal enabledelayedexpansionfor /f "delims=" %%1 in ('dir /a /b') do (set wind=%%1ren "%%~1" "!wind:文档=!")②将txt文档后缀改为“.bat”文件，然后打开此文件就可以批量删除相同文字...
2017-01-05 16:26:00
2727
转载 页脚始终居于底部
<style>body{position: absolute; min-height: 100%; width: 100%;}content{padding-bottom:100px;} /***====padding-bottom的值为页脚的高度（若内容高度足够）====***/footer{position: absolute; bottom: 0; width:...
2016-11-15 13:59:00
98
转载 未知宽度的div水平居中
淘宝分页： div{position:relative; left:50%; float:left;} p{position:relative; left:-50%;}转载于:https://www.cnblogs.com/lrxsblog/p/6062572.html
2016-11-14 17:13:00
201
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人