JavaScript

首页 标签 JavaScript
# JavaScript #
关注
130078内容
虚拟滚动技术
插入几万个DOM时,为避免页面卡顿,可采用虚拟滚动技术,仅渲染可视区域内的元素,滚动时动态更新内容,大幅减少DOM数量。相比requestAnimationFrame分批插入,虚拟滚动性能更优,推荐使用react-virtualized等库实现,有效提升渲染效率。(238字)
JavaScript高级
本文系统讲解前端DOM、BOM、事件机制与Ajax核心知识:涵盖DOM树结构、常用操作API、属性与样式的区别,BOM浏览器检测与URL解析,事件绑定、冒泡流程及代理应用,原生Ajax与JSONP跨域原理,并对比cookie、localStorage与sessionStorage的特性与限制,助力深入理解Web开发基础。
React框架
React 是一个用于构建用户界面的 JavaScript 库,核心优势包括:使用虚拟 DOM 提升性能、JSX 增强代码可读性、支持服务端渲染以优化 SEO 和首屏加载、易于测试,并且仅关注视图层,可与其他框架集成。它通过高效的 Diff 算法和调和过程实现最小化重渲染,支持组件化开发与高阶组件复用逻辑,结合 Redux 可实现状态集中管理,广泛应用于大型单页应用开发。
javascript基础
本课程系统讲解JavaScript核心知识:变量类型、原型链、作用域、闭包、异步机制等,涵盖值类型与引用类型、this指向、call/apply/bind区别、事件循环及常见内置函数,助力前端进阶。
重绘回流过程
浏览器渲染流程:解析HTML生成DOM树,CSS生成CSSOM,合并为渲染树,再布局、绘制。DOM树包含所有元素,渲染树仅含可见节点。CSS阻塞渲染但不阻塞DOM解析。重绘因样式变化,回流因布局变化,回流必触发重绘。减少回流重绘可提升性能。
学习数据结构和算法的框架思维
本文系统梳理数据结构与算法本质,强调其核心为“穷举”,关键在于无遗漏、无冗余。所有数据结构皆源于数组与链表,操作本质为遍历与访问。通过框架思维,归纳常见算法模式,助你高效掌握算法精髓,少走弯路,实现刷一题通百题。
ES6框架
本文详解ES6开发环境搭建(Webpack+babel)、JS模块化演进、class与构造函数区别、Promise原理实现、常用特性(let/const、箭头函数、Proxy、数组方法)、async/await与Generator,以及ES Module等核心知识点,系统梳理前端进阶必备技能。
XSS攻击
XSS(跨站脚本攻击)是攻击者通过网站漏洞注入恶意脚本,用户访问时执行,窃取数据、Cookie或劫持会话。主要分反射型和存储型,危害大。防御措施包括输入转义、白名单过滤及CSP内容安全策略,有效防止脚本注入。
Angular框架
本文深入解析Angular核心概念,涵盖ng-show与ng-if的性能差异、$rootScope与$scope的关系、表达式机制、Digest周期、定时器与监听器的取消方法。同时探讨Directive的restrict属性、作用域绑定方式及模块间通信策略。此外,介绍性能优化技巧、单元测试实践、Angular 2生命周期钩子、路由机制、事件发射器、AOT编译、安全防护与Shadow DOM等高级主题,全面提升开发技能。
前端工程化
Webpack是模块打包工具,支持ES6、代码分割与模块化,区别于Grunt/Gulp等构建工具。webpack4新增mode参数,优化打包策略,支持Tree-shaking、splitChunks提取公共代码,提升构建效率与性能。通过loader处理非JS资源,plugin扩展功能,实现高效前端工程化。
免费试用