因此与原始的 React 页面相比，PDF 中应该有不同的样式和额外的内容。由于这个任务比用简单的 CSS 规则解决要复杂得多，所以我们先探讨了可能的实现方法。我们找到了 3 个主要解决方案。这篇博文将指导你了解它们的可能性并最终实施。
设计模式的定义是：在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。通俗一点说，设计模式是在某种场合下对某个问题的一种解决方案。如果再通俗一点说，设计模式就是给面向对象软件开发中的一些好的设计取个名字。
js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。为了完成本次测试，先来科普一下，如何利用chrome来设置下载速度
对已抓取的HTTPS流量数据包，如果对其进行解密，需要满足以下几个前提：1、在SSL/TLS协商阶段，被选中的加密套件使用的密钥交换方式为RSA,2、已经获取RSA证书的私钥。
CodePen有很多很酷的特效，而且可以看到效果的源代码，也可以看到实现效果，RunJS可以看到很多开发者分享的一些效果源码，如果你想找资源，做项目，这个网站绝对是一个不错的选择。html5tricks有很多前端实现的功能
空格：后代选择器，表示div元素里面所有的p元素。> 子选择器：表示div元素里面所有的子代（不含孙代及以后）p元素，~兄弟元素选择器：表示.cls元素往后的同级的p元素
三栏布局，顾名思义就是两边固定，中间自适应。三栏布局在实际的开发十分常见，比如淘宝网的首页，就是个典型的三栏布局：即左边商品导航和右边导航固定宽度，中间的主要内容随浏览器宽度自适应。
MVC是一种软件架构的思想，即把一个应用的输入、处理、输出流程按照Model、View、Controller的方式进行分离；MVC模式是一个复杂的架构模式,其实现也显得非常复杂,但多种设计模式结合在一起
Web Sockets定义了一种在通过一个单一的 socket 在网络上进行全双工通讯的通道。它不仅仅是传统的 HTTP 通讯的一个增量的提高，尤其对于实时、事件驱动的应用来说是一个飞跃。
同屏播放视频、移动端视频预加载：由于移动端不能预加载视频，所以hack一种方案：监听WXJSBridge WeixinJSBridgeReady、微信安卓环境下需要在touchmove事件中阻止掉默认事件，否则不能触发视频播放 、 由于微信安卓版本基于x5内核，视频会出现全屏按钮，而且去不掉，会误导用户点击
在 CSS3 之前，web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3，web 设计师可以使用他们喜欢的任意字体。当您找到或购买到希望使用的字体时，可将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上
在网页开发的访问过程中，http是我们主要的访问协议。我们知道http是一种无状态的连接。即没有验证通讯双方的身份，也没有验证信息的完整性，所以很容易受到篡改
要达到无论在什么机器上，算出来的速度是一样的。计算两次mousemove之间的位移和时间，就可以算出精确的速度,不要将onMousemove的调用时间间隔看成是均等的，事实上也不是均等的
Nginx作为反向代理服务器，就是把http请求转发到另一个或者一些服务器上。通过把本地一个url前缀映射到要跨域访问的web服务器上，就可以实现跨域访问。对于浏览器来说，访问的就是同源服务器上的一个url
box-shadow：盒子阴影，可以给卡片添加提高美化效果。可广泛应用于内容展示页面。css3 过渡：最简单的过渡是一个div，给它加上如下代码，便可以从宽度100px华丽的过渡到宽度为300px。
初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节
这篇文章主要教大家如何简单实现js无缝滚动效果。这种实例在网页中其实还挺常见的。注意：内容的高度必须大于容器的高度，否则无法滚动
在组件中直接使用style:不需要组件从外部引入css文件，直接在组件中书写。在组件中引入[name].css文件:需要在当前组件开头使用import引入css文件。在组件中引入[name].scss文件:引入react内部已经支持了后缀为scss的文件，所以只需要安装node-sass即可
在移动端的web开发中，一提起输入框，程序猿（媛）肯定有很多可以吐槽的点。在输入框的运用中，小编也是很心累呀~ ios中，输入框获得焦点时，页面输入框被遮盖，定位的元素位置错乱
在写移动端导航的时候经常用到点击按钮出现/隐藏导航条的情况，最常见的方法当然还是前端框架直接调用，省心省力，不易出错；当然还有使用纯JS实现的小代码段。我这里整理了纯CSS实现方式，给需要的人和给自己做个笔记：实现原理利用CSS伪类:target
