一个前端开发工程师的成长之路

代码在线跑，知识轻松学

Python精品学习库

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

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

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

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

新邀入驻腾讯云开发者社区，福利多多！

如何运用「云、端融合的数智化安全体系」高效护航数据安全

左手AI，右手安全 —— 一汽丰田数字化转型之路

   var p = new Promise(function(resolve, reject){ console.log("create a promise"); resolve("success"); });  

Promise

element-enhance 底层采用了typpescript来进行拓展开发, 目前拓展组件开发初期, 后面会拓展越来越多的好用组件来开发。
 该组件库的开发理念就是面向未来，如果查看源码你就会发现像是 vue 3 的 script setup 实验性功能、像是 CSSNext 的 CSS Variables。在保证大部分浏览器的兼容性的情况下，会更多的使用新特性、新功能来开发。

‘开源项目之element-enhance‘

吐槽下: 自从github改版以后GitHub Pages的浏览速度感觉慢了好多。

‘github提交超时‘

很长一段时间都没有更新博客了, 我从几个方面考虑下, 第一是, 我觉得我不知道我可以写什么内容了, 可是明明又有很多内容可以写。
 第二是, 我在很长时间, 都没有办法再去写博客。(可能是我懒把。)

‘react-native-app‘

无耦合函数: 叫无耦合函数可能不太准确, 之所以叫无耦合函数, 我想的是把underscore函数方法没有在其他函数中调用的方法, 所以就先暂时叫无耦合函数. 如果这样理解我在订正.

‘underscore系列之无耦合函数“‘

我们都知道setTimeout是起到延迟器的作用,那么这里他的执行打印顺序为结束-完成。

Javascipt异步与同步

在说underscore函数节流之前, 还是明确概念, 什么是函数节流。函数节流简单来说就是'开源节流', 什么意思呢？就是减少某个函数调用的太频繁, 降低频次。一般来讲, 对于dom的频繁操作会引起浏览器的重绘或者重排, 这个时候我们就可以来使用节流不要让他过快的操作dom, 从而页面渲染起来也会更加流畅。
 举个场景: dom元素的移动与拖拽, 我默认都做过这个功能。对于dom元素的频繁拖拽, 对于一些性能不太好的浏览器(说的就是你IE)会有很大的损耗, 这个时候我们就可以适当的去降低这个事件的调用频次。 当然调用的频次也要有一个合适的阈值。不然也会引出意外的问题。。。

‘underscore系列之throttle“‘

之前就说过要读一下关于underscore.js的源码, 我就想先从某个函数开始读, 正好在github文章中(这里的文章我会在最后放上地址)提到了underscore中关于如何比较两个元素的是否相同, 我看完之后觉得很好玩。那么对于如何判断两个元素是否是相同呢？那么在什么程度上才算是相同, 举个例子: 1与1是相等的(当然他们前提是类型是一样的)那么1和 new Number(1)也应该相等。

 underscore中有这么一个函数_.isEqual对没错, 就是这个。接下来我会以自己的知识来解释下, 这个函数的涉及的知识点。 如果有解释的不好的点, 请大家给我留言我一定改正。话不多说直接开始

‘underscore系列之比较两个元素是否“相同“‘

上面提到了函数调用频次, 这个频次也就是调用时间, 所以在underscore中关于throttle函数是基于定时器与时间差来调用函数运行的频次。还有就是throttle函数接收三个参数, 关于最后一个参数我到最后再讲。
 我们看下源码:

underscore函数节流

我打开了熟悉的mdn恩, 他好像挂了. 算了我用手机打开吧. 其中描述中这样的说道: 可以让call或者apply中的对象调用当前
 对象所有的function. 你可以使用call()来实现继承: 写一个方法, 然后让另一个新的对象来继承它(而不是在新对象中再写一次这个方法).
 难道是这样:

我所知道的apply与call

join(speparator):将数组的元素组起一个字符串,spearator为分隔符,省略的话则用默认用逗号为分隔符,该方法只接收一个参数,即分隔符。

Javascript数组方法(ES5-ES6)

code-push deployment -k ls <appName>
 查看生成app的key, key分为Production与Staging
 我这边用的是Production, 在adnroid/app/src/main/java/com/你的app名称的MainApplication.java 找到new CodePush(第一个参数替换app-Production key)
 还有就是把android当前版本修改为1.0.0, 修改版本的文件在android/app/build.gradle的versionName.
 最后使用mkdir bundles创建目录打包所需文件,

react-native热更新

最近一直在做app的业务, 那么在选择采用什么去做app的时候, 可以考虑的有hybrid, react-native, flutter, 我首先没有考虑的是混合开发, 混合开发可能是对我而言开发效率最快的。由于我个人原因我没有选择。 那么flutter我考虑到, 它的年龄还太小, 社区相对于react-native不是那么的繁荣, 而且我看了下它的语法(dart), 感觉跟js没有什么关系。综上我最终选择了react-native, 但是万万没有想到, 有那么多的坑。关于坑的事情, 先按下不表。

react-native

二分查找关键在于首先要保证要查找的元素是(有序的, 数组)！！
 二分查找比平常的按照顺序的方式查找效率更高(不用对去全部的元素进行遍历), 二分查找是选取一个中间值一分为二, 对中间值跟要查找的元素比对来决定向左或者向右查找, 如果当前值小于查找元素, 则向右查找, 当前值大于或者等于查找元素, 则向左查找。
 直到条件不满足 => 返回

underscore.js之sortedIndex

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

腾讯云开发者社区推出了一个前端开发工程师的成长之路专栏，为你提供了一个前端开发工程师的成长之路的相关文章，致力于帮助开发者快速成长与发展。

一个前端开发工程师的成长之路

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