高级前端开发需要知道的 25 个 JavaScript 单行代码
1. 不使用临时变量来交换变量的值
例如我们想要将 a 于 b 的值交换
let a = 1, b = 2;
// 交换值
[a, b] = [b, a];
// 结果: a = 2, b = 1
这行代码使用数组解构赋值的方式来交换两个变量的值,无需定义新的临时变量。这个巧妙的技巧可让代码看起来更简洁明了。语法[a, b] = [b, a]通过解构右侧的 ...
2025年前端开发,流框架的对比及最佳实践建议
在前端开发中,UI框架的选择取决于项目需求、团队技术栈和设计风格。以下是主流框架的对比及最佳实践建议:
1. 主流UI框架推荐
React生态
Ant Design
功能全面、设计规范统一,适合中大型企业级应用。
官网:https://ant.design/
Material UI (MUI)
遵循Google Material Design,提供丰富组件和自定义选项。
官网:http ...
推荐给前端开发的 5 款 Chrome 扩展 🚀
大家好,我是 dom 哥。这是我关于 Chrome 扩展开发的系列文章,感兴趣的可以 点个小星星。
工欲善其事,必先利其器。Chrome 可能是前端开发中使用最多的浏览器。在日常开发中,下列几款 Chrome 扩展也许能让你的开发工作事半功倍 🚀
Vue.js devtools ⚙️
vue 官方专为 vue 应用开发的调试工具。
通过使用它,你可以快速查 ...
前端开发中如何高效渲染大数据量
我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。
本文作者:琉易 liuxianyu.cn
在日常工作中,较少的能遇到一次性往页面中插入大量数据的场景,数栈的离线开发(以下简称离线)产品中,就有类似的场景。本文将分享一个实际场景中 ...
论一个前端开发者的自我修养
先做个简单的自我介绍:本人(大名:萧文翰),Android 架构师/技术顾问。从2013年开始从事移动前端开发,主攻 Android 和跨平台开发技术,具有丰富的实战项目经验。国内7项专利共同发明人;图书《Android App Hook and Plug-In Technology》译者(中译英);自2017年底至2019年,担任天津/广州三星通信研究院代码优化工作 ...
前端开发 -- HTML
一、前端开发介绍
作为一枚程序员,如果想要开发网站,其本质就是在socket服务端接收浏览器请求并给其返回数据,并且返回数据格式要符合浏览器能识别的规则。
前端开发的课程目的就是带大家去学习浏览器能识别的所有规则,这样我们就可以服务端给浏览器返回特定规则的数据,从而控制用户浏览器显示的效果。
前端开发中浏览 ...
前端开发:基于cypress的自动化实践
作为一个伪开发,在一个平台项目中负责前端的开发工作,开发框架为vue,本文我会站在前端开发的角度介绍,我是如何使用cypress的。
如何在vue中使用cypress
如何运行cypress
如何编写测试用例
如何解决测试数据的问题
遇到的元素定位的问题
如何看待cypress
cypress是否为最佳工具
测试怎么办?
如何在vue中使用c ...
30组常用前端开发组件库
这里是收集的web前端开发常用前端开发组件库,搭建web app常用的样式/组件等收集列表(移动优先)。主要包含前端框架,构建工具,自动化模块、jQuery插件、前端样式等,囊括最实用的前端开发组件库!
0. 前端自动化
前端构建工具
gulp – The streaming build system
grunt – the JavaScript Task Runner
前端模块管理器
Bow ...
[转] 深入理解vue 一些底层原理
20180224114219152.png
一 理解vue的核心理念
使用vue会让人感到身心愉悦,它同时具备angular和react的优点,轻量级,api简单,文档齐全,简单强大,麻雀虽小五脏俱全.
倘若用一句话来概括vue,那么我首先想到的便是官方文档中的一句话:
Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。
...
前端开发面试快速复盘,不标准的面试经验分享与杂谈(终章),我拿到满意offer了
壹 ❀ 引
找工作半个月了,一周面两三家的样子,前前后后大概面了八家左右,先说结论,拿到了三家offer,虽然没有进大厂,但其中一家是自己很想去的公司所以后面不会再面试了,福利待遇(弹性打卡,导师一对一培训,mac,公司有猫..),技术团队都非常nice!!对于我这种急切渴望提升自身技术的人,确实是一个极好的结果, ...
vsCode格式化插件
ESlint:是用来统一JavaScript代码风格的工具,不包含css、html等。
背景
近来研究前端,然后一直在百度上找VScode格式化(ESlint)的插件,结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件,所以自己东拼西凑加实践找到解决方法。
一、安装插件
1)ESlint:javascript代码检测工具, ...
前端开发中需要搞懂的字符编码知识
字符集和字符编码
字符集就是字符的集合,如常见的 ASCII字符集,GB2312字符集,Unicode字符集等。这些不同字符集之间最大的区别是所包含的字符数量的不同。
字符编码则代表字符集的实际编码规则,是用于计算机解析字符的,如 GB2312,GBK,UTF-8 等。字符编码的本质就是如何使用二进制字节来表示字符的问题。
字符集和编码 ...
前端开发面试快速复盘,不标准的面试经验分享(二)
壹 ❀ 引
我在前端开发面试快速复盘,不标准的面试经验分享一文中,记录了之前两家公司的面试经历,并顺利拿到了其中一家offer;在上上周五早上(7月31号),我7点钟出门面了2家公司,很遗憾,都挂掉了。第一家面试比较荒诞,第二家是我比较看好的公司,但挂在了项目经验上;说在前面,本文并非大厂面经,我也只是一个三年 ...
微前端开发(Vue)
一、微前端概述
1. 什么是微前端?
为了解决庞大的一整块后端服务带来的变更与扩展方面的限制,出现了微服务架构。然而,越来越重的前端工程也面临同样的问题,自然地想到了将微服务思想应用(照搬)到前端,于是有了“微前端(micro-frontends)”的概念。即,一种由独立交付的多个前端应用组成整体的架构 ...
前端开发常用网站汇总
全手打原创,转载请标明出处:https://www.cnblogs.com/dreamsqin/p/10954024.html,多谢,=。=~
工具类
1、浏览器兼容性查询
https://www.caniuse.com/
2、RGB与十六进制颜色码转换
https://www.sioe.cn/yingyong/yanse-rgb-16/
3、图标库
https://fontawesome.com/icons?d=gallery
https://ic ...
【学习记录】微信小程序:前端开发
目录小程序前端开发实战前期工作小程序代码框架WXML学习WXSS学习JS学习API介绍
更新时间:2021年6月26日
说明:写作此系列有两个目的,①复习微信小程序开发技术(前端+后端);②为微信小程序初学者提供一些帮助。以后一定要养成通过写博客记录学习过程的好习惯,不然时间长了真的会忘……
我学习的课程是“学堂在线”上 ...
分享二十个web前端开发日常必备网站
TNTWeb - 全称腾讯新闻前端团队,组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。
目前团队主要支持腾讯新闻各业务的前端开发,业务开发之余也积累沉淀了一些前端基础设施,赋能业务提效和产品创新。
团队倡导开源共建,拥有各种技术大牛,团队Github地址:https://github.com/tnfe
俗 ...
17张思维导图,2021年作为一名前端开发者需要掌握这些,前端面试复习资料参考大纲
前言
2020年最后一个月了,熬夜多天整理出17张思维导图,对前端面试复习知识点进行了最全的总结,分享给大家。每个知识点都尽量找到最好的文章来解释,通过思维导图的形式进行展示。
1-Javascript
内置类型
介绍一下JS内置类型有哪些
JavaScript 数据类型和数据结构
介绍一下typeof区分类型的原理
JavaScript中type ...
前端开发3年了,竟然不知道什么是 Vue 脚手架?(上)
一、脚手架认识和使用前提
CLI 是什么意思?
CLI -- Command-Line Interface 命令行界面,俗称脚手架。
脚手架就是一个大概的框架,是建筑学上的一个概念。
1.1、什么是Vue-cli?
Vue-cli 是官方发布 vue.js 项目脚手架,使用 Vue-cli 可以快速搭建 vue 开发环境,以及对应的 webpack 配置。
1.2、使用脚手架的前提 ...
npm pack - npm install .tgz 离线安装 前端开发环境
npm pack - npm install .tgz 离线安装 前端开发环境
为什么有这个需求
曾经出差,到一个机构里面,里面是局域网,没有外网。后台都是java,刻录个光盘,然后就把开发环境装好了,就直接开发了。
我进去后,由于不能离线安装开发环境,导致楼上楼下跑,效率极低,开发还特别慢。
延展
开发electronjs,那搞一个开发环境, ...