移动端遇到的常见JS与CSS问题及解决方法

由于笔者的水平有限,虽说都是笔者遇到过使用过的,但文中可能也会出现一些问题或不严谨的地方,望各位指出,不胜感激! 一. css部分 body如果设置height:100%;overflow:hidden是依然可以滑动的,如果需禁止,要再加一层div设置 height:100%加overflow:hidden(html,body加height:100%) ,这样元素超出body的高度也不能滑动了 meta标签 <meta name="viewport" content="…

移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法（摘自zdwzdwzdw）

笔者接触移动前端快一年了,特将平时的一些笔记整理出来,希望能够给需要的人一些小小的帮助.同时也由于笔者的水平有限,虽说都是笔者遇到过使用过的,但文中可能也会出现一些问题或不严谨的地方,望各位指出,不胜感激! 一. css部分 body如果设置height:100%;overflow:hidden是依然可以滑动的,如果需禁止,要再加一层div设置 height:100%加overflow:hidden(html,body加height:100%) ,这样元素超出body的高度也不能滑动了.或者同时…

【FAQ】接入HMS Core推送服务，服务端下发消息常见错误码原因分析及解决方法

HMS Core推送服务支持开发者使用HTTPS协议接入Push服务端,可以从服务器发送下行消息给终端设备.这篇文章汇总了服务端下发消息最常见的6个错误码,并提供了原因分析和解决方法,有遇到类似问题的开发者们快了解一下吧. 错误码一:80200001," Oauth认证错误" 原因分析: 下发消息未添加Authorization请求参数或值为空. 应用A的APPID申请的Access Token,却用于给应用B推送消息,也会出现此错误码. 申请Access Token 下发消息解决方…

javascript常见的20个问题与解决方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

PHP开发中常见的安全问题详解和解决方法（如Sql注入、CSRF、Xss、CC等

页面导航: 首页 → 网络编程 → PHP编程 → php技巧 → 正文内容 PHP安全 PHP开发中常见的安全问题详解和解决方法(如Sql注入.CSRF.Xss.CC等) 作者: 字体:[增加减小] 类型:转载这篇文章主要介绍了PHP开发中常见的安全问题详解和解决方法,详细介绍了例如Sql注入.CSRF.Xss.CC等攻击手段的背景知识以及解决方法,需要的朋友可以参考下浅谈Php安全和防Sql注入,防止Xss攻击,防盗链,防CSRF 前言: 首先,笔者不是web安全的专家,所以这不是we…

Eclipse、MinGW、JNI编写C++生成dll, Java端调用的完整示例(附java.lang.UnsatisfiedLinkError解决方法)

Eclipse.MinGW.JNI编写C++生成dll, Java端调用的完整示例(附java.lang.UnsatisfiedLinkError解决方法) 问题背景:之前的JNI编程都是基于Android的NDK工具,生成so文件供android端调用,参见:http://blog.csdn.net/yanzi1225627/article/details/8525720 现在的目标是用eclipse CDT MinGW编写C++文件生成PC上可用的动态链接库dll,供纯Java调用.本以为…

JS 无法清除Cookie的解决方法

