年尾将之，一颗圣诞树就代表着一份平安与幸运，在这里将最好的祝福送给你，祝各位圣诞快乐！
前端这个岗位的出现最根本的原因是互联网的出现，浏览器是最早互联网的唯一入口。人们通过浏览器浏览各种不同网站的内容。这些内容来自服务器中，但浏览器从服务器拿到这些内容之后，应该怎么展示给用户，这就是前端的职责。所以，最早的时候前端工作者本质上做的是告诉浏览器怎么展示数据。
该篇文章会为您分享在前端性能优化中非常重要的一环-白屏时间，将从白屏时间的概念、重要性以及白屏的过程一一进行阐述，同时提供性能优化的策略与实践。
AdminLTE是一个开源的后台控制面板和仪表盘 WebApp 模板，是建立在Bootstrap3框架和JQuery之上的开源模板主题工具，它提供了一系列响应的组件，并内置了多个模板页面，包括仪表盘、邮箱、日历、锁屏、登录及注册、404错误、500错误等页面。通过AdminLTE，我们可以快速的创建一个响应式的Html5网站。
1.动态旋转圣诞树 实现效果如下 代码参考，具体的CSS与js代码较多这里就不展示出来了 DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content="程序员的圣诞树" /> <meta name="author" content="" /> <meta http-equiv="X-UA-Compatible" content="chr
大致过程如上，在实际的展示过程中，有些是可以并行的。比如html、css下载。这就涉及到http1.1协议的下载局限和浏览器支持的并发数量了。
前言 说到H5测试，对于做WEB测试的同学来说再熟悉不过了，它包括页H5功能测试，前端性能测试，浏览器兼容性能测试，以及服务端性能测试。那本文谈到的则是H5前端性能测试，并希望通过阅读本文后，能够知道：H5前端性能测试什么？如何发现问题以及相应的优化规则。 一、浏览器渲染引擎 浏览器是Html解析和页面最终展示的工具，所以测试H5前理解浏览器的工作原理是必不可少的，具体可参考《浏览器工作原理》。 浏览器的主要功能 浏览器的主要功能是将用户选择的web资源呈现出
说到H5测试，对于做WEB测试的同学来说再熟悉不过了，它包括页H5功能测试，前端性能测试，浏览器兼容性能测试，以及服务端性能测试。
“世间万物都由分子构成。用气将万物的分子打散，分解眼前事物，再将分子重组，在短暂的瞬间，可以凝成时空停顿，甚至逆转时空。”
在上篇《基于Metronic的Bootstrap开发框架经验总结（1）-框架总览及菜单模块的处理》介绍了Bootstrap开发框架的一些基础性概括，包括总体界面效果，以及布局、菜单等内容，本篇继续这一主题，介绍页面内容常用到的数据分页处理，以及Bootstrap插件JSTree的使用。在数据的界面显示当中，表格数据的展示以及分页是非常常见的处理操作，利用Bootstrap的样式布局，以及JQuery的Ajax数据处理，就能很好实现数据的动态展示和分页处理。 1、列表展示和分页处理 1）数据的列表展示 在很多
在移动互联网的时代里，对于一个web站点来说，移动端的用户体验尤为重要。现代web站点的设计和开发都是以移动优先作为第一原则，我们也专门为了移动端的web站点做了相应的优化和提升。而网页的打开速度和页面的流畅度，对于用户是否长时间访问至关重要。我们在移动端的站点通过一系列的方法，最终为了快速打开页面展示网页内容，触达用户，同时能流畅的浏览网页。 移动端的硬件条件，网络条件相对于桌面端，会复杂的多，设备类型多样，硬件配置参差不齐，分辨率碎片化，网络状况在移动过程中稳定性，速率都会变化，而对于一个页面到达用户的
老陈发现从17年开始一些响应式的框架就越来越火，之前在读书的时候就觉得这玩意肯定能火，16年就有简单的使用。然后，最近一次小面试问到了如何设计一个虚拟dom，就简单说了是一个dom映射在js对象里面的东西，感觉还是不够深入。所以有了现在这篇文章啦。
前端不可不学的浏览器渲染机制，阿里年年问，去一个栽一个。听说百度也在考这个，你还不准备学吗？
基于 https://www.bilibili.com/video/BV1Kt411V7rg?p=7 整理 1 配置 小程序的很多开发需求都是通过配置文件来实现。这样可以提高开发效率且能保证小程序的
1、CSS和JS在网页中的放置顺序是怎样的？ （1）CSS 对于谷歌浏览器和Safari放在head里或body里都一样。因为它是在全部的样式表完全加载下来之后才开始渲染页面，将内容呈现在页面上。 对于Firefox，head标签中的<link rel="stylesheet">行为与Chrome/Safari中完全一致，这些link标签全部加载完成之前，页面上不显示内容。而body标签中的<link rel="stylesheet">则不阻塞任何内容显示，会出现FOUC无样式内容闪烁。 对于IE/Edge
使用Immutable之后，这个问题自然而然就解决了。所谓的追踪困难，无非就是因为对象是mutable的，我们无法确定它到底何时何处被改变，而Immutable每次都会保留原来的对象，重新生成一个对象，（与redux的纯函数概念一样）。但也要注意写代码时的习惯：
没有什么问题。这种方式很少被使用，咱们可以将一个函数传递给setState，该函数接收上一个 state 的值和当前的props，并返回一个新的状态，如果咱们需要根据以前的状态重新设置状态，推荐使用这种方式。
继上个版本号“RDIFramework.NET V2.8版本号公布”5个多月的时间。V2.9版本号面世了，感谢各位的支持。欲了解2.8版本号新增与更新的内容能够查看以下的链接地址，此文就不再展示2.8版本号中的特色了。
Web 浏览器无疑是用户访问互联网最常见的入口。浏览器凭借其免安装和跨平台等优势，逐渐取代了很多传统的富客户端。
我发现很多候选人都没有答道关键点上，感觉是在哪里看到过相关的文章，听起来零零散散，毫无逻辑。
关键渲染路径概念 浏览器是如何将HTML、JS、CSS、image等资源渲染成可视化的页面的呢？本文简单介绍一下渲染过程中涉及到的关键步骤。 该过程分为四步：模型对象的构建、渲染树构建、布局、绘制。
通过操作对象的属性或者方法，来达到操作或者改变 HTML 展示效果的目的。
当我们初始化一个对象obj为{}时候,obj.a这个时候是undefined.我们打印obj.a可以得到undefined,但是我们打印obj.a.c的时候，就会出现上面的错误。js对象中的未初始化属性值是undefined,从undefined读取属性就会导致这个错误(同理，null也一样)
Tech 导读 在移动端页面中，由于屏幕空间有限，导航条扮演着非常重要的角色，提供了快速导航到不同页面或功能的方式。用户也通常会在导航条中寻找他们感兴趣的内容，因此导航条的曝光率较高。在这样的背景下，提供一个动态灵活的导航条，为产品赋能，变得尤其重要。
这个过程要注意标签位置，以及script标签位置和HTML提供的async defer属性
现在大多数单页应用的视图都是通过 JavaScript代码在浏览器端渲染出来的，但在浏览器端渲染的坏处有：
我们在浏览器输入网址，其实就是要向服务器请求我们想要的页面内容，所有浏览器首先要确认的是域名所对应的服务器在哪里。将域名解析成对应的服务器IP地址这项工作，是由DNS服务器来完成的。
文章目录 一、Component 1.组件的属性 2.组件的通用属性和方法 3.组件定义 3.页面使用组件 ---- 一、Component 1.组件的属性 定义段 类型 是否必填 描述 最低版本 properties Object Map 否 组件的对外属性，是属性名到属性设置的映射表 data Object 否 组件的内部数据，和 properties 一同用于组件的模板渲染 observers Object 否 组件数据字段监听器，用于监听 properties 和 data 的变化，参见 数据监
浏览器是一个运行在操作系统上的应用程序，每个应用程序必须至少启动一个进程来执行其功能，每个程序往往又会执行很多任务，那么进程就会创建很多线程来执行这些小的任务。
在 component 文件目录下，创建一个 select 文件夹，随后 select 文件夹下手动创建：select.js、select.json、select.wxml、select.wxss 四个文件。
Rolldown 是一款用 Rust 重新编写的 Rollup 替代品。而 Rollup 使用的是 javaScript。
浏览器已经成为我每天都需要打交道的工具，然而对于这个我们的老朋友，即使一些 web 开发人员也对它的底层工作原理不是非常清楚，今天我们就来简单谈一谈浏览器的底层工作原理。
很多初学者在学习数据结构与算法的时候，都会觉得很难，很大一部分是因为数据结构与算法本身比较抽象，不好理解。对于这一点，可以通过一些可视化动画来帮助理解。
市面上现在有很多bundler，最著名的就是webpack，此外常见的还有 browserify，rollup，parcel等。虽然现在的bundler进化出了各种各样的功能，但它们都有一个共同的初衷，就是能给前端引入模块化的开发方式，更好的管理依赖、更好的工程化。
在过去十年中，React 及其生态系统经历了不断的发展。每一个版本都带来了新概念、优化乃至范式的转变，不断推动着我们对于网页开发可能性的认识边界。
首先我们需要在github创建一个跟你github账号名称一致的仓库，并且创建一个README.md。就可以开始你的自定义github 主页了,SHOW TIME!
【编者按】React 生态提供了很多选择方案，这里我们选用 Redux 和 react-router 来做说 React 提供了两个方法renderToString和renderToStaticMarkup用来将组件（Virtual DOM）输出成 HTML 字符串，这是 React 服务器端渲染的基础，它移除了服务器端对于浏览器环境的依赖，所以让服务器端渲染变成了一件有吸引力的事情。 服务器端渲染除了要解决对浏览器环境的依赖，还要解决两个问题： 前后端可以共享代码 前后端路由可以统一处理 React 生态
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。专门适合项目开发,尤其是 树状菜单、树状数据。
随着弹幕数量越来越多，以及我们会不断的往视频上面添加越来越多的动画，如何让各种弹幕流畅的展示给我们的用户，成为了我们必须要考虑的问题。这要求我们需要了解浏览器底层的渲染原理，才能以最低的性能消耗来实现我们的各种弹幕效果，知道哪些性能消耗是我们前端可以避免的。
Ext.js 系列课程笔记「组件」更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』
第一次在手机上写文章，觉得别有一番风趣。上周自己抽时间把Strve.js升级了一下，现在目前版本是2.3.3。有兴趣的朋友可以去官方文档查阅一下。说到官方文档，之前有位朋友说我的文档缺乏可视化界面，就是那种在线编辑插件。这位朋友提的建议很不错，就去网上调研了一下，最后选定了Codepen。选定它的原因是我只是单独的页面展示，这样简单就足够了。
Vue是一款流行的前端JavaScript框架，它采用了MVVM（Model-View-ViewModel）设计模式。Vue具有易学易用、高效灵活等特点，可以帮助开发者构建交互性强、响应式、可维护的Web应用程序。
微信小程序开发过程中，许多开发者会遇到 小程序 与 Web 端一起的需求，由于 小程序 与 Web 端的运行环境不同，开发者往往需要维护两套类似的代码，这对开发者来说比较耗费力气，并且会出现不同步的情况。
最近可以有1个月左右的空闲,可以稍微整理一下这个脚本解释器的开发过程。 一、缘由 2014年左右，我们使用AIR技术，开发了一个3D战争类型的手游。那时候手游开发技术主要是cocos2d,unity,Air稍微小众一些，但是也有。那个时候正是AS3走下坡路的时候，BOSS耳软心活，一会要改用cocos,一会要改用unity,于是萌生了一个自己写一个as 3.0脚本解释器的想法。 二、关于actionscript3。 As3脚本语言，实际上就是ecmascript 262 V4的加强版，也就是说基本上
本系列文章共分为上、下两篇，介绍 Web、Android、iOS、Flutter 这些前终端平台下，与 “树” 及视图系统有关的技术话题，并尝试分析它们之间的异同点；方便从事大前端开发的同学对各平台的技术特性有更广泛的了解。一、前言 从早期 Web 开发中的 DOM 树，再到现在 Flutter 开发中的 “三棵树”，以及 Android 和 iOS 开发中相似的概念，它们有联系又有区别。围绕 “树”，各个平台有一些共同的技术话题，例如采用合并操作完成性能优化等。在大前端的背景下，弄清楚这些技术点对研发
在本文中，我来讲讲我碰到的一个有趣的 XSS。2018 年 2 月，我在 google 的一个网络应用中发现了这个 XSS。这篇文章我不希望只是直接写出这个 XSS 存在在哪里，我会写出我找到这个 XSS 漏洞的思路，以及我在这个过程中需要克服哪些困难。另外，我还会讲一个用 javascript 小技巧绕过 CSP（内容安全策略）的例子。
前端优化是一个大的课题，需要花好多时间才能理解，之前对前端优化陆陆续续有一些了解。所以这次从渲染优化，打包优化，代码优化做了一个系统的总结，并且引申出了几个需要关注的问题，文章可能有点长，大家一定要看到最后。最后写作不易，希望觉得还可以的话，帮忙点赞一波，提前感谢了。当然如果有写不好的地方，也请指出来，我会积极改进，共同成长。
响应式设计指的是根据屏幕视口尺寸的不同，对 Web 页面的布局、外观进行调整，以便更加有效地进行信息的展示。我们日常生活中接触的很多应用都遵循响应式的设计。
模板语法允许在HTML中之插入Js变量以及表达式，当在Js中控制render的时候能够自动在页面上将变量或者是表达式进行计算并显示，比较常见的模板语法有mustcache风格的{{}}以及DSL风格的dsl-html等。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
