06 2021 档案
摘要：import 和 require 是JS模块化编程使用的，是前端开发者们在性能探索中的又一大进步。 $ 对模块化的理解 模块化是一种将系统分离成独立功能部分的方法，一个模块是为完成一个功能的一段程序或子程序。"模块"是系统中功能单一且可替换的部分。 模块化思想是从java上衍生过来的，他将所需要的功
阅读全文
摘要：jsSip开发文档 （官网地址：http://www.jssip.net/） 完整案例demo下载地址: http://download.csdn.net/download/qq_39421580/10214712 概观： 1.JsSIP是一个简单易用的JavaScript库，它利用SIP和WebR
阅读全文
摘要：计算属性computed : 支持缓存，只有依赖数据发生改变，才会重新进行计算 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得
阅读全文
摘要：作者： 阮一峰 日期： 2014年5月22日 网络应用程序，分为前端和后端两个部分。当前的发展趋势，就是前端设备层出不穷（手机、平板、桌面电脑、其他专用设备......）。 因此，必须有一种统一的机制，方便不同的前端设备与后端进行通信。这导致API构架的流行，甚至出现"API First"的设计思想
阅读全文
摘要：今天发现了一个神器——json-server!在他的帮助下可以在很短的时间内搭建一个Rest API, 然后就可以让前端在不依赖后端的情况下进行开发啦！ 关于什么是RESTful API:《RESTful API 设计指南》—— 阮一峰http://www.ruanyifeng.com/blo...
阅读全文
摘要：系统信息 arch 显示机器的处理器架构uname -m 显示机器的处理器架构uname -r 显示正在使用的内核版本 dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI) hdparm -i /dev/hda 罗列一个磁盘的架构特性 hdparm -tT /dev/sda
阅读全文
摘要：createConnection 建立连接&关闭连接 语法 （1）createConnection方法创建连接对象（正式的说法：使用createConnection方法创建一个表示与mysql数据库服务器之间连接的connection对象） var connection = mysql.create
阅读全文
摘要：connect ECONNREFUSED 127.0.0.1:80 at TCPConnectWrap.afterConnect [as oncomplete] 异常的解决 const mysqlConfig = { user:"root", password:"", database:"", ho
阅读全文
摘要：目前工作中有不少涉及到地图的项目，我参加了几次技术评审，前端伙伴们在 WebGIS 方面的知识储备稍有不足，这次分享的主要目的是科普一些在前端领域比较常用的 WebGIS 知识。另外，我之前的工作中积攒了一些从零开始搭建 WebGL 地图引擎的微薄经验，虽然最终遗憾没有上线，但在其中学到的一些Web
阅读全文
摘要：本文介绍了前端实际工作中用到的大部分内容及其相关知识点，大家可以收藏仔细阅读慢慢看～ Git 常见操作集锦 Git 分支管理规范及发布流程 基础前端知识体系 ECMAScript 知识体系 浏览器知识体系 前端性能优化原理与实践 JavaScript 设计模式 数据结构与算法知识体系 设计稿还原相关
阅读全文
摘要：概念回顾 进程与线程 进程：程序的一次执行，它占有一片独有的内存空间。 线程：进程内的一个独立的执行单元。是程序执行的一个完整流程。是CPU的最小调度单元。 多进程运行：一个应用程序可以启动多个实例运行 多线程：一个进程内，同时有多个线程运行。 应用程序必须运行在某个进程的某个线程上；一个进程中至少
阅读全文
摘要：最近都在和Linux打交道，这方面基础比较薄弱的我只好买了本鸟哥的书看看，感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制，当然，这也是很多人喜欢linux的原因，比较短小但却功能强大。为了方便大家查找linux的相关命令，我就将我了解到的命令列举一下，仅供大家参
阅读全文
摘要：优化 少设置全局变量，少全局查找（如需要全部变量，全局变量数据局部化）少闭包，及时清除定时器，事件委托，循环优先使用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的编译
阅读全文
摘要：写一个 mySetInterVal(fn, a, b),每次间隔 a,a+b,a+2b 的时间，然后写一个 myClear，停止上面的 mySetInterVal 公司：头条 分类：JavaScript var mySetInterVal = function (fn, a, b) { var ti
阅读全文
摘要：数据持久 数据持久指将内存中的数据模型转化为存储模型，和将存储模型转化为内存中的数据模型这一过程的统称。在普通情况下，我们存储的数据会一直保留，直到我们删除相关内容；或者是这些数据保存到浏览器会话结束，用户关闭之后。但在实际情况中会更加复杂一些。用户、操作系统、浏览器或插件都可以随时阻止或删除持久数
阅读全文
摘要：数组去重的方法 一、利用ES6 Set去重（ES6中最常用） function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,'true','true',true,true,15,15,false,false, und
阅读全文
摘要：const myPromise = num=>{ return new Promise((resolve,reject)=>{ setTimeout(()=>{ resolve(num) },1000) }) } async function test(){ for(let i = 0;i<5;){
阅读全文
摘要：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
阅读全文
摘要：13.typeof undefined："undefined" 12.window.onload和$(document.ready)的区别：https://www.cnblogs.com/tkqq000/p/14861766.html 11.typeof null 的值：object 10.面向对象
阅读全文
摘要：前序知识 浏览器进程结构 Browser进程 负责协调、主控，包括地址栏、书签、历史栈。 GPU进程 负责整个浏览器界面的渲染 网络进程 负责发起接收网络请求 插件进程 控制网页中使用到的插件 如flash 渲染器进程 默认使用（Process-per-site-instance）模式 四种进程模式
阅读全文
摘要：git push origin --delete [branch_name]
阅读全文
摘要：format ：字体的格式，主要用于浏览器识别，一般有以下几种——truetype,opentype,truetype-aat,embedded-opentype,avg等。 对于@font-face而言，兼容性问题就是各浏览器所能识别的字体格式不尽相同。 TrueType格式(.ttf)Windo
阅读全文
摘要：正确写法：<li style={{color:'#30d98b'}}>创建</li> 错误写法：<li style={{color:'color: rgb(48,217,139)'}}>创建</li>
阅读全文
摘要：14.数组中第K个最大元素 在未排序的数组中找到第 k 个最大的元素。请注意，你需要找的是数组排序后的第 k 个最大的元素，而不是第 k 个不同的元素。 题目很清晰，需要找到第K大的元素，最简单的思路就是排序，然后就能根据下标定位到第K大的数。这样做是可行的，但我们需要思考是否有优化空间。 题目要求
阅读全文
摘要：块元素，且宽和高已知 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl
阅读全文
