TypeScript：又一个终将逝去的青春；前端面试-实现一个简版koa；被称为“三大框架”替代方案，Svelte 如何简化 Web 开发工作（下）；【JS 口袋书】第 4 章：JS 引擎底层的工作原理；深入理解JavaScript的构造函数；Vue3响应式系统源码解析-Ref篇；Vue 3.0 公开代码之后……；前端微架构实践(Vue)
-
TypeScript：又一个终将逝去的青春 TypeScript 真的是太火了，伴随着 Vue 3 的登场，三大框架全面支持 TypeScript，全民学习 TypeScript 迎来新一波热潮，娱乐圈正式进入 TypeScript 新时代。 回头一看，娱乐圈像这样的头条还真不在少数，Flutter、微信小程序、ES6 …… 再往前就不说了，太多了。每一个都曾引起过一阵全民学习的狂潮，感觉学了就能走向巅…
-
前端面试-实现一个简版koa 目录 koa的使用 koa的使用非常简单，引入依赖后编写 const Koa = require(‘koa’) let app = new Koa() app.use((ctx, next) => { console.log(ctx) }) app.listen(4000) 然后在浏览器端打开 http://127.0.0.1:4000 即可访问 若没有指定返回 body ，koa默认处理成了 Not Found ctx 再进一步扩展代…
-
被称为“三大框架”替代方案，Svelte 如何简化 Web 开发工作（下） Web 框架层出不穷，作为主流 Web 框架之一的 Svelte，有着独特的优势。它不仅可以构建完整的 Web 应用程序，还可以创建自定义元素，并在其他框架实现的已有 Web 应用程序中使用。本文将对 Svelte 进行详细的介绍，并带领读者了解使用 Svelte 从头开始构建 Web 应用程序所需的基础知识。您可点击这里回顾该文章上篇。 …
-
【JS 口袋书】第 4 章：JS 引擎底层的工作原理 作者：valentinogagliardi 译者：前端小智 来源：github 阿里云最近在做活动，低至2折，有兴趣可以看看： https://promotion.aliyun.com/… 为了保证的可读性，本文采用意译而非直译。 有没有想过浏览器如何读取和运行JS代码？ 这看起来很神奇，我们可以通过浏览器提供的控制台来了解背后的一些…
-
深入理解JavaScript的构造函数 JavaScript对象的创建方式 在JavaScript中，创建对象的方式包括两种：对象字面量和使用new表达式。对象字面量是一种灵活方便的书写方式，例如： var o1 = { p:”I’m in Object literal”, alertP:function(){ alert(this.p); } }复制代码 这样，就用对象字面量创建了一个对象o1，它具有一个成员…
-
Vue3响应式系统源码解析-Ref篇 阅读本文需要有一定的TypeScript基础，要求不高，看过一遍TS的文档即可。 我们阅读源码的原因是什么？无非是1：学习；2：更好的使用这个库。如果只是想大致的了解下原理，倒不必花时间阅读源码，几句话，几张图就能搞清楚，网上搜搜应该就有很多。因此，阅读源码的过程一定是要对不明白的地方深入了解，肯定是很费时间…
-
Vue 3.0 公开代码之后…… 前言 在2019年10月5日，尤小右公开了 Vue 3.0 的源代码。 vue 3.0 源代码仓库 https://github.com/vuejs/vue-next 想了解 vue 3.0 源码的同学，可以访问上述链接。 作为现阶段的主流前端框架之一，Vue 受到了大家的强烈关注。 源码公开后…
-
前端微架构实践(Vue) 为了拆分与适当解耦聚合业务各模块，我们需要采用一种友好的开发模式去解决这些问题，我们的愿景是： :coffee:️ 主子项目独立开发、部署 :fire: 主子项目开发时保持热更新 :car: 主项目提供路由容器，子项目只是挂载到容器中的视图 :facepunch: 主子项目共用一个 Vue、Router、Store 实例，这样能保证能…
-
node.js含有%百分号时，发送get请求时浏览器地址自动编码的问题 目前浏览器会对地址，进行编码，比如这个文件名： sales报表.png 在发到后台时，会自动编码成： /file/view/sales/%E6%8A%A5%E8%A1%A8.png 在node.js会自动反编码成： sales报表.png 不过如果文件名中含有%百分号，编码过程则会出现问题，如 sales报%表.png 发送到node.js接收到的自动编码数据： /file…
-
前端自动化构建历程 做这件事的起因是因为公司处于高速发展阶段，前端的代码也在逐步从原来的ko、jquery转变成现在的react，因此也出现了构建一个版本需要分别打包，然后手动合并的情况。以此为契机，我开始了整合前端资源，搭建符合公司现有业务场景的自动化构建流程。 主要用到的工具:gitlab、Jenkins、sonarqube 主要模块:任务管理、…
-
基于SpringBoot+WebSocket搭建一个简单的多人聊天系统 前言 今天闲来无事，就来了解一下WebSocket协议。来简单了解一下吧。<!–more–> WebSocket是什么 首先了解一下WebSocket是什么？WebSocket是一种在单个TCP连接上进行全双工通信的协议。这是一种比较官方的说法，简单点来说就是，在一次TCP连接中，通信的双方可以相互通信。比如A和B在打电话，A说话的时候…
-
2020 年，开启现代库的基建学习 —— 从项目演进看前端工程化发展在我的课程 前端开发核心知识进阶 的结束语：《大话社区和一个程序员的自我修养》中，我提到了西班牙语里，有一个很特别的的词语叫做 “Sobremesa”。它专指「吃完饭后，大家在饭桌上意犹未尽交谈的那段短暂而美好…
-
五分钟看懂Vue3-数据绑定 Vue3 在伟大祖国70周岁时终于和大家见面了。:triangular_flag_on_post: 在学习Vue3的数据绑定前，先预习一下相关知识： 1、Proxy，我之前写过一篇Proxy介绍，可以参考下。 2、 WeakMap 然后我们就能愉快的玩耍了。 Vue3中关于数据绑定这块的代码主要在 这里 我们主要关注reactive.ts和base…
-
ES5、ES6、ES7文档地址ES5地址 {代码…} ES6地址 {代码…} ES7地址 {代码…}
-
Vue MVVM实现原理流程 案例分析 如上图所示：在 Vue 的 MVVM 设计中，我们主要针对 Compile （模板编译）、 Observer （数据劫持）、 Watcher （数据监听）和 Dep （发布订阅）几个部分来实现。 MVVM实现案例 做好准备工作 注：以下加注释的都为新增代码，一直到文章结尾，有的写过的代码我就不粘了，看看结构就知道该写哪里了 注意注意注意：…
-
重学ES6之出来混迟早要还的（二）本系列博客为ES6基础语法的使用及总结，如有错误，欢迎指正。重学ES6之出来混迟早要还的（二）主要包括默认参数值、模板字符串、解构赋值、剩余参数、扩展运算符等。
-
记一次在node.js中使用crypto的createCipheriv方法进行加密时所遇到的坑 Node.js的 crypto模块 提供了一组包括对OpenSSL的哈希、HMAC、加密、解密、签名，以及验证等一整套功能的封装。具体的使用方法可以参考这篇文章中的描述： node.js_crypto模块 。 本文重点介绍在使用 createCipheriv 方法时所遇到的坑。对应的解密算法 createDecipheriv 应该是一样的问题。 按照文档中的描述， …
-
nodejs语言实现验证码生成功能 验证码已经是非常常用的反作弊、反攻击手段了，其实要实现这个功能对技术水平好的人也不难，但是并不是每个人，每种语言都天然适合搞某个功能…不过我们可以通过封装接口，来屏蔽差异化，把问题简单化，现在就用一个简单的nodejs脚本来实现验证生成功能，例子如下： var http = require(‘http’); var qs = require(‘q…
-
「译」一个案例搞懂 Vue.js 的作用域插槽作用域插槽是 Vue.js 中一个很有用的特性，可以显著提高组件的通用性和可复用性。问题在于，它实在不太好理解。尝试搞清楚父子作用域之间错综复杂的关系，其痛苦程度不亚于求解一个棘手的数学方程。
-
React中列表渲染 特别声明：为感谢社区广大朋友对小站的支持，自2019年10月1日至2019年11月11日开通年费VIP通道，年费价格为 ¥299.00元 。如果您喜欢小站的内容，可以点击开通会员进行全站阅读。如果您对付费阅读有任何建议或想法，欢迎发送邮件至: airenliao@gmail.com !(^_^) 在上一节中，我们学习了如何在React中实现条件…
-
聊一聊 Javascript 中的 AST 百度百科是这么解释的： 在计算机科学中，抽象语法树（Abstract Syntax Tree，AST），或简称语法树（Syntax tree），是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。 听起来还是很绕，没关系，你可以简单理解为 它就是你所写代码的的树状结构化…
-
使用vuepress开发个人的博客[链接] 话不多说先贴一张图 开发这样的一个博客发布在github.io上很简单，下面就开始吧！ 开始安装项目 {代码…} 配置package.json {代码…} 配置 项目文件目录 {代码…} 页面配置 {代码…} 主要是config.js…
-
浅析Vue3中的响应式原理 defineProperty Proxy 众所周知在Vue3中使用了ES6提供的 Proxy API取代了之前defineProperty来实现对数据的侦测. 为啥使用Proxy? 我们知道在Vue2对于监测数组的变化是通过重写了数组的原型来完成的，这么做的原因是: arr = newValue arr.length = newLength 同样对于对象，由于defineProp…
-
vue3的数据响应原理和实现话说vue3已经发布，就引起了大量前端人员的关注，木得办法，学不动也得硬着头皮学呀，本篇文章就简单介绍一下「vue3的数据响应原理」，以及简单实现其reactive、effect、computed函数，希望能对大家理解vue3响应…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
