随笔分类 - 前端-转载
转载的文章，文末都有标注出处。
摘要：目前工作中有不少涉及到地图的项目，我参加了几次技术评审，前端伙伴们在 WebGIS 方面的知识储备稍有不足，这次分享的主要目的是科普一些在前端领域比较常用的 WebGIS 知识。另外，我之前的工作中积攒了一些从零开始搭建 WebGL 地图引擎的微薄经验，虽然最终遗憾没有上线，但在其中学到的一些Web
阅读全文
摘要：概念回顾 进程与线程 进程：程序的一次执行，它占有一片独有的内存空间。 线程：进程内的一个独立的执行单元。是程序执行的一个完整流程。是CPU的最小调度单元。 多进程运行：一个应用程序可以启动多个实例运行 多线程：一个进程内，同时有多个线程运行。 应用程序必须运行在某个进程的某个线程上；一个进程中至少
阅读全文
摘要：优化 少设置全局变量，少全局查找（如需要全部变量，全局变量数据局部化）少闭包，及时清除定时器，事件委托，循环优先使用do...while...(合并循环变量和条件)，for 循环减少长度获取，文档碎片代替append 代码执行 工具：JSBench 减少判断层级 减少作用域链查找层级 // 全局变量
阅读全文
摘要：CSS 中有一个非常有意思的模块 -- CSS Motion Path Module Level 1，翻译过来也就是运动路径。本文将对 motion path 一探究竟，通过本文，你可以了解到： 什么是 CSS motion path 使用 CSS motion path 制作简单路径动画 使用 C
阅读全文
摘要：摘要： 理解JS执行原理。 原文：JavaScript 是如何运行的？ 作者：hengg Fundebug经授权转载，版权归原作者所有。 什么是JavaScript？ 我们来确认一下JavaScript的定义：JavaScript 是一门解释型的动态语言。 解释型语言是相对于编译型语言存在的，源代码
阅读全文
摘要：Question 1: JS闭包，你了解多少？` 应该有面试官问过你： 什么是闭包？ 闭包有哪些实际运用场景？ 闭包是如何产生的？ 闭包产生的变量如何被回收？ 这些问题其实都可以被看作是同一个问题，那就是面试官在问你：你对JS闭包了解多少？ 来总结一下我听到过的答案，尽量完全复原候选人面试的时候说的
阅读全文
摘要：批量改变样式 /* 使用cssText */ el.style.cssText = 'border-left: 1px; border-right: 2px; padding: 20px'; 复制代码 css表达式使用一次性表达式(但最好避免css表达式) // css p{ background-
阅读全文
摘要：B/S的实时通讯实现起来比较麻烦，因为http协议是无状态的，导致一些实时消息通知和聊天等功能比较难以实现，本文主要简述几种自己之前常用的几种方式。 1、传统的HTTP协议是无状态的 传统的HTTP协议是无状态的，每次请求（request）都要由客户端（如 浏览器）主动发起，服务端进行处理后返回re
阅读全文
摘要：WebRTC，即Web Real-Time Communication，web实时通信技术。简单地说就是在web浏览器里面引入实时通信，包括音视频通话等。 WebRTC实时通信技术介绍 如何使用 媒体介绍 信令 STUN和TURN介绍 对等连接和提议/应答协商 数据通道 NAT和防火墙穿透 简单应用
阅读全文
摘要：Question 2： webpack的编译流程是啥？ 应该会有面试官这样问过你： webpack了解多少？ 对webpack的编译原理了解吗？ 写过webpack插件吗？ 列举webpack编译流程中的hook节点 这些问题其实都可以被看作是同一个问题，那就是面试官在问你：你对webpack的编译
阅读全文
摘要：数据持久 数据持久指将内存中的数据模型转化为存储模型，和将存储模型转化为内存中的数据模型这一过程的统称。在普通情况下，我们存储的数据会一直保留，直到我们删除相关内容；或者是这些数据保存到浏览器会话结束，用户关闭之后。但在实际情况中会更加复杂一些。用户、操作系统、浏览器或插件都可以随时阻止或删除持久数
阅读全文
摘要：const result = ['1', '3', '10'].map(parseInt); // 这⾥会打印出什么呢? console.log( result ); 作答 打印结果是[1, NaN, 2] 因为map的参数是 function(current, index, arr) { // 当
阅读全文
摘要：原文： http://cncc.bingj.com/cache.aspx?q=max-age+expires+Last-Modified&d=4997458151473641&mkt=en-US&setlang=en-US&w=obLC-DXYkHDglJJNfr5xl1yTc4LW9a_o 本文着
阅读全文
摘要：NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用
阅读全文
摘要：强制缓存 Expires 指定⼀个缓存的过期时间，如果当次请求的资源在该过期时间之前，则命中缓存。缺点是因为这个时间是⼀个绝对时间，所以当客户端本地时间被修改后，服务器与客户端时间偏差变⼤会 导致缓存混乱。 Cache-Control ⼀般通过 max-age 指定⼀个相对时间，单位是秒。优先级⾼于
阅读全文
摘要：以浏览器装载文档为例，在页面加载完毕后，浏览器会通过 JavaScript 为 DOM 元素添加事件。在常规的 JavaScript 代码中，通常使用 window.onload 方法 ，而在 jQuery 中，使用的是 $(document).ready() 方法。$(document).read
阅读全文
摘要：前序知识 浏览器进程结构 Browser进程 负责协调、主控，包括地址栏、书签、历史栈。 GPU进程 负责整个浏览器界面的渲染 网络进程 负责发起接收网络请求 插件进程 控制网页中使用到的插件 如flash 渲染器进程 默认使用（Process-per-site-instance）模式 四种进程模式
阅读全文
摘要：format ：字体的格式，主要用于浏览器识别，一般有以下几种——truetype,opentype,truetype-aat,embedded-opentype,avg等。 对于@font-face而言，兼容性问题就是各浏览器所能识别的字体格式不尽相同。 TrueType格式(.ttf)Windo
阅读全文
摘要：块元素，且宽和高已知 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
阅读全文
摘要：其实在很多文章都会写call，apply，bind的应用和区别，但是总感觉不是要的东西，所以自己总结一下，继续关注我，后续我会仔细讲解call，apply，bind的内部实现。喜欢的可以关注 如果出现错误，请在评论中指出，我也好自己纠正自己的错误 author： thomaszhou call、ap
阅读全文
浙公网安备 33010602011771号