综合
文章平均质量分 88
编程轨迹_
修罗社区 | 掘金优秀创作者 | 清华大学出版社签约作者 | Web3 开发者 | CSDN 银牌讲师 | 蓝桥云课2021年度人气作者Top2 | 工信部蓝桥认证命题人 | CSDN 博客专家 | 腾讯云2022 年度优秀作者 | 阿里云专家博主 | 华为云享专家 | 著作:《前端面试复习笔记》|《Web3 开发系列教程》|《ThreeJS 在网页中创建动画》|《ElementUI 详解与实战》|《PWA 渐进式Web应用开发》
展开
-
推荐14个牛逼的代码编辑网站
推荐14个牛逼的代码编辑网站原创 2022-12-07 19:32:07 · 5885 阅读 · 0 评论 -
前端修罗场,祝您中秋快乐
中秋快乐!原创 2022-09-10 09:41:59 · 1388 阅读 · 0 评论 -
【零代码工具】15 款企业级零代码开发平台推荐,总有一款是你心仪的
云原生时代,你用上了哪些零代码平台工具了吗?你有哪些实用的零代码工具推荐吗?今天我就和大家分享一些我了解到的实用工具清单!从启动网站、构建工作流程自动化和开发应用程序,零代码平台都可以帮助初创公司快速构建和启动它们的应用程序。本文收集了 15 款零代码解决方案,可帮助初创公司、自由职业者和小型企业在无需编写代码的情况下进行创建。...原创 2022-07-30 11:16:41 · 12693 阅读 · 0 评论 -
Biu~送你 20 个提供远程工作的网站,都很棒
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,Javascript,CSS,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂......原创 2022-06-26 22:51:55 · 3226 阅读 · 29 评论 -
我的NVIDIA开发者之旅——作为一名初学者,我是如何开启 NVIDIA Jetson Nano 开发的
“我的NVIDIA开发者之旅” | 征文活动进行中…你可能会问 🤔,作为一个前端博主,不好好切页面,来这里搞 Jetson Nano ? 是不是没睡醒?😺 哈哈,技多不压身嘛 😂,我现在也在尝试前端之外的领域,看看能不能找到一些兴趣。所以,如果你也是一个门外汉,不妨和我一起来学习。如果觉得不错,给我 点赞👍🏻、收藏❤️、评论✍🏻 三连哦!在本文中,我将展示如何从一个初学者角度,使用 NVIDIA Jetson Nano 。 你也可以参考官方教程。 如果你想跟着我一起做,那么接下来的内容比会比较花...原创 2022-06-12 14:25:42 · 1458 阅读 · 0 评论 -
【小程序】能让 JS 执行的 JavascriptCore ,到底是什么
Swift 自 2014 年推出以来,人气飙升,但是 JavaScript 是一种与 Swift 完全相反的语言,比如 Swift 在编译时做了很多保障安全性的措施,而 JavaScript 则是一门弱类型语言,它只在执行时运行。可能它们两个也没想到有一天能够一起协作,制作一个流畅的 iOS 应用程序!但是,你知道为什么 JS 能在 IOS 中运行吗?本篇文章,我们就来说说能让 JS 在 IOS 运行的 JavascriptCore 框架到底是什么。你将了解到以下知识点:JavaScriptCore 框架原创 2022-06-06 16:04:20 · 1032 阅读 · 0 评论 -
动画篇:变量提升
变量提升(Hoisting)被认为是, Javascript中执行上下文 (特别是创建和执行阶段)工作方式的一种认识。在 ECMAScript® 2015 Language Specification 之前的JavaScript文档中找不到变量提升(Hoisting)这个词。不过,需要注意的是,开始时,这个概念可能比较难理解,甚至恼人。例如,从概念的字面意义上说,“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面,但这么说并不准确。实际上变量和函数声明在代码里的位置是不会动的,而是在编译阶段原创 2022-05-26 08:26:26 · 349 阅读 · 8 评论 -
增强版 Git Flow 模型
使用 Git 的最佳方式一直存在争议。那是因为 Git 本身只详细说明了基本的分支操作,这使得它的使用模式: 即分支模型——常常成为用户有意见的地方。虽然Git 分支模型能够帮助开发者减少其在更改代码库时带来的冲突。Git Flow,是一种经常推荐给 Git 用户的分支模型。 也许一开始你对 Git Flow 的逻辑很感兴趣,但是直到你在实践中遇到了一些障碍。 毕竟,有无数的变量在起作用,没有一个单一的分支模型能在所有情况下都能很好地工作。但是,值的高兴的是作为经典 Git Flow 模型的一个变体,增原创 2022-05-18 07:48:01 · 205 阅读 · 0 评论 -
9 个提升开发者效率的网站
好的资源,可以节省你的时间并提高你的生产力。1. Unminifyhttps://unminify.com/这个工具可以对难看的JavaScript、CSS、HTML、XML和JSON代码进行重新格式化和缩进,使其重新具有可读性。2. Favicon.iohttps://favicon.io/它可以从文本、图像或数百个表情符号中快速生成你需要的图标。3. Box-shadowhttps://box-shadow.dev/可以自定义阴影。添加一个 shadow4. Remove..原创 2022-05-12 07:30:00 · 267 阅读 · 8 评论 -
如何在TypeScript中使用类型保护
类型保护是一种TypeScript技术,用于获取变量类型信息,通常使用在条件块语句中。类型守卫是返回布尔值的常规函数,接受一个类型并告诉TypeScript是否可以缩小到更具体的类型。类型保护具有唯一的属性,可以确保测试的值是根据返回的布尔值设置的类型。TypeScript使用了一些内置的JavaScript操作符,比如typeof、instanceof和in操作符,这些操作符用于确定一个对象是否包含属性。类型保护可以让你指导TypeScript编译器在特定的上下文中推断出变量的特定类型,确保参数的类型与原创 2022-05-11 07:30:00 · 289 阅读 · 11 评论 -
【NodeJS】3 种确保开源Node.js依赖包安全的方法
随着Node.js应用程序的规模和特性的扩展,它们的依赖关系也会扩展。为了让Node.js应用程序能够正常运行,你还需要测试框架、UI框架、数据库客户端、像Express这样的MVC库等等。然而,**黑客们正越来越多地瞄准这类依赖关系,发起链式攻击,将恶意代码注入第三方软件。**研究人员还发现,配置不良的构建过程使应用程序更容易受到这类攻击。在这篇文章中,我们将回顾三种工具,它们是最近开源的,用于提高Node.js依赖的安全性,包括Socket、Node-Secure CLI和N|Solid。让我们开始原创 2022-05-09 08:33:34 · 663 阅读 · 20 评论 -
所有开发者都应该知道的10个GitHub仓库
除了作为互联网上一些最有趣的开源项目的主页,GitHub也是一个分享各种资源的好地方,从免费书籍到公共的api,从技术路线图到项目想法和项目。但是由于数量庞大,很难找到你认为不存在的最有用的仓库。因此,我列出了10个极好的仓库,它们为所有web和软件开发人员提供了巨大的价值。所有这些都将为你增加价值,帮助你成为一个更好的web或软件开发人员。1. Free Programming BooksGitHub🌟: 183K+地址:https://github.com/EbookFoundation/f原创 2022-04-25 07:46:24 · 1856 阅读 · 0 评论 -
NodeJS V18稳定版本正式发布,这个特性太棒了
前几天,Node.js v18作为当前的稳定版本发布了。我们归纳了 v18 的一些更新。全局 fetchNode.js在——试验性-fetch后有了一个全局fetch,它允许你在Node.js中原生使用浏览器fetchAPI。在v18中,实验性的Fetch API默认是可用的。fetch('https://example.com/todos/1') .then(response => response.json()) .then(json => console.log(json))原创 2022-04-24 07:44:50 · 5479 阅读 · 0 评论 -
Javascript 中你最应该知道的 33 个概念
你觉得自己对JavaScript了解多少?你可能知道如何编写函数,理解简单的算法,甚至可以编写类。但是你知道类型化数组是什么吗?你现在不需要知道所有这些概念,但你最终会在以后的职业生涯中需要它们。这就是为什么我建议把这个列表收藏起来,因为你可能会遇到其中一个,然后你会需要一个教程来完全理解它。我们归纳了 33 个前端开发者需要知道的 Javascript 核心概念。希望当你不理解这些概念的时候能去看看它们详细的介绍(我们也在每个概念的末尾给出了详细的介绍地址)。1. 调用堆栈调用栈是一种解释器机制(原创 2022-04-23 12:25:29 · 1444 阅读 · 0 评论 -
20 种高效的工作方式,助力你更有效率的编码
每个人都想变得更有效率,但是如何才能变得更有效率呢?好吧,希望你能在本文中找到一些答案,在本文中,我编译了20种简单、经过试验和测试的方法,以提高开发人员的工作效率!1. 时间限制把你的时间像下列方式分成如下几部分:9:30 --> 10:00处理邮件10:00 --> 12:00计划新的页面设计和功能12:00 --> 13:00午饭与午休13:00 --> 15:00编辑文档15:00 --> 17:30重新设计页面2. 深度工作深度工原创 2022-04-20 22:08:16 · 900 阅读 · 0 评论 -
这几种 VSCode 扩展是我最喜欢的
CodeSnap通过在项目中突出显示相应的代码片段,您可以快速创建代码的截图。它是那么容易!不再打开一个新的标签,复制的代码,并保存照片。图像将与剪切、复制和粘贴选项一起生成。ColorizeColorize通过突出显示颜色值来可视化颜色变量。这对于转换十六进制代码和变量名来说是一个方便的省时方法。BeautifyBeautify将很容易地帮助您解决任何类型的问题,可读性你的代码等等。你所需要的一切是:按F1并选择“美化文件”。它会自动修复你想要的。Live Server当你写你的HTML,.原创 2022-04-19 09:23:41 · 802 阅读 · 0 评论 -
这些 HTML 标签你一定从未使用过
HTML中有超过100个元素,所有这些元素都可以应用于文本片段,以赋予它们在文档中的特殊意义。我们大多数人只知道几个元素,比如<p>、<div>和<body>元素……但是实际上还有很多隐藏在W3C参考的黑暗领域中。原创 2022-04-18 12:03:31 · 832 阅读 · 2 评论 -
7个 优秀的远程“结对编程“编码工具
疫情原因,大家都在家远程办公。不知你是否正在寻找与远程团队协作的编码工具?本篇文章,我们寻找了当下最好的协作编码工具,这些工具将使远程结对编程更容易,并提高你和你的团队的工作效率。如果你是一名程序员,你就会知道协作是成功的关键。没有比结对编程更好的合作方式了。这种类型的编程允许两个或更多的程序员在同一代码上一起工作,分享想法并解决出现的问题。当大流行开始时,代码协作工具落后于我们对其他实时团队合作应用的期望。但事情在短时间内已经取得了很大的进展,而且比以往任何时候都有更多高质量的选择。这些工具将..原创 2022-04-16 08:19:39 · 1097 阅读 · 0 评论 -
5种最流行的发送HTTP请求的方法
现代Javascript提供了许多向远程服务器发送HTTP请求的方法。从原生XMLHttpRequest对象到Axios等第三方库,拥有如此丰富的选择集合使得在web应用程序中请求和动态加载内容比以往任何时候都更加轻松。所以,在今天的帖子中,我们将讨论用Javascript发送HTTP请求的不同方法。从语言提供的本地选项开始,我们将查看以下五个模块,并使用它们发送不同类型的HTTP请求。XMLHttpRequestFetchAxiosSuperAgentKyXMLHt.原创 2022-04-15 22:42:32 · 3250 阅读 · 0 评论 -
Vite 原理浅析
Vite有如下特点:快速的冷启动: No Bundle + esbuild 预构建即时的模块热更新: 基于ESM的HMR,同时利用浏览器缓存策略提升速度真正的按需加载: 利用浏览器ESM支持,实现真正的按需加载Vite相比于Webpack而言,没有打包的过程,而是直接启动了一个开发服务器devServer。Vite劫持浏览器的HTTP请求,在后端进行相应的处理将项目中使用的文件通过简单的分解与整合,然后再返回给浏览器(整个过程没有对文件进行打包编译)。所以编译速度很快。Vite 直接整合了 .原创 2022-04-14 22:18:26 · 3505 阅读 · 0 评论 -
函数表达式 与 函数声明 别搞混了
在JavaScript中,function关键字做一个简单的工作:创建一个函数。但是,使用关键字定义函数的方式可以创建具有不同属性的函数。在这篇文章中,你将了解如何使用function关键字来编写函数声明和函数表达式,以及这两种类型的函数之间有什么区别。1. 函数表达式 VS 函数声明函数声明和函数表达式是使用Function关键字创建函数的两种方法。让我们举个例子来说明两者的区别——我们先创建两个版本的求和函数:function sumA(a, b) { return a + b;}.原创 2021-05-08 10:17:27 · 635 阅读 · 0 评论 -
一文彻底搞懂 JS 中的基础类型和引用类型
在JavaScript中,可以按值和按引用传递。这两种方法的主要区别在于,在赋值原始值(primitive)时是传递值,而在赋值对象(objects)时是传递引用。让我们在这篇文章中更详细地讨论值和引用。primitive && objectsJavaScript提供了两类数据类型: 基本类型(primitive)和引用类型(objects)。基本类型包括数字、布尔值、字符串、符号和特殊值(null和undefined)。例如:// Primitivesconst numbe.原创 2021-04-27 08:39:24 · 428 阅读 · 1 评论 -
JS 合并数组的三大方式
数组是表示索引项的有序集合的数据结构。对多个数组执行的一个常见操作是合并——将2个或多个数组合并成包含合并数组的所有项的更大数组。例如,有两个数组[1,2]和[5,6],然后合并这些数组得到[1,2,5,6]。在这篇文章中,你会发现在JavaScript中合并数组的3种方法:2种不可变的(合并后创建一个新数组)和1种可变的(合并到一个数组中)。1. 数组的不可变合并1.1使用扩展操作符进行合并如果您想知道一种在JavaScript中合并数组的好方法,那么请记住使用扩展操作符进行合并。在数组字.原创 2021-04-27 08:17:17 · 18885 阅读 · 2 评论 -
你真的用对 Array.map() 了吗
假期过得愉快吗?快要上班啦,让我们来温习下知识,进入学习状态吧!今天我们要说说 Array.map(),你真的知道它怎么用嘛?有时,你可能需要接受一个数组,并对其元素应用一些过程,以便获得一个具有修改过的元素的新数组。你可以简单地使用内置的array .map()方法,而不是使用循环来手动遍历数组。map()方法允许您遍历数组并使用回调函数修改其元素。然后,回调函数将在数组的每个元素上执行。例如,假设你有以下数组元素:let arr = [3, 4, 5, 6];现在假设需要将数组的每个元.原创 2021-04-05 12:08:55 · 524 阅读 · 0 评论 -
GraphQL VS Restfull Api ,看看谁更有优势
REST 并不是在 web 上发送信息的第一种协议。但十多年来,它一直主宰着 API 领域。最近,由 Facebook 设计的新手 GraphQL 变得越来越流行。它的目的是纠正REST的一些缺点,但没有一项技术是完美的。与 REST 相比,GraphQL 有哪些优点?为什么要在项目中使用其中一种?REST Api 存在的问题首先,让我们讨论一下 REST 的一些弱点以及 GraphQL 如何试图解决它们。主要有三个原因:到服务器的次数过多抓取过度/抓取不足缺乏灵活性使用 REST A.原创 2021-03-23 17:20:13 · 556 阅读 · 0 评论 -
开发者应该知道的 50 条最实用的 Git 命令
Git是一个分布式版本控制系统,可以帮助开发人员在任何规模的项目上进行协作。Linux内核的开发人员Linus Torvalds在2005年创建了Git,以帮助控制Linux内核的开发。什么是分布式版本控制系统?分布式版本控制系统是帮助您跟踪您对项目中的文件所做更改的系统。此更改历史记录保存在本地机器上,在出现问题时,您可以轻松地恢复到项目的前一个版本。Git使协作变得容易。团队中的每个人都可以在自己的本地机器上保留正在开发的存储库的完整备份。然后,多亏了BitBucket、GitHub或GitLa原创 2021-03-13 22:36:00 · 229 阅读 · 0 评论 -
Web 前端:知道这些,至少有底气去面试了
个人介绍面试官,您好!我来自四川大学,是一名软件工程专业的硕士研究生。在校期间,曾先后在宝宝巴士网络科技、四川省计算机研究院实习,担任前端开发一职。目前个人的技术栈主要是vue,配合elementui、antD vue。除此之外,业余时间会做一些关于数据可视化的设计。Good Afternoon,Interviewer! I come from sichuan university and I...原创 2019-10-08 22:23:11 · 2034 阅读 · 0 评论 -
【PWA】PWA入门到进阶
最近在使用某款运动APP,使用过程中我发现一个很便捷的功能,就是你在跑步页,App会提示你添加“便捷”功能至桌面,添加后桌面会有一个APP图标,点进去它其实是一个web,然后通过web调用APP方法能直接进入APP跑步。我想了想,这难不成是PWA。由此原因,我们来看看PWA是怎么操作的 ·>_·>Service WorkerPWA的核心就是Service Worker。所以,我...原创 2020-11-24 18:43:32 · 1724 阅读 · 0 评论 -
【工具】使用git提交项目到码云
1、下载git客户端工具(.exe) 点击安装 2、找到你存放项目的根目录(例如:e:/gittest) 3、在该根目录下,右键,选择“Git Bash Here” 4、出现命令行,输入初始化命令: git init5、使用命令行添加帮助文件6、进行基本设置git config –global user.name “用户名” (这里的用户名是你要设置的git的全局姓名...原创 2017-05-25 15:32:32 · 1364 阅读 · 0 评论 -
【RESTful】RESTful API 接口设计规范 | 示例
概念本质:一种软件架构风格核心:面向资源设计的API解决问题:降低开发的复杂性提高系统的可伸缩性例如:设计一套API,为多个终端服务。设计概念和准则网络上的所有事物都可以被抽象为资源每一个资源都有唯一的资源标识,对资源的操作不会改变这些标识所有的操作都是无状态的(本次操作、下次操作、上次操作之间无关系)资源:网络上的一个实体、具体信息。HTTPRESTful 与...原创 2018-10-28 20:57:24 · 22165 阅读 · 5 评论 -
【前端3分钟】写一个数字翻牌器
在做效果的时候,想要表现一个数字数据的动态变化,例如金额增加,此时我们就可以使用数字翻牌器来表现。当然,你也可以使用其他效果来表现。下面我们就来实现,注意一点:数字的增加&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&amp;amp原创 2018-09-05 14:22:09 · 8843 阅读 · 0 评论 -
【虚拟DOM】浅析 虚拟DOM
虚拟DOM作为目前流行的DOM操作思想,被广泛用在react中,这套设计的确在用户体验上带来了显著提升。下面我们来浅析一下这个东西,一步步看下去,希望你能有所收获。 设计理念尽管MVVM将页面逻辑实现的核心转移到数据层面的修改上,但是最终数据层反映到页面上View的层的渲染和改变仍是通过对应的指令进行DOM操作来完成的。而且,通常一次ViewModel的变化可能会触发液面上多个指令操......原创 2018-04-26 17:21:35 · 2608 阅读 · 0 评论 -
【前端3分钟】布局
布局结构网页布局结构,通常分为三种:通栏 多栏又分为:等分多栏与非等分多栏 布局方式固定布局:使用像素(px)作为页面基本单位;弹性布局:使用百分比(%)作为页面基本单位;混合布局:使用像素(px)和百分比(%)两种单位作为页面单位。通常而言,通栏、多栏等分结构的布局,适合使用弹性布局;而多栏非等分的布局,适合使用混合布局。布局变化当进行...原创 2018-04-12 15:49:59 · 955 阅读 · 0 评论 -
【工具】移动端web调式工具分享
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...原创 2015-12-12 21:39:50 · 1554 阅读 · 0 评论 -
【工具】如何使用 git 上传本地项目到 github
下载git工具;http://git-scm.com/download/注册github:https://github.com/3. 使用git使用git bash 命令行工具:(1)创建一个身份标识: (XXXXX 是你在 github 上的用户名)之后,接着执行:(这是你在github上的密码)(2)使用cd 命令进入到你在本地上存放github的目录(3)对git仓库初始化这样就将你的本地的github目录作为git仓库了。此时,在该目录下会有一个隐藏的.git文件夹。(4)克隆githu原创 2015-12-17 18:19:02 · 962 阅读 · 0 评论 -
【工具】fis-plus 前端开发环境配置
前端自动化工具确实给前端同学带来的极大的方便,这一篇中我们将通过介绍fis-plus来配置前端的开发环境。av8d,请坐好哦~一、fis-plus引入 fis-plus能够把前端当做整个PHP的开发环境来渲染,包括它能对smarty的开发环境能够很好的支持。 官网网站: fis-plus首先我们进行安装在命令行输入:npm install -g fis...原创 2016-03-20 18:15:10 · 3248 阅读 · 8 评论 -
【工具】抓包工具 Fiddler 使用教程
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...原创 2017-10-18 11:41:20 · 21400 阅读 · 0 评论 -
【前端3分钟】高效使用 JQuery
前端修罗场提供全网最专业的前端优质文章与社区服务,为应届生,初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务!内容包含:前端面试辅导,前端面试题,前端交流,前端答疑,前端基础知识,前端知识体系,技能树搭建,Javascript,CSS,CSS3,HTML,React,Vue,小程序,前端简历,职业交流,远程工作,英文交流,英文提升,外企,互联网,国企,大厂,牛客面试题,掘金面试题,面经,优质前端文章分享...原创 2018-03-02 20:15:13 · 297 阅读 · 0 评论 -
【前端3分钟】HTTP/1.x 协议瓶颈及其扩展之WebSocket
Session与Cookie状态管理中的加盐(salt)一种安全的保存方法是,先利用给密码加盐的方式增加额外信息,再使用散列(hash)函数计算出散列值后保存。但是我们也经常看到直接保存明文密码的做法,而这样的做法具有导致密码泄露的风险。 注释;salt是由服务器随机生成的一个字符串,但是要保证长度足够长,并且是真正随机生成的。然后把它和密码字符串相连接(前后都行)生成散列值。当两个用户使用......原创 2018-04-05 16:24:26 · 571 阅读 · 0 评论 -
【博客搭建】如何搭建一个独立博客——简明 Github Pages与 jekyll 教程
摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册、DNS 设置、github 和 jekyll 设置等过程,这是我写得最长的一篇教程。我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后来者一个明确的指引,同时用这篇教程开篇,正式开始我的第八大洲之旅。前言作为一个技术小白,没有技术基础,看网上的教程也云里雾里,看程序员的教程相当不容易,稍微有些细节描述得不清楚自己就要绕弯...转载 2016-03-12 15:15:12 · 1102 阅读 · 0 评论