目录序导读DOM事件代理数组 对象扁平化去重 - `unique()`拷贝浅拷贝深拷贝`copy()`函数实现`JSON.stringify`字符串去除空格 - `trim()`字符串全排列广度优先实现深度优先实现排序和查找插入排序归并排序快速排序二分查找找出出现次数最多的元素 - `getMostItem()`功能函数实现`setTimeout`实现`setInterval`函数柯里化防抖
转载 2024-09-21 12:53:50
14阅读
一、CSS代码规范处理工具CSSLintPrettyCSSrecessckstylestylelintCSSHint1.1CSSLint官网:http://csslint.net概述CSSLint是一个用来帮你在线上分析并检测找出CSS代码中问题的工具,它可做基本的语法检查以及使用一套预设的规则来检查代码中的问题,规则是可以扩展的。使用方法使用方法很简单,只需要把 CSS 内容复制贴上,最后按下
## Python 前端代码频繁变动测试 ### 1. 前言 在现代软件开发过程中,前端代码的频繁变动已经成为一种常态。随着用户需求的不断变化和新功能的不断迭代,前端开发人员需要保证代码的质量和稳定性,以确保用户获得良好的用户体验。 本文将介绍如何使用Python进行前端代码频繁变动测试,并通过代码示例来说明。 ### 2. 前端代码频繁变动测试的挑战 前端代码频繁变动测试的挑战在于,每
原创 2024-01-20 05:44:42
35阅读
一,在网页上调试代码代码:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con
本篇是前端单元测试的第一篇文章,从基础讲解然后到前端的react单元测试及node的单元测试一、单元测试发展1、为什么要有单元测试软件测试是一种实际输出与预期输出之间的审核或者比较过程测试可以尽早发现BUG测试可以提高代码质量测试可以让我们自信地重构2、手动的测试代码(或者叫肉眼测试)function add(a,
原创 2021-07-29 15:19:15
10000+阅读
前端的开发过程中主要有以下流程: 编写代码->单元测试->检查语法->整合代码->生成文档->压缩代码->部署测试环境->测试->发布。产品最终的结果是原型图,而原型图可以理解为设计的草图设计师的结果是psd文件,他是很多个图层叠加在一起的结果,而前端的工作结果html页面,是把很多图层上的效果,有机的用html组织起来的过程。前端是把转化后html
转载 2023-08-13 16:44:26
127阅读
前端测试工具前端测试工具有很多,可以分为几类:   断言库   测试覆盖率工具   测试框架断言库测试的时候我们需要使用断言来判断代码是否到达目的,如果没有断言,我们的测试也将失去意义。   assert assert 是 Node.JS 内置的断言库,下面是一个简单的例子: const assert = require(‘assert’); assert(1 === 2); const t
转载 2023-11-02 11:15:49
63阅读
样式测试 :UI的样式测试为了测试我们的样式是否复合设计稿预期
原创 2023-08-11 11:59:19
79阅读
在进行前端测试前,我们需要明确我们需要怎样的前端测试前端测试类型总结前端应用测试分为几种常见类型:端到端(e2e) :一个辅助机器人,表现得像一个用户,在应用程序周围点击,并验证其功能是否正确。常见的测试框架是 Playwright 。单元:验证单独的、孤立的部分按预期工作。常见的测试框架是 Jest。静态:在你写代码的时候捕捉错别字和类型错误。常见的是使用 Typescript 检查每种前端
前端代码检查参考自:说一说前端代码检查前端代码检查front-end-code-checklist程序员必备的代码审查(Code Review)清单代码检查很重要,原因有三:避免低级bug:一些常见代码问题,如果在编译或运行前不能及时发现,代码中的语法问题会直接导致编译或运行时错误,影响开发效率和代码质量;统一代码习惯:每一个团队或个人都会有一些代码规范或者代码习惯,为了便于后期维护和阅读,我们编
单元测试目的:单元测试能够让开发者明确知道代码结构 原则:单一职责、接口抽离、层次分离 断言库:保证最小单元是否正常运行检测方法 测试风格:测试驱动开发(Test-Driven Development,TDD),行为驱动开发(Behavior Driver Development,BDD),均是敏捷开发开发方法论。TDD 关注所有功能十分被实现(每个功能必须有对应的测试用例),suite配合tes
前端项目代码检查规范前言:每个程序员都有自己的编码习惯,如果你写自己的项目怎么折腾都没关系,但是在公司中我们希望每个人写出的代码都要符合一个统一的规则,这样别人看源码就能够看得懂,因为源码是符合统一的编码规范制定的。首先,分为两个部分:第一:vscode插件工具类的eslint和prettiter以及vetur作用是为在本地保存的时候,通过.eslintrc.js文件中所写的规则,eslint插件
转载 2024-05-17 23:51:18
73阅读
作者简介:于航,PayPal Senior Software Engineer,在 PayPal 上海负责 Global GRT 平台相关的技术研发工作。曾任职于阿里巴巴、Tapatalk 等企业。freeCodeCamp 上海社区负责人。研究领域主要为前端基础技术架构、Serverless、WebAssembly、LLVM 及编译器等相关方向。说到 Web 前端开发,我们首先能够想到的是浏览器、
转载 2024-05-21 19:55:55
30阅读
参考路径:https://www.cnblogs.com/lei2007/archive/2013/08/16/3262897.html 减少http请求次数: 网络方面而言,减少数据的交互就意味着减少了网络带宽的压力,能够提供更大并发量的服务 ,减少网络传输的时间,由于减少了请求次数,服务器的资源 ...
转载 2021-10-26 18:59:00
219阅读
2评论
昨天参加37互娱的笔试时有个这样的问题:说说你所知道的提高前端开发效率的工具或方法?说实话,确实知道的不多,于是从网上搜了下,挺不错,故转载之:http://www.jianshu.com/p/cdf777f13ff6内容分发网络(CDN) CDN 可以帮你把网站的资源分发到世界各地,有助于提高网站的响应速度,当然,这对于那些特殊地区的用户是收效甚微的。CloudFlareCloudFlare
什么时候我们需要测试如果你的回答是:「当然是什么时候都需要测试」——那么恭喜你,你还没有接受过现实排期和业务的毒打(这里指的是国内互联网的情况)。理想情况下,我们当然希望「都有测试测试覆盖率达到 100%」,但是现实往往无法支撑起这个美好的愿景。在这种情况下我们在什么时候选择编写测试代码呢?比较核心的几个点是:核心、高风险业务内容,比如我 19 年写的文章就是针对支付、会员、订单这一块的后端服务
我们在使用网站过程中,经常会遇到慢的问题,为了找到原因,一般需要借助工具进行检测,通过工具,可以检测出前端站点加载资源的相关详细情况。今天,就给大家介绍几款前端性能测试分析工具,结合性能测试工具,实现通过量化的方式测试网站中诸如首字节加载时间(time to first byte)或者渲染时间等表现。其中有些工具还会检查资源是否被缓存,多个 CSS 或 JS 文件是否值得合并,最后自动给出前端性能
转载 2024-01-03 07:18:18
81阅读
现在有很多的一体化测试平台,集成了评审--到用例--到用例评--到功能测试通过率和各种统计--到接口测试--到性能测试--线上真实流量进行线下放大压--到UI自动化测--bug管理于一身的自动化测试平台。比如杭州笨马,metersphere等等。一. 前端1.1 移动端抓包工具:Lyrebird - 移动端的抓包及 Mock 平台。(美团)spy-debugger - 适用于任
转载 2024-01-04 14:42:06
351阅读
1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5.得到表单中元素的名称和值:document.getElementById("表
转载 2024-03-05 22:20:32
30阅读
孔子说,“工欲善其事,必先利其器”,当前运用前端开发,也是很恰当的,那么,前端编程开发用什么软件?前端编程开发用什么工具?下面小编就为大家总结一下前端编程开发的开发工具。打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固,你值得拥有(持续更新)一:HBuilderHBuilder工具是数字天堂推出的一款前端开发工具,支持一些html和js等开发,主要编写一些c和web等语言,HBu
转载 2024-04-20 11:03:39
53阅读
  • 1
  • 2
  • 3
  • 4
  • 5