传统pc端中，子容器高度超出父容器高度，通常使用overflow:auto可出现滚动条拖动显示溢出的内容，而移动web开发中，由于浏览器厂商的系统不同、版本不同，导致有部分机型不支持对弹性滚动，从而在开发中制造了所谓的BUG。 上图如果在PC端中，我们可以利用position:fixed和overflow:a...

目录：一、项目地址二、布局1、按屏滚动会碰到什么问题？2、flexbox会碰到什么问题？3、fixed定位需要慎用。三、动画1、CSS动画与Canvas动画性能优劣分析2、当缩放动画碰上硬件加速3、动画由Javascript来维护还是css维护的思考四、特性1、如何解决音频播放预加载与延时的问题2、重力感应3、启动原生...

一、硬件背景二、项目欣赏1、TGA移动游戏官网2、UP+邀请函3、天天酷跑里约进击版三、技术创意点1、CSS3动画2、Sprite动画3、重力感应+视差4、字体图标5、自适应SVG图形6、Loading进度条7、单屏滑动8、游戏9、地理定位10、音频使用11、手机重度新官网一、硬件背景（重要！）  ...

ChromeCanary（Chrome“金丝雀版本”）目前已经支持Continuouspaintingmode，用于分析页面性能。这篇文章将会介绍怎么才能页面在绘制过程中找到问题和怎么利用这个新的工具来解决页面性能上的瓶颈。PS:最新版本的Chrome已经支持该功能查看页面的渲染时间我们采用Th...

PS：突然发现博客园有密码保护功能，已经可以满足基本需求了。博客园还能备份自己的所有数据，做到了数据归用户所有，平台只是展示，真是良心网站，大赞。 想要通过一个站点放一些东西给一些人看，但是又不想让所有人都能轻易看到，所以就想这添加简单的访问限制，虽说之前没怎么做过相关东西，经过网络搜索最终还是得到了一个能够...

html代码：<div class="container"><divcass="header"></div> <div class="body"></div><div class="footer"></...

1.不带任何提示关闭窗口的js代码代码如下:<ahref="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a>2.自定义提示关闭  代码如下:<scriptlangu...

在页面开发的过程中，使用CSS布局定义属性时我们会用到ID与CLASSclass的使用原则　　class在CSS的定义中具有重复性，可以多次使用，建议大家尽量在结构内部使用。这样做的好处是有利于网站代码的后期维护与修改，会让所有的class都成为id的子级。id的使用原则　　id具有唯一性，其使用原则也是依据这一特性建...

angular6想要监听页面某些事件如 点击window宽高使用@HostListener('click',['$event.target'])onClick(btn){　　console.log(btn);} 待续。...

 controller:@RequestMapping(value="/pass/pointInfo.do",method=RequestMethod.GET)publicStringpointInfo(HttpServletRequestrequest){return"pointinfo";} 这...

 （一）webpack打包如果在vue基于webpack的，build打包后得到的是如下的资源文件：  webstorm中提示如下：   这个大致的意思就是这边的文件需要放在http服务器上访问，如果直接打开的话，无法生效。道理也很简单，基本上这里面引的路径都...

此篇我们来瞅一瞅SPA，啥是SPA啊，实际上一点也不神秘，就是单页应用，可能有的同学又会问了，啥是单页面应用，别着急，我们慢慢来看首先我们先来了解一下单页应用出现背景背景：在早期的Web应用中，前端的作用很弱，业务逻辑和数据处理都在后端，后端给前端返回一个HTML页面，前端只负责展示。在这种模式下，单个HTML页面被当...

 在iPhone中调试，大体上与上文 安卓中的移动页面调试 类似，区别主要是iOS系统中的一些限制，导致某些工具无法使用。本文基于此，简要介绍在iPhone中如何调试页面。最终可以实现在Mac平台使用Safari（或结合ios_webkit_dubug_proxy使用Chrome）调试手机...

在过去的Web开发中，通常使用Photoshop来设计按钮的样式。不过随着CSS3技术的发展，你完全可以通过几行代码来定制一个漂亮的按钮，并且还可以呈现渐变、框阴影、文字阴影等效果。此类按钮最大的优势是省去了加载图片的步骤，并且非常易于编辑、扩展和定制，你只需要更改代码即可。本文收集了10套基于CSS3的按钮，你可以通...

1。reloadreload方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet])参数：bForceGet，可选参数，默认为false，从客户端缓存里取当前页。true,则以GET方式，从服务端取最新的页面,相当于客户端点击F5("刷新")reload()方法用于重新加载当前...