快应用介绍遇到的问题和解决办法几点开发实践一点感悟快应用介绍介绍网页：网页无需安装，体验不够很好；原生应用：原生应用体验流畅，但需要从应用商店下载安装，难以一步直达用户，而且安装包比较大耗流量；快应用：深度集成在手机操作系统中，用户无需下载安装直接在手机上运行，可流畅的体验应用内容。类似微信小程...

软件安装软件配置终端安装辅助工具开始写代码先来一杯养生茶软件安装前文：从零配置前端开发环境-Mac安装途径应用商店下载部分常用免费软件，超过 10s 没连上就算了MacWk 五星推荐腾讯柠檬（可供参考）28 款常用软件应用商店或者百度搜索官网下载 12 款：谷歌浏览器、火狐浏览器、微信、QQ、企业微信、腾讯会议、vscode...

微信公众号：[前端一锅煮]一点技术、一点思考。问题或建议，请公众号留言。自用 mac 电脑以来陆陆续续配置了有 6 台新电脑环境，通过迁移助手、账号同步等可以较为方便的迁移。下面记录下从零开始配置的方法。电脑初始化新电脑到手后开始一系列初始化配置，设置开机密码，登录电脑。Mac M1芯片电脑开机密码重置方法：关...

微信公众号：[前端一锅煮]一点技术、一点思考。问题或建议，请公众号留言。以前写过一篇 前后端命名最佳实践前几天遇到一位小伙伴对此有所疑问，在此详述一番结论：前端、后端、服务器文件名全部统一成小写加下划线分割小写命名数据库MySQL 建库的过程中发现一个问题，无论怎么创建库，创建出来的库名都是小写的如果 SQL...

最近网站遭遇了一次 CSRF 攻击，短信调用接口被第三方调用导致发出大量无效短信，后来经过接口签名和 IP 封禁解决。今天就来详细学习下前端领域的安全问题。

launchd 是 Mac OS 下用于初始化系统环境的关键进程，它是内核装载成功之后在 OS 环境下启动的第一个进程，可以用来控制服务的自动启动或者关闭。

微信公众号：[前端一锅煮]一点技术、一点思考。问题或建议，请公众号留言。相关命令查看本机 mongodb 版本：mongo -version查看本机运行的 mongodb：ps aux | grep mongodb连接本机数据库：mongo localhost:27017用账号密码连接本机数据库：mongo -port 27017 -u 'admin' -p 'admin_root_test'显示数据库列表：show dbs...

Node.js 作为后台服务性能是非常关键的一点，而影响 Node.js 的性能不仅仅要考虑其本身的因素，还应该考虑所在服务器的一些因素。比如网络 I/O 、磁盘 I/O 以及其他内存、句柄等一些问题。下面将详细地分析影响其性能的因素原因，以及部分优化解决方案。

Node.js 主线程是单线程的，如果我们使用 node app.js 方式运行，就启动了一个进程，只能在一个 CPU 中进行运算，无法应用服务器的多核 CPU。为了解决这个问题，我们可以使用多进程分发策略，即主进程接收所有请求，然后通过一定的负载均衡策略分发到不同的 Node.js 子进程中。

前言：Koa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。 Koa 并没有捆绑任何中间件， 而是提供了一套优雅的方法，帮助您快速而愉快地编写服务端应用程序。

微信公众号：[前端一锅煮]一点技术、一点思考。问题或建议，请公众号留言。抛在前面的问题：js 是单线程的如何做到异步？事件循环的过程是怎样的？macrotask 和 microtask 是什么，它们有何区别？node.js 的事件循环是怎样的，和浏览器的事件循环有何区别？进程和线程浏览器是多进程的，具体包含的进程有：Browser 进程...

微信公众号：[前端一锅煮]一点技术、一点思考。栈空间堆空间新生代内存回收老生代内存回收标记清除、标记整理、增量标记JavaScript 引擎的内存空间主要分为栈和堆。V8 的垃圾回收策略主要基于分代式垃圾回收机制。按照对象的存活时间将内存的垃圾回收进行不同分代，然后分别对不同分代的内存使用最适合的算法。主要分为...

微信公众号：[前端一锅煮]一点技术、一点思考。问题或建议，请公众号留言。UDPTCP三次握手四次挥手拥塞控制HTTPHTTP/2HTTPS证书认证对称加密非对称加密压缩方式优化网络请求长篇预警~UDPUDP（User Data Protocol，用户数据报协议）是一个面向无连接的传输层协议。UDP 是一个非连接的协议，传输数据之前源端和终端不建立...

单点登录（Single Sign On, SSO）是指在同一帐号平台下的多个应用系统中，用户只需登录一次，即可访问所有相互信任的应用系统。举例来说，百度贴吧和百度地图是百度公司旗下的两个不同的应用系统，如果用户在百度贴吧登录过之后，当他访问百度地图时无需再次登录，那么就说明百度贴吧和百度地图之间实现了单点登录。

函数有原型对象 prototype，new 实例有隐式原型 __proto__原理 {代码...} 字面量的方式 {代码...} Object.create() 方式 {代码...} 构造函数的方式 {代码...} class {代码...}

