浏览器加载一个页面时，是按照自上而下的顺序加载的，读取到一行就运行一行，如果将script标签写到页面上边，在代码执行的时候，页面还没有完全加载
Ext.js 系列课程笔记「组件」更多精彩文章请关注公众号『Pythonnote』或者『全栈技术精选』
我是一名自学敲代码的管理学研究生，喜欢 js/ts 但是菜得不行，平常挺关注国内的前端圈。
正则用来定义一些字符串的规则，程序可以根据这些规则来判断一个字符串是否符合规则， 也可以将一个字符串中符合规则的内容提取出来。
3 val() : 获取或设置表单内容 (原生JS使用value)
特点： 1. 弱类型 2. 基于对象。(因为面向对象需要具有封装、继承、多态的特征)
备注：如果父元素进行了relative/absolute定位，offsetTop/offsetLeft就是相对父元素的顶部和左边的距离，如果父元素默认定位，就是相对浏览器窗口的距离
在响应式设计中，通用做法是根据屏幕尺寸，显示不用的样式。如果碰到需求，希望根据子节点的个数，显示不同的样式呢？
标题看起来有点唬人，在微信小程序里跑 h5 页面，不会又是说使用 web-view 组件来搞吧？确实，使用 web-view 组件可以达到跑 h5 页面的要求，但是 web-view 组件在使用上还是有一些限制：不支持个人类型与海外类型的小程序、不支持全屏、页面与小程序通信不方便、很多小程序接口无法直接调用等。
提到react fiber，大部分人都知道这是一个react新特性，看过一些网上的文章，大概能说出“纤程”“一种新的数据结构”“更新时调度机制”等关键词。
每一层的 宽度 被定义为该层最左和最右的非空节点（即，两个端点）之间的长度。将这个二叉树视作与满二叉树结构相同，两端点间会出现一些延伸到这一层的 null 节点，这些 null 节点也计入长度。
当你在浏览器中打开网页时，浏览器会接收网页的 HTML 文本并进行解析，其解析方式与第 11 章中介绍的解析器非常相似。浏览器构建文档结构的模型，并使用该模型在屏幕上绘制页面。
找了个时间看了下EasyUI插件。对它的插件感觉是非常舒服，特地把Easy UI的大部分功能属性做了一下汇总。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
Layout(布局)过程中是确定每一个组件的信息(大小和位置)，Flutter 中的布局过程如下：
前言 开发每一张网页都离不开布局排版，基于良好布局排版打下基础，才能使后续的开发更顺利。当然不能停留在IExplorer时代那种局限思维上，没办法解决的布局排版都用JS实现😂。今时不同往日，现代CSS属性能更好地快速实现各种布局排版，节约更多时间去摸鱼😉。 不过按照笔者目前了解的情况来看，大部分同学即使在无需兼容IExplorer的情况下还是遵循CSS+JS的方式完成一些常见或特殊的布局排版。从HTML/CSS/JS前端三剑客的定位来看，HTML映射网页的「结构」，CSS映射网页的「表现」，JS映射网页
如何插入JS JS基础语法 语法、函数、方法 提取字符串substring() substring() 方法用于提取字符串中介于两个指定下标之间的字符。
使用addEventListener()可以同时为一个元素的相同事件同时绑定多个响应函数，这样当事件被触发时，响应函数将会按照函数的绑定顺序执行 这个方法不支持IE8及以下的浏览器
英文 | https://javascript.plainenglish.io/11-cool-chrome-devtools-tips-and-tricks-i-wish-i-knew-already-a9e2e078f78
比如输入：[3, 9, 20, 15, 7, 88, 16, 2, 19, 13, 26, 11]
css引入伪类和伪元素概念是为了格式化文档树以外的信息。伪类和伪元素是用来修饰不在文档树中的部分。
简单的实现了功能，没有封装，如果有需要，可以参考代码，实现更多的功能，或者增加更多颜色文字内容的显示。
一个html页面由那几部分组成的？ html(超文本标记语言)、css(层叠样式表)、js(动态脚本语言)(操作页面上所有元素，让元素具有动态的效果) 前端工程师工作的内容： 拿到UI设计图：切图---->html+css静态布局----->用js写一些动态效果----->ajax和后台进行交互，把数据绑定到页面上---->用nodejs服务平台做源代码的管理---->用nodejs做后台 用到的开发工具有： Dw、sublime、webstrom、hbuild、eclipse...... 将css引
相信做网站对JavaScript再熟悉不过了，它是一门脚本语言，不同于Python的是，它是一门浏览器脚本语言，而Python则是服务器脚本语言，我们不光要会Python，还要会JavaScript，因为它对做网页方面是有很大作用的。
不是给每个子节点单独设置事件监听器,而是将事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点 (一定要记住!)
思维导图是一种常见的表达发散性思维的有效工具，市面上有非常多的工具可以用来画思维导图，有免费的也有收费的，此外也有一些可以用来帮助快速实现的JavaScript类库，如：jsMind、KityMinder。
一、写在前面 页面优化在面试的过程中经常遇到的问题，今天就来总计一下重绘和回流的问题。 二、重绘和回流是什么 我们都知道一个页面从加载到完成，首先是构建DOM树，然后根据DOM节点进行几何布局形成render树(渲染树)，当渲染树构建完成后，页面就根据DOM树开始布局，渲染树也根据设置的样式渲染这些节点。 在这一过程中，比如我们删除DOM节点，修改一个元素的宽高，页面布局发生变化，DOM树也发生变化，那么肯定要重新构建DOm树，而DOM树和渲染树紧密相连，DOM树渲染完了，渲染树也会随之进行渲染，这个过程就称为回流。 在比如说，我们给一个元素修改颜色，这样的行为是不会影响页面的布局的，DOM树不会发生改变，但是颜色变了，渲染树得重新绘制，这就是重绘。 所以说回流一定会触发重绘，重绘不一定触发回流。 题外话： 1、由于display:none的元素不在页面渲染，渲染树的构建不包含这些节点。但是visibility为hidden的元素会在渲染树中。因为display为none会脱离文档流，visibility为hidden虽然看不到，但类似与透明度为0，其实还在文档流中，还是有渲染的过程。 2、尽量避免使用表格布局，当我们不给表格的td设置固定的宽度的时，一列的td的宽度会以最宽的td的宽作为渲染的标准，假设前几行的td在渲染时都渲染好了，结果下面的某行特别宽，table为了统一宽度，前几行的td会回流重新计算宽度，这是一个比较耗时的操作。 三、怎么样减少回流 回流会重构DOM树，渲染树也得重新渲染，比较麻烦，哪些行为可以引发回流，如何去避免呢？ 1、DOM的删除行为 比如删除某个节点，或者给父元素插入子节点，这类操作都会触发回流。如果我们插入多个子节点的话，可以使用documentfragment。 2、几何属性的变化 比如说元素的宽度变了，border变了，字体大小变了，这种直接会引发页面的布局的改变，也会触发回流。如果我们需要改变多个属性，做好的是将这些改变定义在一个class中，直接修改class名，这样只会触发一次回流。 3、元素的位置发生改变 修改一个元素的左右margin，padding之类的操作，所以在元素位移的动画，不要更改margin之类的值，使用定位脱离文档流后进行改变位置。 4、获取文章的偏移量之类的属性 例如我们需要获取scrollTop、scrollLeft、scrollWidth、offsetTop、offsetLeft、offsetWidth、offsetHeight之类的属性的时候，浏览器为了保证值的正确性也会回流进行获取，所以如果你要不多次操作，最好取完进行缓存。 5、页面初次渲染触发回流 页面的初次渲染触发回流这样无法避免。 6、浏览器窗口尺寸的改变 resize事件的发生也会触发回流。
（1）将ul排列列表设置为3行5列，便于碎片小图片的排列；设置容器的宽度和高度，并且通过offsetWidth和offsetHeight来获取对象（自己）的宽和高，以便精确。
jQuery 能做的 JavaScript 也都能做，但使用 jQuery 能大幅提高开发效率
（2）在ul中的最后一个li元素后添加一个新的li元素，li元素文字内容为input元素的输入值，请补全横线处代码（依次填写答案，使用中文逗号「，」隔开）
利用JS来控制页面控件的显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。
3、实现效果，点击容器内的图标，图标边框变成border 1px solid red，点击空白处重置。
和 innerHTML 类似，写入内容如果包含 html 标签字符串，会被解析成对应的 html 标签，document.write()根据运行时机，会写入文档不同的位置
以下为正文 UI&UX类的设计规范，不像建筑设计、工业设计那样，有比较成熟权威的设计规范。大多是各家发布的设计规范，用于自家产品、品牌的设计复用。 本文从 设计规范是什么？ 设计规范一般包括哪些内容？ 自己动手开发一个从网页自动生成设计规范的功能； 三个角度进行经验分享。 1、设计规范，指的是什么？ 本文所提的“设计规范”，包括设计语言、风格指引、设计指南、设计资源、web前端框架等，对UI、VISUAL、BRAND、APP、WEB等进行样式的规范。 1.1 DESIGN LANGUAGE 语言 STYLE
在js里面需要获取到input里面的值，如果把script标签放到head 里面会出现问题。
appendChild 放置到某元素最后 attribute 属性 addEventListener 添加侦听器 assign 赋值 alert 弹出框 append 添加 appendTo 添加到 absolute 绝对的 active 活动的，激活的，标记的一个伪类 align 对齐 alpha 透明度，半透明anchor 锚记标记是这个单词的缩写 anchor 锚记a标记是这个单词的缩写 arrow 箭头 auto 自动 appName 程序名 appCodeName 程序代号 appVersion 程序版本 appAgent 程序代理 abs 取绝对值 array 数组
jQuery.parent(expr)，找父亲节点，可以传入 expr 进行过滤，比如 $("span").parent() 或者 $("span").parent(".class")
在前端中确实用到不少与树相关的的知识，比方说 DOM 树，Diff 算法，包括原型链其实都算是树，学会树，其实对于学这些知识还是有比较大的帮助的，当然我们学算法还是得考虑面试，而树恰好也是一个大重点 -- 起码在前端而言；
我们平时用浏览器访问网站的时候，一个个站点形形×××，页面也各不相同，但有没有想过它是为何才能呈现出这个样子的？ 那么本节我们就来了解一下网页的基本组成、结构、节点等内容。
1.DOM Tree：浏览器将HTML解析成树形的数据结构，构建一颗DOM树，同时进行第三步。
重点讲解微信小程序中常见的布局组件 view,text,rich-text,button,image,navigator,icon,swiper, radio,checkbox 等
页面中的所有内容，包括标签，属性，文本（文字，空格，回车，换行等），也就是说页面的所有内容都可以叫做节点。
var node = cc.find("Canvas/bg");//通过访问路径来获取节点
JavaScript作为使用得最多的脚本语言，可以说是无处不在。所有主流浏览器都支持JavaScript。目前，全世界大部分网页都使用JavaScript。它可以让网页呈现各种动态效果。 作为后台程序员的我们，JavaScript也是必备的。接下来就一起来学习一下JavaScript，感受它的魅力！
Jetpack Compose 是用于构建原生 Android 界面的新工具包。它可简化并加快 Android 上的界面开发，使用更少的代码、强大的工具和直观的 Kotlin API，快速让应用生动而精彩。Compose 使用全新的组件——可组合项 (Composable) 来布局界面，使用 修饰符 (Modifier) 来配置可组合项。
[HTML入门与进阶以及HTML5] [CSS] [JS-上] [JS-下] [jQuery] [Node.js + Gulp 知识点汇总] [MongoDB + Express 入门及案例代码] [Vue项目开发-仿蘑菇街电商APP]
最近在做一个项目，是一个b/s架构的，在项目中，用到了树形结构，即如图1所示的结构。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
