随笔- 443
文章- 77
评论- 996
阅读-
105万
随笔分类 - 前端利器躬行记
前端利器躬行记(9)——WebView中的页面调试方法
摘要:在 iOS 12 中,苹果正式弃用 UIWebView,改成 WKWebView,参考官方声明。 后者在性能、稳定性、功能方面有很大提升,并且与 Safari 具有相同的 JavaScript 引擎(JavaScriptCore)。 从 Android 4.4 开始,增加 Chromium WebV
阅读全文
前端利器躬行记(8)——VSCode插件研发
摘要:VSCode提供了丰富的 API,可以借助编辑器扩展许多定制功能。 本次研发了一款名为 Search Method 的插件,在此记录整个研发过程。 一、准备工作 1)安装环境 首先是全局安装 yo 和 generator-code 两个库,我本地全局安装了 cnpm,所以用它来安装。 npm ins
阅读全文
前端利器躬行记(7)——自制脚手架
摘要:在学习了Webpack基础后,查看别人写好的脚手架总是会一头雾水,后面就上网查各种资料,一边参考一边修改,整出了一套简易的脚手架(已上传至GiuHub和npm上),借鉴了Create React App(CRA)的目录结构(如下所示),并做成了命令行工具(已上传至GiuHub和npm上)。 ├──
阅读全文
前端利器躬行记(6)——Fiddler
摘要:Fiddler是一款免费的、基于Windows系统的代理服务器软件(即Web调试抓包工具),由Eric Lawrence用C#语言在2003年10月发布了第一个版本。注意,由于Fiddler依赖Microsoft .NET Framework 2.0或更高版本,因此在运行Fiddler之前需要预先将
阅读全文
前端利器躬行记(5)——Git
摘要:Git是一款开源的分布式版本控制系统,它的出现和Linux紧密相关。Linux内核项目组为了能更好地管理和维护Linux内核开发,于2002年开始启用商业的分布式版本控制系统BitKeeper。虽然软件开发商授权了Linux社区能免费使用,但是好景不长,到了2005年,BitKeeper的开发商由于
阅读全文
前端利器躬行记(4)——webpack进阶
摘要:webpack是一个非常强大的工具,除了前文所介绍的基础概念之外,还有各种进阶应用,例如Source Map、模块热替换、集成等,本文会对这些内容做依次讲解。 一、 runtime和manifest 在webpack打包生成的bundle文件中,除了业务代码和引用的第三方库之外,还会包含管理模块交互
阅读全文
前端利器躬行记(3)——webpack基础
摘要:webpack是一个静态模块打包器,此处的模块可以是任意文件,包括Sass、TypeScript、模板和图像等。webpack可根据输入文件的依赖关系,打包输出浏览器可识别的JavaScript、CSS和HTML等文件,并且能对图像做优化处理,如图1所示。 图1 webpack打包 目前,webpa
阅读全文
前端利器躬行记(2)——Babel
摘要:Babel是一个JavaScript编译器,不仅能将当前运行环境不支持的JavaScript语法(例如ES6、ES7等)编译成向下兼容的可用语法(例如ES3或ES5),这其中会涉及新语法的转换和缺失特性的修补;还支持语法扩展,从而能随时随地的使用JSX、TypeScript等语法。目前最新版本是7.
阅读全文
前端利器躬行记(1)——npm
摘要:npm(Node Package Manager)是Node.js的包管理工具,相当于一个在线仓库。它提供了一个公共的平台,将分散在世界各地的包集中起来,能轻松的安装、分享和管理相关的包,不用再为搜索包而烦恼,并且npm能自动处理包的依赖项。它由三部分组成: (1)网站:可用来浏览、搜索包的信息。
阅读全文