移动前端开发遇到的一些问题及解决方案

1.移动端左右滑动右侧有留白 出现这种问题的话查看一下自己的css中有没有用到position:relative或者position:absolute,我做页面的时候经常遇到这个问题,百分之一百是这个原因。 2.ios点击事件无效果 为css添加cursor:pointer; 3.设置an...

2016-09-29 16:41:32

阅读数 2638

评论数 0

关于图片的一些方法

1.图片作为背景: (1)当图片作为背景的时候可以用background-size:100% 100%; 设置百分比使图片自适应大小。 (2)background-origin:content-box可以设置背景图片的起始位置得到下面的效果。 2.图片hover效果: .div img{ tra...

2016-09-29 16:16:50

阅读数 231

评论数 0

web前端开发技巧(HTML+CSS+Jquery)

1.css选择器 1)伪元素:之前刚接触css的时候,傻傻的只知道用class和id的修改样式,最近才发现:after和:before同样好用。我么可以在:after这些为元素中添加内容,比如:a:after{ content:“¥”}。 2)属性选择器,比如:input [ type=text ...

2016-09-13 16:54:40

阅读数 1032

评论数 0

input上传重复图片无法触发change事件(vue+element)

需求要做一个上传图片的组件,可上传多张,上传重复图片时提示重复,使用input上传,当图片重复时并不会触发change事件,导致无法添加提示,解决方案是上传图片完成后清空input中的value。 思路是: 1.定义dom结构,定义input的ref名称,获取到input的value值; ...

2019-04-17 14:09:19

阅读数 60

评论数 0

vue元素排序

compareVal(value) { // 按权重排序 value.sort(function compare(obj1, obj2) { let val1 = parseInt(obj1.w...

2019-03-14 18:05:13

阅读数 111

评论数 0

better-scroller使用

使用方法: better-scroll详解链接:https://www.imooc.com/article/18232

2018-03-14 13:39:40

阅读数 278

评论数 0

phpstorm在vue文件中使用stylus提示错误,可正常运行

phpstorm在vue文件中使用stylus提示错误,可正常运行,尝试升级phpstorm,木有用,最后看到了一位网友的方案,亲测有用。前提:已安装stylus和stylus-loader问题界面如下:解决方案:安装stylus插件包 setting-plugins,输入stylus查询安装后重...

2018-03-06 16:06:30

阅读数 946

评论数 2

javascript中for in和for of的区别

for in 主要用于遍历对象,得到的是对象键值 for of 主要用于遍历数组,得到的元素的值

2018-02-24 11:05:23

阅读数 91

评论数 0

js判断微信浏览器登录

var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { //微信登录 }

2017-11-27 11:25:18

阅读数 159

评论数 0

解决react-native的Navigator跳转不刷新页面的问题

最近做一个项目,在首页底部导航采用Navigator的跳转机制,发现点击底部导航,首页并不重新渲染,可以采用DeviceEventEmitter 刷新机制解决: 1.找到***\node_modules\react-navigation\src\createNavigationContainer...

2017-10-25 10:53:00

阅读数 1942

评论数 1

html 鼠标滚轮滑动切屏效果

1. html格式 2. 必要的css样式 html,body{ height: 100%; overflow: hidden; } #container{ height: 100%; position: relative; } #container...

2017-10-19 11:24:11

阅读数 1401

评论数 0

React-native遇到的错误

1.Couldn't find preset “es2015” relative to directory 在package.json 里面 增加 属性: "babel": { "presets": [ "es2015&quo...

2017-10-13 18:03:06

阅读数 206

评论数 0

React-native基础操作

1.新建项目 npm config set registry= http://registry.npm.taobao.org/ (淘宝镜像) React-native init Practice 2.启动项目 cd Products\Practice react-native run-androi...

2017-10-13 17:51:35

阅读数 85

评论数 0

ios端页面滚动出现卡顿的原因之一

如果给body或html设置了高度100%,ios端会出现图片滑动卡顿,将height去掉就好了 body{ /*height:100%;*/ } html{ /*height:100%;*/ }

2017-10-12 11:39:18

阅读数 466

评论数 0

react-native实现搜索栏渐过渡动画

实现效果: 代码import React, {Component} from 'react'; import { Animated, Easing, View, StyleSheet, TouchableOpacity, TextInput } ...

2017-06-30 14:22:30

阅读数 303

评论数 0

新建react-native项目并在genymotion模拟器上运行

1.选择项目文件夹(如在f盘),打开cmd命令编辑器,    输入指令 f:    输入指令 react-native init Test    其中Test是你新建的文件名称。 2.打开你的代码编辑器。 3.打开genymotion模拟器,并运行。 4.重新打开一个cmd命令编辑器   输入指令...

2017-05-03 15:21:52

阅读数 1845

评论数 0

office2007尾注参考文献后添加致谢的方法

写论文的时候,用尾注编辑参考文献后,发现【分隔符】按钮变灰,无法加入新页面,这是因为你再加入尾注的时候,将尾注位置定位到文档结尾了,可用下面的方法修改: 1.在正文的最后点击【引用】-【脚注】,将本节尾注位置改为节的结尾,如下图所示。 2.将光标定位在第一节的前面,点击【页面布局】-【页面设置】...

2017-03-25 13:23:27

阅读数 8990

评论数 0

WampServer 2.5设置手机访问(403 Forbidden错误解决方法)

使用手机打开http://***.***.***.***(本机ip)之后出现403错误 解决方法: 在右下角“WampServer 2.5”图标上单击左键 →  Apache → httpd.conf 将297行:Require local;替换为:Require all granted...

2016-12-28 10:47:14

阅读数 1475

评论数 0

前端兼容性IE8相关问题

1.透明度  opacity: 0.4;               filter: alpha(opacity=40); //IE 2.ie8不识别HTML5标签: head标签里面加入下面代码: 同时css加入:header,nav,article,section,aside,footer...

2016-12-16 15:07:22

阅读数 554

评论数 0

判别手机系统是ios还是android

var ua = navigator.userAgent.toLowerCase(); if (/iphone|ipad|ipod/.test(ua)) { //alert("iphone"); } else if (/android/.test(ua))...

2016-12-02 09:07:50

阅读数 324

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