凝视深渊

学海无涯，且学且吐槽，W3C真是一个耿直的网站~~首先，强烈建议在学习属性之前标出浏览器支持选项，不然，就会在看完一大段说明之后，赫然发现：&很好，谁来总结一张表，就叫：那些所有主流浏览器都不支持的html/CSS方法与属性。&&谁来解释一下什么叫部分地支持。。。？&&&接下来，相信大家

这是来自谷歌官方博客： inside modern browser 的四篇系列文章，也有人作了全文翻译，参见承香墨影。本文可看做一个abstract，对全文进行了重点摘要，以期读完后对chrome浏览器的体系结构，处理机制有整体的了解。有个经典的前端面试问题：在导航栏输入url敲下回车后发生了什么？本文可以看做一个比较全面、深入一点的回答。文章目录浏览器体系结构导航发生了什么？浏览器体系结构...

文章目录问题描述解决之道思路和踩的坑思路：踩坑（不完美/无效的解决方案）：问题描述安卓手机上，微信环境下上传完图片后，position: fixed 的导航栏在上下滚动页面的时候出现了抖动的情况，抖动完回到原位。ios上没测，但搜索问题的过程中发现有人反应IOS微信环境下position:fixed也有抖动的问题。解决之道页面结构是：<div id="#app"></...

题目思路代码效果图拖拽库HTML5的拖拽API题目页面内有一个正方形元素 A 以及一个待放置区域 B，实现对其拖拽和放下到 B 区域内，并且改变 B 区域背景颜色 (不可用 html5 原生事件)。这也是一道腾讯面试题，要求远程编程。思路用鼠标的mousedown事件来模拟dragstart用持续的mousedown事件来模拟dra...

需求是这样：有一系列数据，是写死在JS中的，利用这些数据点绘制折线图。然后会调用接口拿到一个点的数据（只有横坐标），要在折线图上把这个点表示出来，并显示点数据（tooltip）。先看看本宝宝用chart.js画的效果图：怎么样，还是蛮漂亮的吧？几乎原原本本地达到了UI师的设计稿。废话不说，先上代码。这是HTML:<canvas id='mychart' width='300' height='200

今天接到了一个需求要置灰某个暂时停用的按钮，突然间想到了一个特别投机取巧的方式！一般的做法是，找到对应的CSS和JS文件，然后更改和注释掉对应的元素和事件，但有时候CSS和JS都被压缩成一坨了，不是非常好搞，所以最简单的方法就是直接在html里改动。样式可以用“style=” ”的方式直接加载标签中。那事件怎么做呢？一个当然的思路是使用第三方库，比如jquery直接off掉该事件，但要考虑到scri

上周接到了一个任务，改官网 做个小结提醒自己。和给需求的人，以及给设计的人沟通好提供给我的材料是什么，我做好的成品是什么，以及deadline。如果有变动，双方都要知晓。如果是对方的原因有大的变动增加额外工作，作必要的解释，尽量避免赶活儿。一开始，这个事情就是图文迭代，无脑的活儿。fullpage.js jquery onepage-scroll.js min.js 整页滚动

Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1渲染优化对于一些小图标，可以使用base64位编码，以减少网络请求。像Chrome/Filefox/Safari/IE9+以及最新版本Opera都支持硬件加速

get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 2、对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。两种方式的参数都可以用Request来获得。

导读：web平台很早就有了生命周期的概念，如load, unload, visibilitychange，但这些时间只能让开发者响应用户发起的生命周期变化。为了更合理地使用系统资源，开发者应善用页面周期状态。另外，对浏览器而言，越多的开发者开始应用新的页面周期API，冻结和丢弃页面也会变得更安全可靠，从而节约内存，cpu，电量和网络资源。文章目录背景概览页面生命周期和状态检测生命周期跨浏览器差异...