腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

禅林阆苑

www.csxiaoyao.com

专栏作者

99

文章

190601

阅读量

33

订阅数

webpack 学习笔记系列03-babel

babel.js node.js javascript webpack 打包

babel 是 JavaScript 的编译器，可以将最新 ES 语法的代码轻松转换成任意版本的 JavaScript 代码，其实现原理是先使用 Babylon 解释器将 JavaScript 语法解析成 AST，然后通过遍历处理这颗树实现代码转换。在 babel 中可以通过配置 browserslist 来针对不同的浏览器组合，生成不同的适配代码。

2021-01-01

1.6K0

【云+社区年度征文】浅谈 TensorFlow.js 在前端的工程化应用

人工智能 javascript tensorflow

Google 推出 TensorFlow.js 已有多年，JavaScript 也不知不觉成为了世界上最好的语言。相信对于大多数没接触过机器学习的前端工程师来说，都有一个共同的疑惑：TensorFlow.js 到底能做些什么？

2020-11-14

3.1K0

【技术创作101训练营】三种不同场景下 vue 组件动态加载的方法及实现

vue.js 打包 webpack javascript https

前端模块化开发模式已成主流，但随着前端项目规模的不断扩大，开发者可能会遇到以下一些问题：

2020-09-23

2.5K0

浏览器原理学习笔记08—浏览器开发者工具

网站 html javascript css

前面章节中提到过 Elements面板、Console面板、Sources面板的使用，本章主要讲解 NetWork 面板和 Audits 面板、Performance 面板。

2020-05-02

1.1K0

浏览器原理学习笔记07—浏览器安全

数据分析黑客安全渲染 javascript

协议、域名和端口都相同的两个 URL 同源，默认可以相互访问资源和操作 DOM，两个不同源之间通过安全策略制约隔离 DOM、页面数据和网络通信来保障隐私和数据安全。

2020-05-02

1.6K0

浏览器原理学习笔记05—浏览器中的页面渲染

css javascript html 渲染

DOM 是表述 HTML 的内部数据结构，它会将 Web 页面和 JavaScript 脚本连接起来，并过滤一些不安全的内容。HTML 解析器 (HTMLParser) 模块负责将 HTML 字节流转换为 DOM 结构。网络进程接收到响应头后会根据响应头中的 content-type 字段来判断文件的类型，若为 text/html，则为该请求创建一个渲染进程。渲染进程准备好后，网络进程和渲染进程之间会建立一个共享数据的管道，HTML 解析器并不是等整个文档加载完成之后再解析，而是网络进程加载了多少数据，HTML 解析器便解析多少数据。

2020-05-02

1.5K0

浏览器原理学习笔记03—V8工作原理

javascript java ide 打包编程算法

JavaScript 的数据类型有 8 种：7 种原始类型和引用类型 (对象)

2020-05-02

7490

浏览器原理学习笔记02—浏览器中的JavaScript执行机制

编程算法 javascript 打包

执行上下文(Execution context)是 JavaScript 执行一段代码时的运行环境，比如调用一个函数，就会进入这个函数的执行上下文，确定该函数在执行期间用到的 this、变量、对象以及函数等。

2020-05-02

1.1K1

浏览器原理学习笔记01—宏观视角下的浏览器

http css 缓存 javascript

前端知识的深入绕不开浏览器原理的学习，本系列文章为笔者学习浏览器原理后整理的笔记，学习的过程以极客时间《浏览器工作原理与实践》为主线，对原文的重要知识点进行了归纳整理，针对其中的部分细节知识点查阅了大量资料进行扩展并梳理总结，其中有部分demo和图片参考自原文。

2020-05-02

1.3K0

使用 requestAnimationFrame 替代 throttle 优化页面性能

http css 编程算法 javascript

前面的文章《函数防抖(debounce)和节流(throttle)在H5编辑器项目中的应用》中讲过，对于 mousemove, scroll 这类事件，一般的解决方法是使用 throttle 节流函数，但是节流函数解决这类问题并不完美，存在两点缺陷：

2020-04-12

2.2K0

Chrome Dev Tools 之 Performance

作为前端开发，肯定对 Chrome 的 dev tools 不陌生，除了日常 Debug，还提供了一个非常强大的功能：performance 用做性能分析。

2020-02-01

1.4K0

函数防抖(debounce)和节流(throttle)在H5编辑器项目中的应用

前端开发者对函数防抖和函数节流或多或少有些了解，最近在做一个H5编辑器的项目，由于画布功能复杂，计算量较大，在鼠标拖拽操作时尤其是在低配电脑上能够明显感受到卡顿，自然联想运用函数防抖(debounce)和函数节流(throttle)来优化 mousemove 等实时计算方法的计算频率再合适不过了。

2020-02-01

1.6K0

前端自动化测试实践05—cypress-e2e入门

自动化测试 javascript

在 jest 单元测试中使用快照、API-mock 和 DOM 样式状态断言已经能够实现基础的 UI 测试，但是单元测试属于白盒测试，更关注数据的流动，而端到端测试(End To End Test)属于黑盒测试，更关注操作结果的展示，因此测试效果自然不同。端到端测试更贴近真实用户操作，页面运行在真实的浏览器环境中，因此端到端测试是从用户角度出发的测试。

2019-11-04

3.9K0

前端接口模拟工具Mock.js上手实践

单元测试 javascript

在前后端开发过程中，常常会遇到前后端进度不一致的情况，如果前端停下来等后端接口调试完再继续开发会大大降低前端的开发效率。Mock.js 是一款成熟强大的接口模拟工具，能够生成随机数据，拦截 Ajax 请求并返回，真正做到前后端分离。

2019-11-02

4.1K1

前端自动化测试实践04—jest-vue项目之TDD&BDD

自动化测试单元测试 javascript

本节将以 TDD 的方式来搭建一个 TodoList 的 vue 项目。如何搭建包含 jest 的 vue 项目已经在第一节 jest-vue前端自动化测试实践01 中已经进行过介绍，其中，在 jest 的配置文件 jest.config.js 中，需要注意 testMatch 配置项，它指定了测试用例文件的路径，这里我们习惯性设置为 __tests__ 文件夹下的以 .test 加多种后缀结尾的文件。

2019-10-31

2K0

前端自动化测试实践03—jest异步处理&mock

自动化测试单元测试 javascript

一般项目代码中会有不少异步 ajax 请求，例如测试下面 async.js 中的代码

2019-10-31

5K0

前端自动化测试实践02—jest基本语法

自动化测试单元测试 javascript

【 toBeNull 】【 toBeUndefined 】【 toBeDefined 】【 toBeTruthy 】【 toBeFalsy 】

2019-10-31

1.7K0

前端自动化测试实践01—持续集成之jest自动化测试环境搭建

javascript 单元测试

在互联网时代软件从开发到上线，后续迭代更新，已经形成了一套近乎标准的流程，其中最重要的流程就是持续集成(Continuous integration，简称CI)。"持续"的核心思想在于：在事先难以完全了解完整正确的需求时，干脆把大项目分割成小块完成，并加快交付的速度和频率，使其尽早在下个环节得到验证，若发现问题能够尽早返工。

2019-10-31

2.3K0

团队技术文档构建利器vuepress上手实践

javascript https 官方文档 vue.js

最近在尝试一些项目技术文档搭建的工具，看到网上很多人推荐 gitbook，使用后总体感觉良好。无意中发现一款 Vue 驱动的静态站点生成工具 vuepress，看到官网和demo后立即被它的简约灵活所吸引。一个 vuepress 网站是一个由 Vue、Vue Router 和 Webpack 驱动的单页应用。在构建时，创建一个服务端渲染（SSR）的版本，然后通过虚拟访问每一条路径来渲染对应的HTML。

2019-10-12

2.4K0

web移动端适配方案实践

javascript html css

移动端web页面的开发适配一直是前端开发津津乐道的话题，在实际开发过程中，移动端和PC端web页面的差异不仅仅体现在设备宽度的不同。由于项目历史背景的原因，下文的方案是团队选择的能较好满足当前项目需求的方案，已经经过线上用户的考验，但不一定是当下最完美的移动端适配解决方案。下文来详细介绍该方案选型。

2019-09-02

2.9K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态