随笔分类 - 前端-转载
转载的文章，文末都有标注出处。
摘要：Canvas技术的诞生可谓是让绘图技术如虎添翼，本文将推荐一系列Canvas图形绘制、流程图、组织图、甘特图、全景图、3D库、VR/AR、图像编辑等方面的库，希望助你在Canvas绘图时寻得一把趁手的利器。 同时，愣锤也将Canvas的相关资源进行的收录整理分类，更多的资源请关注awesome-ca
阅读全文
摘要：前言🎉 这段时间面试官都挺忙的，嘿嘿，要不是我文章老是没什么人看，我要沦落到蹭热度的地步？ 渐进式网页应用，后文统一简称PWA，又名Web开发的未来🤣，你不会，我觉得小伙砸你没有未来啊🤡。 PWA应用程序像普通网页一样加载，但提供脱机工作、推送通知和设备硬件访问的功能（懂吗？这就是不用安装的A
阅读全文
摘要：2020年2月14日发布 · 2020年2月24日更新 原文作者：Pete LePage 原文地址：web.dev/install-cri… 许多浏览器会向用户表明，当您的渐进式 Web 应用程序（PWA）满足特定条件时，可以安装该程序。示例包括地址栏中的“安装”按钮或弹出菜单中的“安装”菜单项。另
阅读全文
摘要：前言 面试官:"你了解虚拟DOM(Virtual DOM)跟Diff算法吗,请描述一下它们"; 我:"额,...鹅,那个",完了😰,突然智商不在线,没组织好语言没答好或者压根就答不出来; 所以这次我总结一下相关的知识点,让你可以有一个清晰的认知之余也会让你在今后遇到这种情况可以坦然自若,应付自如,
阅读全文
摘要：一、HTTP层面网络层优化 减少HTTP请求次数 减少DNS解析次数，如果非要多次解析，使用 DNS Prefetch 静态资源文件一定要使用强缓存「Expires / Cache-Control」和 协商缓存「Last-Modified / ETag」 资源文件的压缩「可以基于webpack打包压
阅读全文
摘要：作者：Shadeed 译者：前端小智 来源：medium 有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。 本文 GitHub github.com/qq449245884… 已收录，有一线大厂面试完整考点、资料以及我的系列文章。 JavaScript 可以做很多好玩的事，
阅读全文
摘要：export default 和 export 区别：1.export与export default均可用于导出常量、函数、文件、模块等2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用3.在一个文件或模块中，export、i
阅读全文
摘要：CSS预处理器，你还是只会嵌套么 ？ 前言 滴滴大佬：CSS预处理器有用过么？我：嗯嗯，用过SASS的嵌套。佬：没了？我：...（尬住了） 不知道大家情况是不是和我一样，前车之鉴，CSS相关知识还是挺重要的。本文带大家一起整理CSS预处理器知识点，现有流行库有Sass(Scss)、Less、Styl
阅读全文
摘要：一.属性规范1.属性书写顺序 （1）位置属性(position, top, right, z-index, display, float等)； （2）大小(width, height, padding, margin)； （3）文字系列(font, line-height, letter-spaci
阅读全文
摘要：1、在form表单或者input中使用autocomplete=”off”2、不让页面读取缓存数据<meta http-equiv= "Pragma" content= "no-cache" /> <meta http-equiv= "Cache-Control" content= "no-cach
阅读全文
摘要：一、base64加密 base64的github地址 示例 <html> <head> <title>前端的base64使用方法</title> </head> <body> </body> <script> var str = "hello"; var str64 = window.btoa("h
阅读全文
摘要：ES6 允许使用“箭头”（=>）定义函数。一.箭头函数1.基本定义① 简单写法，一个变量一个表达式返回单值var f = v => v;// 等同于var f = function (v) { return v;};123456② 空参数var f = () => 5;// 等同于var f = f
阅读全文
摘要：常见的一些数组操作push 、 pop、unshift、 shiftpush语法: array.push(item1, item2, …, itemX)push( )方法：可以将一个或者更多的参数添加在数组的尾部；返回添加后的数组的长度，原数组发生改变。代码示例如下：var arr=[1,2,3,4
阅读全文
摘要：1、概述 WebRTC是“网络实时通信”（Web Real Time Communication）的缩写，它主要用来让浏览器实时获取和交换视频、音频和数据。 WebRTC共分三个API。 MediaStream（又称getUserMedia） RTCPeerConnection RTCDataCha
阅读全文
摘要：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...
阅读全文
摘要：createConnection 建立连接&关闭连接 语法 （1）createConnection方法创建连接对象（正式的说法：使用createConnection方法创建一个表示与mysql数据库服务器之间连接的connection对象） var connection = mysql.create
阅读全文
