- 博客(11)
- 收藏
- 关注
RSS订阅
原创 记录自己在h5页面中遇到的坑
虽然自己在开发中主要以开发web页面为主，但是也不乏做一些移动端页面。在开发页面过程中就会遇到很多意想不到的坑 ， 因此在这记录下来。1 。 在开发中遇到背景放置一个长的背景图 ， 将他绝对定位 给宽高 ， 给body加个overflow:hidden; 给图片加overflow-y：scroll; 实现了 但是在滚动到最底部以后发现图片下面留有一小块空白，，蛋疼，，，，最后解决办法 给...
2018-06-05 21:27:06
460
原创 vue中移动端返回事件
在vue打包成的webapp中经常需要会执行返回，安卓键盘上的返回在mounted钩子里面写在close 方法里处理你的逻辑 例如说退到一个页面// close(){// this.$router.replace({path: '/search'});// //replace替换原路由，作用是避免回退死循环// },注意在这里使用replace避免死循环...
2018-12-24 17:26:38
3210
原创 使用echarts小结
最近这段时间在做项目过程中使用到了echarts图表， 主要就是参照echarts的api和官方上的一些例子 来实现 ，， 这里不得不吐槽下产品设计 有些是真的蛋疼，和echarts上的配置各种不一样，需要各种修改，， 这个没多少技术含量，主要就是对某些样式 配置什么的进行修改一下。因此在此把遇到的问题总结一下。1 类似于这样的echarts图 ，有4条折线 首页是对lege...
2018-12-24 17:18:42
386
原创 当触发键盘事件时中文输入法下输入英文不触发键盘事件
// 中文输入法时英文不触发键盘事件search.addEventListener('compositionstart',function(){ flag = false;});search.addEventListener('compositionend',function(){ flag = true;});search.oninput = function(){ ...
2018-10-29 16:24:44
2300
原创 记录在一个webapp中遇到的坑
最近做了一个移动端项目,使用了vue脚手架，在这里记录一下在里面遇到的坑吧主要是在ios或者安卓上兼容性问题1页面上头部有菜单，底部有菜单，中间 有菜单的时候 选择 头部底部固定定位，中间绝对定位，然后超出部门overflow：scroll,在ios手机上滚动的时候会出现十分卡顿的情况，这时候需要在ios上加/*使得在ios手机上滑动起来更加书顺畅*/-webkit-overflo...
2018-10-29 16:06:13
545
转载 js中 apply与call的用法
版权声明：本文为博主原创文章，转载请注明出处。 https://blog.csdn.net/ganyingxie123456/article/details/70855586 最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这...
2018-10-24 21:10:29
102
原创 弹性布局
弹性布局 与传统的页面布局方式相比 会简单很多，在这里对弹性布局的知识点进行一些总结。第一步 要将父容器转换为弹性盒子，然后就是设置容器的属性<!-- 容器的属性 --><!--A . flex-direction: 决定主轴的排列方向--> <!--row x轴方向 起点在左端--> <!--row...
2018-09-11 13:18:42
1629
原创 根据搜索词使得搜索结果中的关键词改变颜色
将对应字段 用字符串的split(val)方法转化为数组，， 转化为数组之后再用数组的join（val）方法 添加进去
2018-09-10 17:12:09
2289
原创 webstorm的编辑与安装
在这里推荐一款强大的web前端开发工具---webstorm;功能强大，支持es6语法，代码提示，有服务器环境，等功能很强大，就是第一次运行会比较慢在下载好后会遇到一个问题 就是需要破解否则只能用30天在这里说下破解的方法，用License server那个方法去破解经常会用一段时间后验证码会过期，使用这种方法的朋友在网上百度一下找个破解码就好了。所以在这里说下另一种方法 用Lis...
2018-09-04 21:22:30
175
原创 写一个js钟表小demo
最近在做一个围绕圆圈的线条 想到了时钟实现这个最主要的是一个css树形 transform origin属性；时钟的刻度由js循环遍历加载生成html 部分<div class="box"> <ul> </ul> <div class="hour"></div> <div cl
2018-07-06 15:36:47
465
原创 cursor属性
在此记录一下css属性中的一个 cursor属性最常用的就是一个cursor:pointer 一直在使用但是偶然在做别的页面的时候有特殊的样式，于是w3c上查了一下 ，有好多 ，在此记录一下cursor:crosshair 呈现十字线cursor:move 可移动cursor:ne-resize 可向上拖动cursor:wait 正在等待cursor:help 寻求帮助...
2018-06-19 15:20:39
1630
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人