JS 无法清除Cookie的解决方法项目中使用sdmenu.js时,需要在登录时清除Cookie,而sdmenu默认是会保存Cookie的下面是sdmenu.js保存Cookie的方法 document.cookie = "sdmenu_" + encodeURIComponent(this.menu.id) + "=" + states.join("") + "; expires=" + d.toGMTString(…

springboot+thymeleaf刨坑——首页加载js/css等失败解决方法

在使用thymeleaf加载css或js样式,当我们进入登录页的时候发现,所有的样式都是加载失败的.原因是在新版中有这样一个坑……: 当我们设置了addInterceptors-注册拦截器的时候,通常会这样设置 /** * 注册拦截器 */ @Override public void addInterceptors(InterceptorRegistry registry) { // 拦截除了登录页的全部请求,不拦截静态资源 registry.addInterceptor(new LoginHa…

css命名冲突解决方法

css的命名冲突目前有几种解决方法: 1.命名约定人为的制定一下命名规则以避免冲突,例如前缀,嵌套等 2.CSS in JS 在JavaScript中写CSS,使用工具编译为css,最常见的是styled-components 3.使用编译工具改变css类名最常见的是CSS Modules 4.HTML5的style scoped 可以部分解决css重名问题,缺陷很多 1. CSS Modules CSS Modules只转换 class 和 id 选择器.在 js 中 styles 就像一…

ie6,ie7,ie8 css bug兼容解决方法

IE浏览器以不支持大量的css 属性出名,同时也因其支持的css属性中存在大量bug. 这里收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 普通IE css bug bug名称影响版本描述 Image Label Focus Bug IE8,IE7,IE6 <img>元素在<label>元素之内,单击时,焦点不会转移到相应的表单控件按钮Margin-A…

【转】 IE6 IE7 IE8 css bug兼容性解决方法总结归纳

1:li边距“无故”增加任何事情都是有原因的,li边距也不例外. 先描述一下具体状况:有些时候li边距会突然增加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其低级元素ul的padding引起,padding的上下值对li有影响,左右无影响.所以只好笨手笨脚地把padding去掉,换成margin.这是能解决问题,但往往不是我们想要的结果,或许还会引起其他不必要的怪现象. 现在终于发现解决这个问题的方法,其实很简单,既然是有ul引起的,就设置…

CSS中文乱码解决方法

原文链接:http://caibaojian.com/css-unicode.html 我的CSS里面有一个content用到了中文,作用主要是在前端日报文章中显示出“网页链接”这四个字,然而打开百度快照看文章的时候却发现有乱码的情况.今天来说说怎么解决CSS中文乱码.· 解决方法总结就是不要使用中文字体在需要显示在页面的样式中,而要用 Unicode 编码后的代码.比如“网页链接”这个转为Unicode代码为:\7F51\9875\94FE\63A5. 转化方法你可以直接在chrome c…

移动端H5页面中1px边框的几种解决方法

问题提出这是一个比较老的问题了,我第一次注意到的时候,是UI设计师来找我麻烦,emmm那时候我才初入前端职场,啥也不懂啊啊啊啊啊,情形是这样的:设计师拿着手机过来:这些边框都粗了啊,我的设计稿上是1px的我:????我写的是1px呀,不信你看.(说着拿出了css代码设计师:不对啊我眼睛看来这个边框比我设计稿上粗很多,看起来好奇怪(emmm果然像素眼我:那我把它改成0.5px你看看(边说边改了代码设计师一看,点点头,果然好很多.后来发现同样的代码在某些安卓机上是有问题的,会导致0.5px的线看不…

Tomcat常见的内存溢出，以及解决方法

一.常见的三种内存溢出错误: 1.java.lang.OutOfMemoryError:java heap space ====JVM Heap(堆)溢出 JVM再启动的时候回自动设置JVM Heap的值,其初始化空间(即-Xms)是物理内存的1/64,最大空间(-Xmx)不可超过物理内存. 可以利用JVM提供的-Xmn -Xms -Xmx等选项进行设置. Heap的大小是Young Genration和Tenured Generaion之和. 在JVM中如果98%的时间是用于GC,且可用…

Oracle常见死锁发生的原因以及解决方法

Oracle常见死锁发生的原因以及解决办法一,删除和更新之间引起的死锁造成死锁的原因就是多个线程或进程对同一个资源的争抢或相互依赖.这里列举一个对同一个资源的争抢造成死锁的实例. Oracle 10g, PL/SQL version 9.2 CREATE TABLE testLock( ID NUMBER, test VARCHAR(100) ) COMMIT INSERT INTO testLock VALUES(1,'test1'); INSERT INTO testLock VAL…

针对IE浏览器里面CSS的Bug解决方法

IE6双倍边距bug 当页面内有多个连续浮动时,如本页的图标列表是采用左浮动,此时设置li的左侧margin值时,在最左侧呈现双倍情况.如外边距设置为10px, 而左侧则呈现出20px,解决它的方法是在浮动元素上加上display:inline;的样式,这样就可避免双倍边距bug. 3像素问题及解决办法当使用float浮动容器后,在IE6下会产生3px的空隙,有意思的是右侧容器没设置高度时3px在右侧容器内部,当设定高度后又跑到容器的左侧了,所以对布局精度要求高的话,请参考例29.31的解决方…

安卓移动端line-height垂直居中出现偏移的原因，及解决方法

目前在移动端安卓手机上使用line-height属性,让它的值等于height,结果发现是不居中的.出现了一定位置的偏移情况,如果略微只有两三个像素差距是看不出来的. 左图中的字号是12px,右图中的行高是26px.仔细观察过上图后,闲话少扯,直接说说我对这个android上line-height问题的一些看法: 字体大小不要使用奇数字号,带小数点的更不要提了.也就是说被2整除的整数且不可小于12px. 尽量不要使用rem或者em的单位,除非你能对字号的把握在每个手机上都能达到第1条的要求.别外…

vite2 打包的时候vendor-xxx.js文件过大的解决方法

vite2是一个非常好用的工具,只是随着代码的增多,打包的时候 vendor-xxxxxx.js 文件也越来越大,这就郁闷了. 打包时遇到警告输出文件名字/static/vendor.9b5698e4.js 806.03kb / brotli: skipped (large chunk) Some chunks are larger than 500kb after minification. Consider: Using dynamic import() to code-split the…

Web移动端使用localStorage缓存Js和css文件 | 强制不要缓存

1.尽量不把js放在onload事件中,而是放在由用户主动触发的事件 2.加时间戳,时间不同则会加载js而非使用缓存强制不要缓存: <meta http-equiv=Cache-Control content=no-cache /> 必须结合其他:  <meta http-equiv="pragram" content="no-cache"> <!--网页不保存在缓存中,每次…

Maven项目WEB-INF/views无法引入js,css静态文件解决方法

web.xml针对文件后缀配置以下,对客户端请求的静态资源如图片.JS文件等的请求交由默认的servlet进行处理 <servlet-mapping> <servlet-name>default</servlet-name> <url-pattern>*.css</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>default<…

JS判断是否有js、css文件的引入方法

在页面头部有个 <script type="text/javascript" src="abc.js"></script> <link href="efg.css" rel="stylesheet" type="text/css" />的引用,如何才能判断出来是否已经有了abc.js和efg.css文件的引用呢? function isInclude(name){ var…

vue.js常见的报错信息及其解决方法的记录

1.Vue packages version mismatch 翻译:vue包版本匹配错误报错样例: 报错原因:通常出现于一些依赖库的更新或者安装新的依赖库之后(可以认为npm update已经成为一种习惯),导致了vue和vue-template-compiler的版本不一致. 解决方案:统一vue和vue-template-compiler的版本 "vue": "2.3.4", "vue-template-compiler": "…

vue.js开发SPA常见问题及解决方法

列表进入详情页的传参问题. 例如商品列表页面前往商品详情页面,需要传一个商品id; <router-link :to="{path: 'detail', query: {id: 1}}">前往c页面</router-link> c页面的路径为http://localhost:8080/#/detail?id=1,可以看到传了一个参数id=1,并且就算刷新页面id也还会存在.此时在c页面可以通过id来获取对应的详情数据,获取id的方式是this.$route.qu…

【H5-移动端开发】外部唤起本机APP的解决方法

太长时间没来博客园,原因很简单啊--太懒了!罪过罪过~ 最近公司的APP项目开始运行,采用的是原生框架+内嵌H5页面.作为一个菜鸡前端,开始入手学习移动端的界面制作加载性能优化.由于公司开始推广软件,加大引流量,运营部开发了软件短信提醒功能,其中需要在短信内放置软件的短链接,简单常见的一个小功能,而我要做的是提供一个短连接就可以了. 分析了一下功能需求:.当用户通过短信内部点击短链接时,会自动唤起我们的APP. 需要考虑:1.判断用户的设备类型.2.判断用户是否已经安装了此软件,安装了直接唤起,…

WebLogic12.1.1中跨域问题的探讨以及几种常见中间件中跨域问题的解决方法

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.问题描述扬州现场中最开始安装了中间件WebLogic12.1.1版本,按照公司之前解决WebLogic12的方法,我们在中间件中发布了一个虚拟路径为/,根目目录文件为root的服务. 这个root文件中包含的文件如下: 在程序启动发起跨域访问时,出现了下面这个问题: 如图可见,我们虽然可以访问到crossdomain.xml,并且能得到里面的完整内容,可是程序无…

jquery------显示加载的js时出现中文乱码解决方法

方法: 把my.js文件复制出来,用记事本打开,再另存为的时候设置编码格式为utf-8即可…

JQuery的$和其它JS发生冲突的快速解决方法

众所周知,jQuery是目前最流行的JS封装包,简化了很多复杂的JS程序,JQuery讲浏览器DOM树定义为$,通过$来获取各个子节点. 然后,JS插件并非只有JQuery,还有prototype.js 等其它比较好的插件.它们也使用$.所以有时候同时使用这个两个JS插件的时候,就会出现$的使用权冲突问题.现在我们来看看如何解决这个冲突问题.请看下文: 我们都知道JQuery有一个函数,jquery.noConflict() 它的作用是讲$的控制权转让出去.然后我们可以通过jQuery代替$来获…