手机随时阅读
新人专享大礼包¥24
昨天刷抖音,有人讲web3.0,所以一早起来就想写写web3.0的相关内容。Web 3.0web 是个英文,作名词的时候,是网络的意思。后面追加 X.0,可以理解为不同的网络版本,这里我认为它是宏观是用户使用的网络应用版本。和历史中的工业发展一样,从蒸汽时代到电气时代,然后是现在的信息时代,这是从宏观的角度去看了。回过来看看相对微观的互联网发展,于用户来说,从仅能进
如果只是抽象的回答这个问题,那毫无疑问是“成长”重要,因为我认为“成长”就意味着你有能力拿到更匹配的职位,拿到更高的薪酬,实现更自由的财务,否则你连这些也没有做到,“成长”不就只是一句美好的自我幻想吗?不过让我们假设一个更加具体的场景来聊一下:毕业后就一直在这家公司工作,刚毕业的时候,总觉得成长最重要,现在都已经在这家公司工作 3 年了。这家公司感觉还不错,偶尔很忙,但大部分时间都能掌控,生活也能
一、跨域1、同源策略浏览器同源策略限制请求同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。限制以下行为Cookie、LocalStorage 和 IndexDB 无法读取文档对象模型和 Js对象无法获得AJAX 请求不能发送有三个标签是允许跨域加载资源:<img src=XXX><link href=XXX>
有很多时候,我看见很多的技术文章,里面大致上的内容其实都是差不多的,总的来说,其实普通的前端工程师是用不到去学习这么多的技术点的。就比如Node.js 。 一般的公司也不会用JavaScript语言来写后端,所以大部分的前端甚至都不需要去了解它,反而更应该了解多一点Ajax与网络请求协议。数据的问题交给后端去处理就好了,前端有自己要做的活。我个人认为,技术框架的源码这种东西,如果能不学习,就不要去
这次想聊的是浏览器的工作原理,昨天吧客户提了一个需求,浏览器同时打开两个页面,当A页面的值改变时,B页面也要改变,我一个同事用vuex来解决,花了一上午时间最后满头大汗的对我说搞不定,我说当然不行呀,vuex只能管理同一进程下的状态,两个窗口是不同进程,是无法通过状态管理通信的,只能通过缓存。介于此,有必要说说浏览器的工作原理。在浏览器里,Chrome最具有代表性,这是因为Chrome、微软的 E
刚开始学习前端的时候,SPA(单页面应用)还没有现在这么流行,可以选择的框架也很少。现在,随便打开一个与该技术相关的网站或应用,只需要简单地看几页,就可以看到丰富的与前端框架相关的文章Angular、 React、Vue。当你还是一个新手程序员时,可能从不考虑技术选型的问题,因为不需要做技术选型和更换架构,觉得框架丰富和自己没关系,反正还是用现在的技术栈。等到真正需要技术选型和更换架构的时候,依靠
说起面试,其实我自己面试的经验不多,而且我对八股文也不算通,算法更是短板。但是好在面过不少人,在筛选候选人上,也算是有自己的一点点经验。在我看来,面试的唯一目的就是招人,一定是因为团队缺人需要补充,你才会放下手头的工作花时间去筛简历,约面试。那么作为面试官,这个时候就一定要告诉自己:面试是为了寻找合适的人,而不是为了难倒候选人。我见过不少互相刁难的面试,其实这个是最没有意义的,双方都浪费了时间还没
工作流引擎选型1、flowableflowable基于activiti6衍生出来的版本,flowable目前最新版本是v6.6.0,开发团队是从activiti中分裂出来的,修复了一众activiti6的bug,并在其基础上研发了DMN支持,BPEL支持等等,相对开源版,其商业版的功能会更强大。以flowable6.4.1版本为分水岭,大力发展其商业版产品,*开源版本维护不及时,部分功能已经不再开
服务器本身的配置因素 正所谓好马配好鞍,不管是做任何用途,你都得先挑选一台合适自己的服务器,如果你只贪图便宜而选择一个根本满足不了你需求的服务器,那么即便再好的服务器租用服务也无法达到你的理想效果,毕竟巧妇难成无米之炊。 那么服务器托管时应该注意哪几个细节呢?其实服务器关键是由内存、CPU、硬盘构成,我们只需要将这几样配对好那么就事半功倍了。不一定要挑最贵
持久化缓存是 webpack5 所带来的非常强大的特性之一。一句话概括就是构建结果持久化缓存到本地的磁盘,二次构建(非 watch 模块)直接利用磁盘缓存的结果从而跳过构建过程当中的 resolve、build 等耗时的流程,从而大大提升编译构建的效率。持久化缓存主要解决的就是优化编译流程,减少编译耗时的问题,通过全新的缓存系统的设计使得整个构建流程更加的高效和安全。在此之前官方或者社区也有不少解
构造函数创建对象我们先使用构造函数创建一个对象:function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevin在这个例子中,Person 就是一个构造函数,我们使用 new 创建了一个实例对象 person。很简单吧,接下来进入正题:prototype每个函数
研究各种加密解密也有一段时间了,今天我们聊聊高大上的东西: 加密算法。加密算法我们整体可以分为:不可逆加密算法和可逆加密算法。不可逆加密算法常见的不可逆加密算法有MD5,HMAC,SHA1、SHA-224、SHA-256、SHA-384,和SHA-512。他们的特点是,不能从加密后的结果解密出原文,主要用于校检数据的一致性,防止篡改数据,我们之前分析的大部分sign签名都是不可逆算法。也叫散列算
今天抽空总结一下这段时间遇到的前端问题,以及总结的解决方法。
什么是弹性伸缩弹性伸缩(Elastic Scaling)是根据业务需求和策略,自动调整其弹性计算资源的管理服务,达到优化资源组合的服务能力。在业务量上升时增加计算能力,当业务量下降时减小计算能力,以此保障业务系统的稳定性和高可用性,同时节约计算资源成本。举个例子,春节抢车票。很多很多人要访问买票软件的服务器,很多用户在页面上不断“点点点”和刷新,会占用服务器的计算资源,如果算力吃满了,那么用户就会
前言在理解柯里化、组合函数和惰性思想之前,我们先来理解一下高阶函数。高阶函数英文叫 Higher-order function。那么什么是高阶函数?先看一段代码:function add(x, y, f) { return f(x) + f(y);}当我们调用add(-5, 6, Math.abs)时,参数x,y和f分别接收-5,6和函数M
现在前端发展很快,各种技术和框架层出不穷、百花齐放,很多人都喊学不动啦!事实上JavaScript 作为前端的主要语言,虽然它的发展很快,每年都会出一些新特性,但视乎 JavaScript 开发者的发展速度更快一些,因为很多相对较新的功能都已经有很高的采用率下面来看看那些具有较高采用率的新特性,2022你应该了解的10个 JS 小技巧1. 用??
前端作为软件工程长期发展出来的一个独立分支,一直没有属于自己的特定的代码设计模式,最近我们在实践中对一些发源于面向对象的代码设计做了一些总结,总结了三种模式,遂有此文予以分享。为了便于理解,以下代码示例采用的都是 React + rdeco 编写,设计模式本身是高度抽象的,并不局限于某一类特定的框架。组件模式组件模式是我们用的最多的或者说目前大家都唯一能够理解的模式,组件模式的特点是,予以每个组
自我介绍for我是最早出现的一方遍历语句,在座的各位需称我一声爷爷。我能满足开发人员的绝大多数的需求。// 遍历数组let arr = [1,2,3];for(let i = 0;i < arr.length;i++){ console.log(i)&nbs
场景业务上有这样一个需求:内部对象链接在第三方 H5 页面(移动浏览器、微信、钉钉等)打开后,跳转到一个 H5 中转页面, 用户可以通过点击页面上的 “打开 APP 查看” 按钮来唤起 APP 并进入 APP 内的目标对象。思路实现 H5 页面唤起手机 APP,需要借助于 APP 的 URL Schema 协议(应用间的通信方式),这个是由 APP 端开发同事提供;我们判断运行环境来区分是 An
前端在配置完nginx.conf后,接口请求是404,初步判断是nginx.conf配置的问题。正常来说proxy_pass配置好IP和端口以后,重启nginx.exe后,访问是正常的,那么问题应该是出在域名上,查找资料后,发现主要在 proxy_set_header Host 这里不同。在代理ip时 对应的值为proxy_set_header Host $host;代理域名
Ngrok是什么?ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。因为工作需要,其他地区的同事想访问我本地的项目,我必须把内网地址映射到外网上去,这样才能便于别人访问。ngrok是免费的工具,初次注册需要2元的费用,比起花生壳还是有不小的优势。使用教程注册账号登录官网地址,注册并登录账号,第一次注册需关注微信公众号。第一次注册需要2元的
window.open('http://' + IP + 端口 + 地址), 如果不加'http://',那么结果打开是'http://' + ‘项目IP’ + ‘项目端口’ + 地址,所以如果打开一个新的url,要加上'http://'
REST 在 Web 服务领域已经统治了很长时间。它易于实现,允许通过 RESTful 模式进行标准化,并且有许多支持和促进其开发的库。然后是 GraphQL,著名的 API 查询语言。什么是 GraphQL为了更好地理解 GraphQL,我们需要了解它的定义。GraphQL 被创建为:声明性的——意思是,你应该有权选择你想要的数据。换句话说,
Node.js 是基于 Chrome 的 V8 引擎构建的后端 JavaScript 运行时,它本质上是异步和事件驱动的。使用 Node.js 创建 REST API 并使用 本文重点介绍构建 Node.js 应用程序时要遵循的一些模式和最佳实践。您将了解编码风格、错误处理、记录器和测试。&n
垃圾收集 (GC) 对所有编程语言来说都是一个非常重要的过程,无论是手动完成(在 C 等低级语言中)还是自动完成。奇怪的是,我们大多数人几乎都不会停下来思考 JavaScript——它是一种编程语言,因此需要 GC——是如何做到的。与大多数高级语言一样,JavaScript 将其对象和值分配到内存中,并在不再需要时释放它们。但是,怎么做?它在内部是如何工作的?好吧,本文旨在解决语言的这一特殊方面。
为什么使用 TypeScript? TypeScript为 JavaScript 项目带来了可选的静态类型。静态类型的主要好处是在构建时检测和纠正类型错误,因此代码在部署到生产环境后更有可能正确运行。越来越多的 JavaScript 开发人员看到了编写强类型代码的价值,这导致 TypeScript 越来越多地用于各种基于 JavaScript
大多数前端开发人员一直在处理这个流行词:V8。它之所以受欢迎,很大一部分原因在于它将 JavaScript 带到了一个新的性能水平。V8快吗,的确非常快。但是,它是如何发挥它的魔力的,为什么它反应如此迅速? 官方文档称“ V8 是 Google 的开源高性能 JavaScript 和 WebAssemb
几年前,作为一名初级工程师,我在软件开发的两个方面苦苦挣扎:构建大型代码库和编写可测试的代码。测试驱动开发是一种常见的技术,通常被认为是理所当然的,但并不总是很清楚如何使代码完全可测试。 我记得读过一些例子,作者会干净地对函数进行单元测试,原则上,这是有道理的。但真正的代码看起来不像那些例子。
无论使用何种技术堆栈,许多开发人员已经使用过Redis 以为基于集群的应用程序提供分布式缓存机制而闻名。虽然这是真的,但这不是它的唯一目的。Redis 是一个功能强大且用途广泛的内存数据库。强大,因为它非常快。用途广泛,因为它可以处理缓存、类似数据库的功能、会话管理、实时分析、事件流等。但是,当将其用作常规数据库时,必须注意内存部分。在本文中,我们将探索 Redis 缓存模式的一些最有趣的细微差别
Copyright © 2005-2022 51CTO.COM 版权所有 京ICP证060544号