20191012 前端开发日报

TypeScript:又一个终将逝去的青春;前端面试-实现一个简版koa;被称为“三大框架”替代方案,Svelte 如何简化 web 开发工作(下);【JS 口袋书】第 4 章:JS 引擎底层的工作原理;深入理解JavaScript的构造函数;Vue3响应式系统源码解析-Ref篇;Vue 3.0 公开代码之后……;前端微架构实践(Vue)

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20191012 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20191012.html)

发表评论

请登录后发表评论: