常识
文章平均质量分 66
30015516
见贤思齐,见不贤内省
展开
-
Browserify使用
Browserify使用简介准备使用指南前人栽树,后人乘凉,以下为学习笔记简介Browserify是一个供浏览器环境使用的模块打包工具,像在node环境一样,也是通过require(‘modules’)来组织模块之间的引用和依赖,既可以引用npm中的模块,也可以引用自己写的模块,然后打包成js文件,再在页面中通过<script>标签加载。准备npm install -g browserify使用// hello.jsmodule.exports = 'Hello world原创 2020-08-24 16:47:06 · 527 阅读 · 0 评论 -
JSON常识
JSON常识JSON简介JSON语法不规范的JSON格式参考JSON的诞生原因是因为XML整合到HTML中各个浏览器实现的细节不尽相同,所以道格拉斯·克罗克福特(Douglas Crockford) 和 奇普·莫宁斯达(Chip Morningstar)一起从JS的数据类型中提取了一个子集,作为新的数据交换格式,因为主流的浏览器使用了通用的JavaScript引擎组件,所以在解析这种新数据格式时就不存在兼容性问题,于是他们将这种数据格式命名为 “JavaScript Object Notation”,缩原创 2020-08-24 16:22:35 · 148 阅读 · 0 评论 -
从输入URL到页面渲染
从输入URL到页面展示Before判断用户输入是URL如果存在卸载事件URL请求过程1. DNS解析2. TCP连接3. HTTP请求4. 服务器处理请求浏览器收到HTTP响应1. 解析响应头2. 浏览器渲染Reference从输入URL到页面展示,这中间发生了什么?这是一道经典面试题,涉及到了网络、操作系统、Web 等一系列的知识。Before判断用户输入是URL虽然我们讨论的是从输入 URL 到看到页面,但实际上大多数现代浏览器支持的不仅仅是 URL 的输入。当浏览器判断我们输入的内容不符原创 2020-08-15 20:07:35 · 117 阅读 · 0 评论 -
前端模块化
前端模块化早期模块化函数封装对象封装立即执行函数 IIFECommonJS规范AMD 与 RequireJSCMD 与 SeaJSES6模块化在JavaScript发展初期就是为了实现简单的页面交互逻辑,寥寥数语即可;如今CPU、浏览器性能得到了极大的提升,很多页面逻辑迁移到了客户端(表单验证等),随着web2.0时代的到来,Ajax技术得到广泛应用,jQuery等前端库层出不穷,前端代码日益膨胀这时候JavaScript作为嵌入式的脚本语言的定位动摇了,JavaScript却没有为组织代码提供任原创 2020-08-14 18:27:41 · 261 阅读 · 0 评论 -
webpack基本使用与自动编译
前端常识之工程化NPM快速发布自己的NPM包自动化打包工具webpackNPM快速发布自己的NPM包注册一个npm账号npm initnpm addusernpm publish发布后可在自己的npm主页看到,项目中install可使用。//删除测试包npm unpublish --forceReference: 发布npm包自动化打包工具webpackwebpack 是一个现代 JavaScript 应用程序的模块打包器(module bundler)。当 webpac原创 2020-08-12 22:32:16 · 504 阅读 · 0 评论 -
前端浏览器环境
JS运行环境浏览器环境和node环境的区别为什么浏览器端不识别requrie原创 2020-08-12 22:30:21 · 372 阅读 · 0 评论