2018年12月_宋哈哈

原创 iPhoneX、iPhoneXS、iPhoneXS Max与iPhoneXR 底部吸底按钮适配

移动端真的是幺蛾子比较多，苹果抽风出的这几款手机都带bar 为了处理这类问题，必须在页面上做相应的处理比如吸底按钮或者其他元素需要给最后一个元素添加一个距离底部的高度尺寸一般是34px通过js来判断是否是这四种手机的类型代码如下： // iPhone X、iPhone XS var isIPhoneXSS = /iphone/gi.test(window.naviga...

2018-12-03 20:47:04 2665

原创 xhrFields:{ withCredentials: true }使用post请求，该参数作用详解

自从HTML5利用CORS实现了跨域资源共享之后，无论是POST方式还是GET方式，我们都可以用ajax来跨域访问资源，但是我们要怎么用CORS 这里我用jquery的ajax为例，因为在默认情况下，跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将withCredentials属性设置为true，可以指定某个请求应该发送凭据。如果服务器接收带凭据的请求，...

2018-12-29 20:12:44 31556

原创微信浏览器input关闭键盘后导致页面底部空缺问题解决方案

昨天遇到一个问题，移动端页面中有一个input框点击时弹出软键盘，关闭时页面底部空白出一部分，然后滑动一下又恢复原状了。这个问题是在部分ios手机里出现的，目前安卓手机没有复现。这个问题是在ios12.0版本中出现的。猜测：在微信webview打开我们h5页面的时候，就固定了页面的高度，如果这个input在页面的底部，当呼出软键盘时，由于高度问题，整个webview会被键盘顶上...

2018-12-29 09:20:35 3607 3

原创 css写一个闹钟晃动的效果

如下：我需要在页面左中偏下部位放置一个icon浮标，然后让他晃动 <div class="fb-icon"><img src="//*******/decemberimga/05hyjbld/jdfbicon.png" class="fb-icon-img" alt=""></div>用css样式写是这样的：.fb-icon{

2018-12-20 10:25:04 1998

原创 router ,vue-router.关于前端路由，路由跳转原理--详解

浅析Web开发中前端路由实现的几种方式故事从名叫Oliver的绿箭虾`说起，这位大虾酷爱社交网站，一天他打开了Twitter，从发过的tweets的选项卡一路切到followers选项卡，Oliver发现页面的内容变化了，URL也变化了，但为什么页面没有闪烁刷新呢？于是Oliver打开的网络监控器（没错，Oliver是个程序员），他惊讶地发现在切换选项卡时，只有几个XHR请求发生，但页面的...

2018-12-17 21:24:19 2425

原创关于node依赖库 event-stream 的3.3.6版本病毒

event-stream这个库，有很多比如vue-cli 、 gulp 之类的很多工具都在使用这个库。其实这个新闻在公布的第二天，我们就处理了，但是没来得及发文章。事情的缘由是这样的：2018年11月21日，名为 FallingSnow的用户在知名JavaScript应用库event-stream在github Issuse中发布了针对植入的恶意代码的疑问，表示event-st...

2018-12-04 17:33:09 1806

原创前端几个常用的动画库汇总

1、AniJS.js 基于 CSS3 的动画库链接地址 2、Velocity.jsVelocity 是一个简单易用、高性能、功能丰富的轻量级 JS 动画库。它能和 jQuery 完美协作，并和 $.animate() 有相同的 API，但它不依赖 jQuery，可单独使用链接地址 3、vivus.jsVivus 是一款可以执行 SVG 路径动画的轻量级 Javas...

2018-12-03 21:20:35 5208

宋坚强大大~~