图解 Promise 实现原理（四）—— Promise 静态方法实现；Vue-常见的组件通信方式；vue3.0 beta已出，来快速实践一下吧；【深度揭秘】你不知道的 JS 强制类型转换知识；用js实现css的文字两端对齐效果；循序渐进VUE+Element 前端应用开发(5）— 表格列表页面的查询，列表展示和字段转义处理；RN和React路由详解及对比；用 Node.js 转账 ETH
-
图解 Promise 实现原理（四）—— Promise 静态方法实现
本文首发于 vivo互联网技术 微信公众号 链接： https://mp.weixin.qq.com/s/Lp_5BXdpm7G29Z7zT_S-bQ 作者：Morrain 了用法，原生提供了Promise对象。更多关于 Promise 的介绍请参考阮一峰老师的 ES6入门 之 Promise 对象 。 很多同学在学习 Promise 时，知其然却不知其所以然，对其中的用法理解不了…
-
最近一直在从头开始学习vue，顺手整理一下vue组件化的相关通信方式，分析不到之处，还望各位指正。 组件化 vue组件系统提供了⼀种抽象，让我们可以使⽤独⽴可复⽤的组件来构建⼤型应⽤，任意类型的应⽤界⾯都可以抽象为⼀个组件树。组件化能 提⾼开发效率 ， ⽅便重复使⽤ ， 简化调试步骤 ， 提升项⽬可维护性 …
-
vue3.0 beta已出，来快速实践一下吧 本文视屏 我的个人博客 vue3向下兼容vue2，vue2目前也是必学的 本节源码 立即前往 前段时间尤大在哔哩哔哩直播了vue3的预览，来简单实践一下吧 api文档 Composition API RFC 立即前往 vue3地址 立即前往 vue3的改变 更小更快 …
-
如 | 或者 ~ ，只适用于 32 位整数，运算符会强制操作数使用 32 位格式。 比如： 0 | -0 // 0 0 | NaN // 0 0 | Infinity // 0 0 | -Infinity // 0 复制代码 以上的数字因为来自 IEEE 754 标准，而运算符强制要求 32 位格式，但是它们无法以 32 位格式来呈现，所以返回 0。 对于 ~ ，首先将值强…
-
引言: 作为前端开发，我们常常用到text-algin这个属性使文字两端对齐。今天我们使用js来实现一个文字两端对齐的效果！ 题目: 给定一个所有项都是长度大于0的字符串words，以及每行最大字符数target。请实现每一行两端对齐。最后一行需要采用左对齐！ eg1: Input: words = ["This", "is", "…
-
循序渐进VUE+Element 前端应用开发(5）— 表格列表页面的查询，列表展示和字段转义处理
在我们一般开发的系统界面里面，列表页面是一个非常重要的综合展示界面，包括有条件查询、列表展示和分页处理，以及对每项列表内容可能进行的转义处理，本篇随笔介绍基于Vue +Element基础上实现表格列表页面的查询，列表展示和字段转义处理。 在前面随笔《 循序渐进VUE+Element 前端应用开发(4）— 获取后端数据及产…
-
在平时H5或者RN开发时，我们业务场景中大部分都不是单页面的需求，那这时我们就能使用路由在进行多页面的切换。下面会对比一下react路由和RN路由的本质区别和使用方法。
-
本文转自我的个人播客系列文章 第2天，搭建开发环境，用 Node.js 转账 ETH | 5天掌握以太坊 dApp 开发 欢迎你来，一起技术讨论 本章我们主要学习 以太坊开发环境的搭建 ，并运行一个 Demo — 通代码来转账 ETH 。 1 开发环境介绍 以太坊的开发环境分成三大类 本地测试环境： Local Test Network …
-
DevUI是一支兼具设计视角和工程视角的团队，服务于华为云DevCloud平台和华为内部数个中后台系统，服务于设计师和前端工程师。 官方网站：devui.designNg组件库：ng-devui（欢迎Star） 官方交流群：添加 DevUI小助…
-
举个栗子： function Person () { this.age = ’20’; } var person = new Person(); // person = ‘test’; Person.prototype.sex = ‘男’; Person.prototype.name = ‘test’; console.log(person.name) console.log(person) 复制代码 从上面的代码执行结果可以看出通过使用 prototype 属性就可以给对象的构造函数…
-
这篇文章面向使用 Vuepress 来开发 Vue 组件文档库的用户服务，去年差不多这个时候我为公司开发了一个基于 AntDesignVue 封装的高阶组件库，经过一年的版本迭代与文档更新，收获了很多坑点，其中有一个就是关于组件示例维护相关的，今年有意重构组件库的文档与代码结构，后面会陆陆续续将踩到的坑点与相应的解决方案一…
-
写在开头 不为了追寻潮流而学习某个技术,本人仅做最基础的入门与实践讲解 欢迎收藏前端生活社区:https://qianduan.life 想要加入资源群和前端交流群可以看文末 WebAssembly是什么，可以吃吗？ 官网介绍： WebAsse…
-
这篇文章系列是由我上培训班课程的一个笔记整理后完成。 带小白一步步完成一个A+规范Promise实现，由浅入深。 内容解析非常详细，尽量把每个点为什么这样写都注释清楚,甚至某些地方略显啰嗦了。 平均一行代码一句注释，拆分为三个版本1.0，2.0，3.0，层层递进，最终3.0版本将实现Pomise/A+规范。(1.0版本非常简单易懂…
-
Swoole 是一个 PHP 的 协程 高性能 网络通信引擎，使用 C/C++ 语言编写，提供了多种通信协议的网络服务器和客户端模块。可以方便快速的实现 TCP/UDP服务、高性能Web、WebSocket服务、物联网、实时通讯、游戏、微…
-
编者按：本文译者李松峰，资深技术图书译者，翻译出版过40余部技术及交互设计专著，现任360奇舞团Web前端开发资深专家，360前端技术委员会委员、W3C AC代表。 原文地址：https://2ality.com/2020/05/records-tuples-first-look.html 原文作者：Dr. Axel Rauschmayer Dr. Axel Rauschmayer最近撰文介绍了还处于Stag…
-
故事起源于一个很小问题，我写了个代码，被质疑有问题：简化之后大概如下： {代码…} 被质疑的主要原因是第三行a=123的后面为什么是逗号，不是分号。坦白来说，我是简单的手误，将分号错写成了逗号。但是感觉貌…
-
Flutter：利用 ClipPath 实现任意形状 Widget
关于 ClipPath 我们应该都使用过ClipXXX相关的组件， 来实现一些 圆角矩形/圆形形状十分的方便，那如果想要实现一些奇形怪状的 Widget，例如 五角星/圆弧形之类的，那就只能用ClipPath了。 想要了解ClipPath，还是直接去官网撸文档，介绍如下： A widget that clips its child using …
-
node、JavaScript、解决异步回调 用法: 在promise中 如果有多个then函数，下一个then中的第一个（参数）函数中的参数将会是 上一个then 的第一个（参数）函数的return 结果 const promise = new Promise(function(resolve, reject) { reject(‘这里走的是catch’) // 这里会报错 但不会影响呈现执行 原因： …
-
容易欺骗别人感情的JavaScript定时器 JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如 以下是代码片段： setTimeout(function() { alert(’你好!’); }, 0); setInterval(callbackFunction, …
-
VS Code 调试完全攻略（4）：launch.json 和调试控制台
一些更强大的调试功能仅在专用的配置文件中可用。这次我们要创建一个 launch.json 和内置的 VSCode 调试控制台。本文将会解决我们在调试复杂的真实程序之前的最后一个难题。
-
万丈高楼平地起（3）继续梳理js 知识点（浏览器存储，TCP流程，get post ,js内存）
简介：浏览器存储大致可分为三个点，cookie,localStorage,sessionStorage下面我将为大家一一介绍这三种浏览器存储方式并总结 一、cookie 1、cookie的定义 cookie是存储在浏览器上的一小段数据，用来记录某些当页面关闭或者刷新后仍然需要记录的信息。在控制台用docum.cookie可以查看当前正在浏览网站的cookie。 2、c…
-
需求 由于一些简单的图片拼合需要处理（大概8000张），但是又没有找到合适的傻瓜软件能够很好地解决需求，同时也很令人头疼的是nodejs里面图片处理库，基本上没几个好用，且安装费时费劲 （当然我还是装了）。作为一个有追求的前端，如果能不依靠其他的东西，直接在前端页面上实现它不香么？于是就有了这个小尝试。其…
-
微前端是当下的前端热词，稍具规模的团队都会去做技术探索，作为一个不甘落后的团队，我们也去做了。也许你看过了Single-Spa，qiankun这些业界成熟方案，非常强大：JS沙箱隔离、多栈支持、子应用并行、子应用嵌套…
-
由于项目需要，需要使用 Vue 的 class 语法配合 TypeScript 来进行组件开发，我也简单总结了一下Class语法与常规语法的对照，便于记忆和查阅。 项目中使用的是 vue-class-component 、 vue-property-decorator 配合 TypeScript 来进行开发的，其中 vue-class-component 提供了 class 语…
-
全文共 2180 字，预计学习时长 8 分钟 Deno 1.0.0版本于近期发布了，它是由Ryan Dahl发明的，他还因发明Node.js这个“小玩意儿”而闻名。 Node.js听起来很熟悉吧?这是否意味着Deno实际上已经自动取代了Node而我们该开始计划重构冲刺呢? 现在下结论显然为时尚早，但以下几个事实可能在很大程度上决定…
-
效果 DOM布局 {代码…} scss样式表 {代码…} 实现 想要居中展示首先是需要找到中心点，然后在点击是计算偏移量，把对应的标签滚动到中心位置 {代码…}
-
在第二篇章的开始，首先要做的事就是忘记上一章写过的代码，但一定要记得 string -> tokens -> ast 这么一个流程，对于实际的项目中，这个流程会比理论上复杂很多，但整体总会遵循这么一个规则，然后正式开始～ 首先脚本运行 npx create-react-app my-app 反正就叫 my-app 就好了，主要还是用这个项目进行…
-
起因 最近终于学会了做图和排版的技巧，现在反过头去看之前写的文章，唔！ 辣眼睛 ，真想给自己一巴掌，之前写的是什么玩意~ 但是，写都写了，总不能删了吧，只好未来会出一个系列再把之前写的内容给串起来（嗯，又是一项大工程，习惯了自己挖坑自己跳） 之前写过一篇关于 Vue源码 的文章，但时隔一…
-
点赞再看，养成习惯本文 GitHub [链接] 上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。
-
page-skeleton-webpack-plugin 官方Demo 踩坑史
目前page-skeleton-webpack-plugin 似乎没怎么维护了，初看一堆的issues 难以下手呀。 不过看了自动生成骨架屏的原理，这个文章 基于page-skeleton-webpack-plugin分析自动生成骨架屏原理 ，还是很有必要进行一次DEMO 演习，以证明生成骨架屏的可行性、必要性。 下面记录踩坑步骤： 1、拉取 page-ske…
更多内容请关注公众号【前端开发博客】每日更新
