发 送

在线教程

  • css responsiveness

    ... 即使你的设备处于竖屏模式，但是当键盘被触发显示时，viewport有可能被视作横屏而发生模式切换，因为屏幕高度变小了。 分辨率（resolution） 分辨率是屏幕关键的显示性能指标，是指显示器所能显示的像素的多少。由于屏幕上的点、线和面都是由像素组成的 ... ，显示器可显示的像素越多，画面就越丰富细致，同样的屏幕区域内能显示的信息也越多。 分辨率依赖于两个因素 ...

  • js syntax basics

    ... 我们也可以直接把JS脚本写在页面中，但是跟单独的js文件相比，这样的代码不能被浏览器缓存，会影响性能，而且不符合结构和行为分离的最佳实践。 基础语法 如前面章节所述，JavaScript的语 ... 点符号。下面这一行将导致语法错误： var my mood = "happy"; 一个合法的变量名只能包含字母、数字、$符号和下划线。为了提高可读性，我们可以使用下划线把较长的变量名分隔开，如下： var my_mood = "happy"; 上述语句 ...

  • css transform

    ... 示来帮助理解transform-origin对transform操作的直观影响（你可以直接拖动盒子两边的黄色箭头）： 网页性能 translate所实现的功能和top/left修改元素位置完全相同，我们推荐使用translate方法而不是修改top/left值。因为使用CSS3 ... ，从主页面中脱离出来，不占用CPU，不会导致页面重布局（reflow或称之为relayout）。 这样其渲染性能将得到很大的提升。当然凡事有利有弊，对于大量（成千上万）粒子平移的动画，过度使用translate ...

  • html web worker

    ... 处于僵死状态。 Web Workers 是HTML5提供的一个JavaScript多线程解决方案。通过使用Web worker，执行任务交付给浏览器在后台默默运行，而不会影响当前页面的性能，用户可以继续任何其他操作，这将大大提升用户体验。 浏览器支持 下面表格中的数字表示最早支持的版本号。 API Web Workers 4.0 10.0 3.5 ...

  • browser

    ... 包括： Chrome Firefox Internet Explorer Opera Safari 当然还包括一些衍生版本，如国内基于Chrome或IE内核的360/百度/QQ浏览器等。我们强烈推荐使用Chrome，对HTML5标准支持最好，性能最佳且能调试移动网页应用。 IE系列是支持新标准最滞后的，尤其是IE9之前的版本，很多CSS3的特 ...

  • css grid layout terms

    ... 影响它们的自动排列和渲染顺序。order仅在需要调整视觉顺序的时候使用，不能替代文档代码序。 z轴排序：z-index属性 grid items可以重叠，发生重叠时，除了会受order属性的影响之外，其渲染顺序和行内块（inline blocks）元素一样，因此我们同样可以使 ... 的尺寸常常是合适的，可以防止内容重叠或溢出。但在某些情况下并不适用： 比如文档使用了弹性尺寸，一个基于内容的最小尺寸可能会因为图片的扩展所引起的内容区域超出设计区域，此外浏览器在确定其尺寸时需要首先读取其 ...

  • html local storage

    ... Local Storage）接口就是为了达到相同的目的，把部分客户端数据保存在本地浏览器中，从而提高Web应用的性能。 和Cookie类似，本地存储也是和源（origin，也就是域名、协议和端口的组合）相关的，现代浏览器给 ... 述的HTML5多线程和双工通信方面的技术， 对于前端工程师而言可能就偏晦涩，需要对计算机操作系统和网络通信协议有更为深入的了解。不过如果你不需要实现高性能计算或即时通讯方面的网页应用，可以暂时忽略这些章节。 ...

  • html web socket

    ... 使浏览器具备像 C/S 架构（回忆一下课程前沿中提到过该概念）下桌面应用的实时通讯能力。 使用WebSocket能带来性能的大幅度提高，源于两点： 节省请求次数。在一次握手后保持TCP连接，直接传送数据。 节省 ... 方式的网络负载对比图 可以看到，在流量和负载增大的情况下，WebSocket 方案相比传统的 Ajax 轮询方案有很大的性能优势。 具体而言，我们认为WebSocket适合用于实现游戏、股票交易、同步多用户文档编辑以及即时聊天等实时服务 ...

  • js css dom

    ... .style.fontSize= 11px等。 从上面看JavaScript似乎能胜任一个网页从构造到显示、以及动态改变网页结构样式的功能。但是这并不意味着所有的事情交由JS完成是一个好的选择。 一般性的网站建设，我们通常还是会通过HTML来构 ... 一些以交互为主的网页应用（如游戏、工具）而言，使用纯JS来构建对于组件化有帮助，而且能减少服务请求，提高性能。 操作样式表 浏览器提供了一个接口来操作样式表：document.styleSheets，该接口将返回页面所使用 ...

  • why css exists

    ... （如<p>，接着选择一个想要修饰的属性（比如颜色）， 最后在选择到的元素属性上应用一个具体的值（比如red）： p{ color: red;} 样式（Style）一语可能会引起歧义，我们可能会认为CSS只是用来改变文本颜色、大小和字体的 ... 有不同的呈现，提高了文档的可复用性和设计灵活性 内容和样式分离使得HTML文档精简清晰，可读性高 由于浏览器会缓存静态文件如CSS/JS，这将有助于提高网站性能和SEO评估 代码的可维护性好 如果你想从视觉上实际感受下，可 ...

推广服务（新）
最新文章