jpg：非常适合作为储存像素色彩丰富的图片、例如照片等等，png：分为 png-8 以及 png-24 两种格式，gif：非常适合用来表现图标、 UI接口、线条插画、文字等部分的输出，也可用来展示小的动画。
现在，前端工程师终于前所未有的在Web中占有了一席之地。随着多设备、浏览器和Web标准的演变革命，前端正在成为兼顾逻辑、性能、交互、体验的综合性岗位。
随着抖音、快手这类的视频类app的火爆，移动端h5视频类应用也随之兴起，使用video播放的场景也越来越多，本篇文章主要例举了移动端视频播放的一些场景和个人在开发过程中遇到的一些问题
如果你想抓取数据，又懒得写代码了，可以试试 web scraper 抓取数据。如果你在使用 web scraper 抓取数据，很有可能碰到如下问题中的一个或者多个，而这些问题可能直接将你计划打乱，甚至让你放弃 web scraper 。
我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式，我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程，叫做CSS hack!
对于object和number、string、boolean之间的转换关系，ToPrimitive是指转换为js内部的原始值，如果是非原始值则转为原始值，调用valueOf()和toString()来实现。
以前对认证这方面的认识一直不太深刻，不清楚为什么需要token这种认证，为什么不简单使用session存储用户登录信息等。最近读了几篇大牛的博客才对认证机制方面有了进一步了解。
最小高度为100px的父元素，嵌套一个300px高度的子元素，当子元素浮动时，父元素高度并不随之升高。在某些特殊的条件下，为子元素设置上外边距时，有可能会作用到父元素上。
transform是一些效果的集合，主要是移动、旋转、缩放和倾斜这四种基本操作，还可以通过设置matrix矩阵来实现更复杂的效果。变形transform可以实现2D和3D两种效果。
在写移动端导航的时候经常用到点击按钮出现/隐藏导航条的情况，最常见的方法当然还是前端框架直接调用，省心省力，不易出错；当然还有使用纯JS实现的小代码段。我这里整理了纯CSS实现方式，给需要的人和给自己做个笔记：实现原理利用CSS伪类:target
在移动端的web开发中，一提起输入框，程序猿（媛）肯定有很多可以吐槽的点。在输入框的运用中，小编也是很心累呀~ ios中，输入框获得焦点时，页面输入框被遮盖，定位的元素位置错乱
在组件中直接使用style:不需要组件从外部引入css文件，直接在组件中书写。在组件中引入[name].css文件:需要在当前组件开头使用import引入css文件。在组件中引入[name].scss文件:引入react内部已经支持了后缀为scss的文件，所以只需要安装node-sass即可
这篇文章主要教大家如何简单实现js无缝滚动效果。这种实例在网页中其实还挺常见的。注意：内容的高度必须大于容器的高度，否则无法滚动
初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节
box-shadow：盒子阴影，可以给卡片添加提高美化效果。可广泛应用于内容展示页面。css3 过渡：最简单的过渡是一个div，给它加上如下代码，便可以从宽度100px华丽的过渡到宽度为300px。
Nginx作为反向代理服务器，就是把http请求转发到另一个或者一些服务器上。通过把本地一个url前缀映射到要跨域访问的web服务器上，就可以实现跨域访问。对于浏览器来说，访问的就是同源服务器上的一个url
要达到无论在什么机器上，算出来的速度是一样的。计算两次mousemove之间的位移和时间，就可以算出精确的速度,不要将onMousemove的调用时间间隔看成是均等的，事实上也不是均等的
在网页开发的访问过程中，http是我们主要的访问协议。我们知道http是一种无状态的连接。即没有验证通讯双方的身份，也没有验证信息的完整性，所以很容易受到篡改
在 CSS3 之前，web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3，web 设计师可以使用他们喜欢的任意字体。当您找到或购买到希望使用的字体时，可将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上
同屏播放视频、移动端视频预加载：由于移动端不能预加载视频，所以hack一种方案：监听WXJSBridge WeixinJSBridgeReady、微信安卓环境下需要在touchmove事件中阻止掉默认事件，否则不能触发视频播放 、 由于微信安卓版本基于x5内核，视频会出现全屏按钮，而且去不掉，会误导用户点击
