20191114 前端开发日报

运行 JavaScript 代码片段的 20 种工具;深入理解JS设计模式 单例模式;手写源码系列(二):JSON.stringify和JSON.parse;vue发送请求是应该在mounted还是在created生命周期;Js事件循环(Event Loop)机制;前端Javascript:babel 怎么把字符串解析成 AST,是怎么进行词法/语法分析的?;[springboot 开发单体web shop] 5. 用户登录及首页展示;Koa2 + Vue 从零开始搭建服务端渲染应用

  1. 运行 JavaScript 代码片段的 20 种工具 前端日常开发中,我们使用喜爱的 IDE 调试 JavaScript 代码,比如我喜欢的代码编辑器有两个, Sublime Text 3 和 VS Code ,前几年还使用过 Atom ,偶尔我们会遇到临时需要快速分享给同事或者朋友一段代码的场景,那么在线的 JavaScript 运行环境的重要性就体现出来了。 为了解决这样的问题,业界涌现出了很多很优秀…
  2. 深入理解JS设计模式 单例模式 Javascript和其他语言一样,同样拥有着很多种设计模式,比如单例模式、代理模式、观察者模式,策略模式等,熟练运用设计模式可以使我们的代码逻辑更加清晰,并且更加易于维护和重构。 本文主要介绍JS的单例模式,涉及知识点较多,包括闭包,作用域链,立即执行函数等(如果有误欢迎指出) 正文 单例模式定义 单…
  3. 手写源码系列(二):JSON.stringify和JSON.parse JSON数据格式在我们日常的开发中,使用频率非常的高。无论是请求后端接口,返回的数据,还是后端同学要求前端传参格式,都离不开JSON。 MDN定义 JSON 是一种语法,用来序列化对象、数组、数值、字符串、布尔值和 null 。它基于 JavaScript 语法,但与之不同: JavaScript 不是 JSON , JSON 也不是 JavaScript…
  4. vue发送请求是应该在mounted还是在created生命周期 一个经常会被问到的问题: 为什么不在 created 里去发ajax? created 可是比 mounted 更早调用啊,更早调用意味着更早返回结果,那样性能不是更高? 首先,一个组件的 created 比 mounted 也早调用不了几微秒,性能没啥提高; 而且,等到异步渲染开启的时候, created 就可能被中途打断,中断…
  5. Js事件循环(Event Loop)机制Event Loop是计算机系统的一种运行机制,是个很重要的概念。而Javascript用这种机制来解决单线程运行带来的问题。理解很熟悉将会有利于我们更容易理解Vue的异步事件。
  6. 前端Javascript:babel 怎么把字符串解析成 AST,是怎么进行词法/语法分析的? 什么是Babel? Babel 是我们知道的将 ES6、ES7等代码转译为 ES5 代码且能安全稳定运行最好的工具 同时它允许开发者开发插件, 能够在编译时期转换 JavaScript 的结构。 Babel概述: 我们需要知道3个Babel处理流程中的重要工具; 解析 Babylon 是一个解析器,它可以将…
  7. [springboot 开发单体web shop] 5. 用户登录及首页展示在之前的文章中我们实现了用户注册和验证功能,接下来我们继续实现它的登录,以及登录成功之后要在页面上显示的信息。接下来,我们来编写代码。
  8. Koa2 + Vue 从零开始搭建服务端渲染应用 最近公司要求做一个类似官网的应用,为了解决 SEO 的问题准备使用 node 做服务端渲染。也尝试了好几个现成的应用级框架,但是本着菜鸡需要学习的心情,准备从零开始鲁出来一个简单的服务端渲染应用,本次我选择 Koa 作为后端开发框架,首先试着 模版渲染 , 之后又尝试了 Vue SSR 一 项目跑起来 创建空的文件夹, n…
  9. Django 实现 WebSSH 操作物理机或虚拟机 我想用它替换掉xshell、crt之类的工具 WebSSH操作物理机或虚拟机 Django实现WebSSH操作Kubernetes Pod文章发布后,有小伙伴说咖啡哥,我们现在还没有用上Kubernetes,但我想通过浏览器连接我们的物理机和虚拟机该怎么办? 这就比较简单了,既然我们已经实现了浏览器操作Kubernetes的Pod…
  10. ThingJS平台怎样实现实时3D可视化的? ThingJS 是一个先进的 PaaS 开发平台,开发者可以方便、安全地基于云端的各种工具组件随时随地进行开发。 ThingJS 界面概述 为了便于开发者在ThingJS下进行界面开发,ThingJS 提供的界面体系结构目录如下: 上述ThingJS界面体系中,进行3D场景可视化的区域,我们定义为3D容器,如下图所示: …
  11. 19 个来自 2019 React Conf 的总结React Conf ⚛️已经正式结束。有很多精彩的演讲,人物,活动,当然还有美食。我还在整理整个活动,但是就这次会议而言,这是迄今为止我参加过的最好的活动。
  12. vue 3.0 pre-alpha 一个月前尤大大公布了 vue 3.0 的源码,目前还是 pre-alpha 状态,预计年后会发布正式版本。听到这个消息的第一反应是学习好累呀,在知乎上瞄了一眼尤大大对功能简单的介绍,感觉难,直接放弃了学习。 冷静了一段时间之后,认真的看了看,好像也不是很难。慢慢学,慢慢看,不着急。慢一点或许到达的更好一点 vue 2.0 …
  13. JavaScript 框架安全报告2019在此报告中,我们调查了 Angular 和 React 生态系统的安全状态。在这份报告种我们根本没有将它们作为竞争性框架进行比较。相反,我们把它们作为可行的构建 JavaScript 项目的前端生态系统的替代方案进行了审查,…
  14. vue ssr服务端渲染-初学开发环境搭建网上有关ssr开发环境搭建的文章不算多,就算找到也是比较高级的,不太适合新手入坑;这篇内容只抽取了其中最重要的部分,实现最基础的开发环境搭建;所谓开发环境无非两件事:自动打包·自动刷新页面,叫法比较土,…
  15. 前端Rollup+RxJs响应式编程实践 响应式编程 以下概念介绍,基于 node v10.16.3 版本进行。不满足条件的,请移步 google or 度娘。 概念介绍 const a = 1,b = 2; const c = a+ b;复制代码 响应式编程,当a,b再次变化时,c会再次做出修改。 背景 RxJS是一个用于使用Observables进行响应式编程的库 可简化编写异步或基于回调的代码 本地环境…
  16. 【TypeScript 演化史 — 1】non-nullable 的类型在这篇文章中,我们将讨论发布于 TypeScript 2.0 中的 non-nullable 类型,这是对类型系统的一个重大的改进,该特性可对 null 和 undefined 的检查。cannot read property ‘x’ of undefined 和 undefined is not …
  17. 14 个拷贝数组的 JS 技巧在项目开发过程中,企业会有很多的任务、需求、缺陷等需要进行管理,CORNERSTONE 提供敏捷、任务、需求、缺陷、测试管理、WIKI、共享文件和日历等功能模块,帮助企业完成团队协作和敏捷开发中的项目管理需求;更…
  18. 来,我们手写一个简易版的mock.js吧(模拟fetch && Ajax请求)
  19. Vue 2.0(三)基础,v if,mixins(混合)等 组件系统是Vue的核心,如何合理的规划组件,是我们在开发中需要深入思考的问题,我个人习惯把一些组件使用逻辑和方法,从组件中拆分出来,放到独立文件,最后通过混合的方式,引入相关逻辑,这样可以在一定层面上把组件再进行一次解耦,做到只要切换不同的混合文件就能提供新功能的能力 // 在hello-world项目目录下,建…
  20. 前端知识点总结–ES6入门ES6 推荐在函数中使用 let 定义变量const 用来声明一个常量 (值类似值不能改变,引用类型地址不能改变)let 和 const 只在最近的一个块中(花括号中)有效
  21. React 开发必须知道的 34 个技巧【近1W字】React 是前端三大框架之一,在面试和开发中也是一项技能;本文从实际开发中总结了 React 开发的一些技巧技巧,适合 React 初学或者有一定项目经验的同学;万字长文,建议收藏。 序列文章:Vue 开发必须知道的 36 个技巧…
  22. HTTP的世界观(附HTTP/3中文翻译)观感度: 口味:黑糖珍珠 烹饪时间:15min 前端圈技术的爆发式增长随之而来的开发人员学不动的疲惫感、焦虑感和不想跳出舒适圈的拖延懒惰。 jQuery华丽谢幕,React v16已经普及、Angular9和Vue3即将发布。三…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流