时间到底是什么？我们常说的一年指的是地球绕太阳一周。一秒你可以说是秒针走了一格，但科学家认为不够严谨，所以将一秒定义成了这么个东西（铯-133原子基态的两个超精细结构能级之间跃迁相对于辐射震荡周期的9192631770倍）。看着一堆挺唬人的，其实重点就两个字“震荡”。所以从古至今。从一炷香一个沙漏到天体的运动，...

有时候，运行一个工程，可能需要执行多个脚本。如需要执行客户端代码的 webpack 打包，还要执行服务端代码的 webpack 打包，当服务端代码进行 webpack 进行打包后，还要重新启动服务器等。

我们很多人唱歌不好听，就很少也很不愿意去唱。聚会的地方有设备也只是听别人唱，自己不敢去试，甚至可能从来都没去 KTV 唱过歌。这是为什么呢？锚定点问题，因为你的锚定点在音准上，在于好听。别人叫你来一首，你就说不唱不唱（没自信），怕跑调，说五音不全，没唱过，找一堆借口去逃避。你怕你唱的跑调了然后你在别人...

前言ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，在 2015 年 6 月正式发布。ES6 泛指 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等。JS 标准在每年的 6 月份正式发布一次，作为当年的正式版本。ES2015node 支持：node v6.17.1 以上支持 99%。ES6 的第一个版本。ES2016n...

前端上线必检清单回退、跳转是否正确 iOS android 浏览器节流防抖是否处理微信分享标题敏感字 红包 钱等是否适配 320~750 320 480 640 iphonex是否处理类型转换、非空判断转换页面加载 loading 处理无数据、异常、空白页展示处理移动端扩大点击区域合理的鼠标光标是否有做分页文字超出处理图片相关图片是否有做无损压缩...

命名规范最佳实践命名是个困扰了我很久的问题，各种方式都试过，现在总结固化一下作为一个大结论。原则：优先考虑小写、下划线，不用中划线。1. 文件夹 小写 下划线2. 文件名 小写 下划线3. 样式名 小写 下划线4. 类名 首字母大写 驼峰5. 函数名 驼峰6. 变量名 驼峰7. 常量名 全大写 下划线8. 数据库名 小写 下划线9. 数...

边距、间距原则：边距（左右）要大于间距（上下）。模块边距10px、12px、15px、16px15px 常用10px 最小，要展示更多的内容才用模块间距8px、10px、15px、16px、20px常用 10px 15px 20px内容间距5px 10px 15px内容边距5px 10px 15px列表最小高度 40px单行 53px 55px 66px全局规则图片比例16:9、4:3、3:2、1:1 和 1:0.618...

上个月搬家，一个刚清理好的房子，空旷干净。因为是第一个入驻，厨房、客厅、卫生间都是空的，让我得以自由的设计和摆放。这种感觉是非常好的。完全没有历史遗留问题，就像新开的项目，可以用最新的理念，最好的规范，配以最优的配置和架构，发挥出最大的效率。

解析 new()、Object.create()、instanceof、call()、apply()、bind()等6个方法函数的原理和内部实现

挑战大厂系列文章，转载请注明来源 “多个异步函数调用怎么实现返回值是按顺序的？” “promise.all” “请说下 promise.all 的实现原理？” 不废话，直接上代码 原始版 回调函数，利用闭包贮存返回顺序 {代码...} Promise.all 版 resolve 返回结果，利用闭包贮存返回顺序 {代码...} 一时没想到的话可能真搞不出来，想到了这个...

挑战大厂系列文章，转载请注明来源 面试绝杀题之一：数组和树结构数据相互转换。 面试的时候经常会被问道这个题，大多数人平时没特意去学也没有用过就回答不上来了。 然后？自然就没有然后了。 此题一般会放在初试的最后作为压轴题之一。 理解了里面的关键点就会发现其实是很简单的。 原始数据 {代码...} 一维数组转成树...

关于图片：少量直接放到本页面文件下（资源集中，互不影响），有两个页面以上公用则抽离放到 img 文件夹下（降低层级），assets 下的 img 主要放 favicon.png、pwa等全局图片（低频资源远离，不分散注意力）

command+shift+p -> configure language -> Configure Display Language -> zh-cn

最近复习 JavaScript 教程，发现好多没记住的，特以此记~ Date Dtae() 和 new Date() 区别，Date() 函数不能带参数，属于静态方法 {代码...} RegExp . 点字符匹配除回车(r)、换行(n) 、行分隔符(u2028)和段分隔符(u2029)以外的所有字符 [^] 表示匹配一切字符，其中包括换行符 str.replace(/2/gi, '1') 第二个参数可以使...

都说今年形势不好，实际情况确实大不如以前，当然，大神忽略。 奔波快半个月，在这里做一个简单的总结。 背景 岗位：前端开发 时间：2019年4月7号 地点：北京 经验：3年多 学历：本科 经过：看了大概200多个岗位，确认投递60几个，面试机会26个，参加面试14家，拿到offer5个 行情 1.大体趋势上，要求会 react 的比例明显...