20191222 前端开发日报

讲给前端的正则表达式(1):基本概念;身为前端,你不得不懂的一些 HTTP 知识;冰与火之歌:JavaScript 的困境与挑战;webpack 加载动态图片;全网最详bpmn.js教材-自定义contextPad篇;Webpack 一些概念;【TypeScript 演化史 — 9】object 类型 和 字符串索引签名类型的点属性;vue源码阅读四:虚拟DOM是如何渲染成真实的DOM的?(上)

  1. 讲给前端的正则表达式(1):基本概念正则表达式(regex)是定义搜索模式的字符序列。由于对程序员的日常工作非常有用,所以在 JavaScript 中也支持它。在这个系列文章中,我会向你展示其工作方式以及其实际用途。希望在结束本系列后,你将能够轻松的…
  2. 身为前端,你不得不懂的一些 HTTP 知识 全文阅读大致3分钟,学习本文可以掌握以下知识: netcat、ss、lsof命令的使用 tcp协议的三次握手和四次挥手 udp协议的基本表现过程以及icmp报文发送的原因 tcpdump、nc命令的使用 三道关于TCP/IP协议的面试题答案 1、从查看系统端口监听说起 在平时的开发…
  3. 冰与火之歌:JavaScript 的困境与挑战 最近几年以来,伴随着各个端平台的迅猛发展,以 TypeScript、Swift、Kotlin 和 Dart 为代表的新一代应用编程语言纷纷浮现。群雄环伺之下,JavaScript 也在不断演进。在今天正在深圳召开的 GMTC2019 全球大前端技术大会 上,360 高级前端架构师贺师俊发表《JavaScript 的困境与挑战》的主题演讲,分析 JavaScript 目前面…
  4. webpack 加载动态图片所谓动态图片指的是接口返回的图片地址,这里的地址指的是本地的图片地址,而非网络图片的url。 本地有一个 image 文件夹,存放需要用到的图片。按照接口返回的图片地址比对去加载。 webpack加载图片首先想到的是…
  5. 全网最详bpmn.js教材-自定义contextPad篇 Q: bpmn.js是什么? ️ bpmn.js 是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成. Q: 我为什么要写该系列的教材? ️ 因为公司业务的需要因而要在项目中使用到 bpmn.js ,但是由于 bpmn.js 的开发者是国外友人, 因此国内对这方面的教材很少, 也没有详细的文档. 所以很多使用方式很多坑都得自己…
  6. Webpack 一些概念打包工具有多种,实际中 webpack 接触的比较多,目前中文文档跟英文文档有些对不上,其中有些概念比较分散,对此进行集中的整理。
  7. 【TypeScript 演化史 — 9】object 类型 和 字符串索引签名类型的点属性点赞再看,养成习惯本文 GitHub [链接] 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎Star和完善,大家面试可以参照考点复习,希望我们一起有点东西。
  8. vue源码阅读四:虚拟DOM是如何渲染成真实的DOM的?(上) 前面用了两篇文章,讲虚拟 DOM 是如何生成的。终于到了如何将虚拟 DOM 渲染成真实 DOM 的部分了。 回顾下之前的 mountComponent 函数,中间有行代码如下: vm._update(vm._render(), hydrating) 复制代码 vm._render() ,我们已经知道是如何生成虚拟 DOM 的了。接下来,我们看看 vm._update 是如何将虚拟 DOM …
  9. 源码阅读 – Vue的数据响应式原理 Vue.js 一个核心思想是数据驱动。所谓数据驱动,是指视图是由数据驱动生成的,我们对视图的修改,不会直接操作 DOM,而是通过修改数据。—— 《Vue.js技术揭秘》 没有像Vue和React这些具有数据响应式特性的前端框架之前,我们从接口拿到了数据要渲染在html页面中,例如举个最简单的例子:用户在html页面的表单中输入两…
  10. Vue电商项目-提升逼格玩转svg哈喽~各位掘友,最近利用工作之余开源了Vue电商项目,高仿某知名O2O买菜平台,整个项目做下来收获还是蛮多的,可以扫描下方二维码体验,本篇是项目的核心知识拆解篇,主要是拆解项目中svg组件封装使用,篇幅较长,顺手点…
  11. 了解浏览器是如何执行JS代码的 一开始我只想弄明白js在浏览器里面到底是怎么执行的,发现自己需要补补基础,于是打算总结一个文章来补一下基础,有什么不对的地方还请大佬们指正。 这篇文章可以让你补补一些计算机基础知识,了解JS代码在浏览器是如何执行的。 进程和线程 – 进程是一个工厂,工厂有它自己独立的资源,工厂之间相互独立; – …
  12. 说说 WebSocket,3 分钟让你全面认识它“WebSocket 是一项先进的技术,它可以在用户的浏览器和服务器之间打开交互式通信会话。通过 WebSocket,您可以向服务器发送消息并实时接收响应,而无需通过传统的轮询服务器的方式来获取服务器上的响应。”

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

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


关注我

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

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

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