说明 本文示例参照官网指南 [链接] 供入门 webpack 的同学参考 食用方法：文件夹命名即每个章节的路径名，如[链接] 的示例，在 getting-started 文件夹中 注意：dist 目录下的 index.html 需要起服务，推荐 vscode 安装插件 Live Server 仓库 [链接] 如果对您有帮助，请不吝star 友情链接 个人github 个人博客

可能还是很多同学没有理解下面的三段代码，今天从原理分析一下 var {代码...} 知识点： js只有全局作用域和函数作用域 var存在变量提升 函数调用会形成一条作用域链，参数会沿着这个链条查找 图解步骤 初始状态，注意scope是指向定义函数的地方 执行for循环之后，i变成了10 开始执行setTimeout回调，因为AO活动对象上没...

说明 本文主要教大家一步一步实现一个简易的vue2，下一篇将会教大家实现vue3 实现的功能点： 利用snabbdom实现虚拟dom与patch等(vue的虚拟dom也是参考snabbdom的) 数据双向绑定（包括data, computed, watch） 实现绑定methods，以改变数据状态 实现定义组件 实现jsx，即我们可以写jsx代码来替代前面的写render函数 项目...

作为go2shell的重度使用者，近日更新系统后，发现go2shell竟然无法使用了，上appstore查了一下，发现最新更新已是4年前。那怎么办呢？

调试前端js 准备一个前端项目 index.html {代码...} main.js {代码...} 安装Debugger for Chrome 需要先安装插件Debugger for Chrome 编写launch.json {代码...} 启动调试 先打个断点 开始调试 这里要选我们刚刚创建的那个配置，即name字段 可以看到，程序运行至断点处 调试node项目 准备 app.js {代码...} 编写launch.j...

介绍 本系列主要介绍如何自动化部署我们的前端和后端项目 本篇主要介绍如何自动化部署vue项目 下篇讲如何自动化部署nodejs项目 我这里是mac os,如果你用linux就不会碰到很多下面碰到的问题了。 相关应用 jenkins docker 整个流程 首先我们把我们的电脑想象成一台服务器，当然如果你有服务器，也可以直接在服务器上，执行...

问题 由于安装nvm之前已经安装过node，所以nvm ls会出现一个system(这个就是安装nvm之前的node版本)，如下图 当我们切换nvm默认的node版本时，由于有一个system存在，所以每次新开终端，都会使用system，这很不方便 所以我们要卸载system，以下是我们可能会走的弯路😢 方式一 {代码...} 可以看到nvm卸载不了 方式二 我们...

写一个简单的node项目 项目地址 目录结构如下： 其中app.js如下： {代码...} 写Dockerfile {代码...} 安装docker 请参考 [链接] docker打包node项目为镜像 在项目根目录下 {代码...} docker跑mongo容器 docker拉mongo镜像 {代码...} docker起mongo容器 {代码...} docker跑node项目 {代码...} 注意： mongodb:mongodb 前...

背景 近日看到一个github项目([链接] star挺多的，想着用react重构一下，同时练习下graphql。 于是又上github搜了一下，发现很多调用github api的项目都没有使用graphql 同时搜到一些相关高star的项目 [链接] (42k ✨) [链接] (19k ✨) [链接] (3k ✨) [链接] (1k ✨) 这更加大了我的兴趣，于是说干就干！！！ 你可以获得什...

更改my.cnf配置文件 找到my.cnf的位置，不同电脑可能不大一样，我这里是/usr/local/etc/my.cnf,也有可能是/etc/my.cnf 修改my.cnf {代码...} 在[mysqld]下添加skip-grant-tables，然后保存并退出 重启mysql服务 找到mysql服务路径，我这里是/usr/local/Cellar/mysql/8.0.17/support-files/mysql.server {代码...} 修改密...

前言 本系列文章旨在讲解如何从零开始搭建前端监控系统。 项目已经开源 项目地址： [链接] (web sdk) [链接] (服务端，用于提供api)(未完) [链接] （后台管理系统，可视化数据等）（未完） 您的支持是我们不断前进的动力。 喜欢请start!!! 喜欢请start!!! 喜欢请start!!! 本文是该系列第三篇，重点讲解如何控制iframe的...

平时收集的常用工具分享给大家！！！ 项目地址： [链接] 持续更新中，喜欢请star 性能监控 阿里云监控 (网站性能、错误等监控) growingio (网站访问量监控) sentry (错误监控) fundebug (错误监控) gtmetrix (网站访问速度) zanePerfor (网站访问速度) pingdom (网站状况监控) IDE vscode sublime webstorm 调试工具 fid...

前言 本系列文章旨在讲解如何从零开始搭建前端监控系统。 项目已经开源 项目地址： [链接] (web sdk) [链接] (服务端，用于提供api)(未完) [链接] （后台管理系统，可视化数据等）（未完） 您的支持是我们不断前进的动力。 喜欢请start!!! 喜欢请start!!! 喜欢请start!!! 本文是该系列第二篇，重点讲解如何实现圈选功能...

“ 微前端 ”一词最早于2016年底在ThoughtWorks Technology Radar中提出。它将微服务的概念扩展到前端世界。当前的趋势是构建一个功能强大且功能强大的浏览器应用程序（也称为单页应用程序），该应用程序位于微服务架构之上。随着时间的流逝，通常由独立团队开发的前端层会不断增长，并且变得越来越难以维护。

GeoJSON是什么 如果你接触过数据可视化，那么大概率会知道GeoJSON。不知道？没关系，本文将为您娓娓道来！ GeoJSON是一种对各种地理数据结构进行编码的格式，基于Javascript对象表示法的地理空间信息数据交换格式。 官网： [链接] 中文翻译： [链接] GeoJSON对象 GeoJSON对象必须由一个名字为"type"的成员。 type成员的...

前言 本系列文章旨在讲解如何从零开始搭建前端监控系统。 项目已经开源 项目地址： [链接] (web sdk) [链接] (服务端，用于提供api)(未完) [链接] （后台管理系统，可视化数据等）（未完） 您的支持是我们不断前进的动力。 喜欢请start!!! 喜欢请start!!! 喜欢请start!!! 本文是该系列第一篇，web探针sdk的设计与开发，...

项目地址 [链接] 喜欢请star！！！ 喜欢请star！！！ 喜欢请star！！！ 您的支持是我不断前进的动力(^▽^) 功能 上报pv uv 捕获error 上报性能performance 上报用户轨迹 支持单页面 hack ajax fetch 上报加载的资源 hack console hack onpopstate 暴露全局变量__bb 埋点 sum avg msg build {代码...} example 参考example...

更多资源尽在 [链接] 求star 求star 求star 背景 cron-parser对于定时任务非常好用。 但由于官方缺少文档，且示例较少，对于初次接触的小伙伴非常不友好，估这里简单的介绍。 cron-parser 用于定时任务 [链接] Cron Expressions cron的表达式被用来配置CronTrigger实例。 cron的表达式是字符串，实际上是由七子表达式，...

项目地址 [链接] 本文收集学习过程中使用到的资源。 持续更新中…… 目录 vue react Weex typescript 常用库 js es6 移动端 h5游戏 微信公众号 webpack GraphQL 性能与监控 高质文章 趋势 动效 可视化 数据结构与算法 js core 代码规范 工具 canvas 测试 网络请求 pwa 数据库 其他必备知识 vue 官方 awesome-vue nuxt(vue...

更多精彩内容请关注 [链接] 背景 话不多说，我们能否用纯css实现以下效果: 答案是肯定的。 借助css:placeholder-shown :valid :invalid伪类及html5 input pattern 属性就可以实现 :placeholder-shown伪类目前兼容性如下： :placeholder-shown兼容性 直接上代码！☺️ 源码 [链接] html: {代码...} css: {代码...} 更多 更...

什么是YApi github: [链接] 官网上是这么介绍的：YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台 [链接] 可以这么说YApi兼具swagger,rap2,postman的各项优点 why YApi 如果你想要一个好用的接口管理平台，那么你需要YApi或swagger。YApi支持各种数据导入，实现无缝迁移。 如果你想mock接口，那么你需...

插件已经上线，下载链接 代码已经在github更新了 [链接] 请移步github。另外喜欢的话请star。求star求star求star 本文已同步到 [链接] 背景 很多网站都没有实现返回顶部的功能，但现实中往往网页比较长，如果你想返回顶部就非常之麻烦，这时候如果有个按钮该有多好啊。 这就是这个项目的初衷。 找了一下chrome网上应用商...

Material Design风格占位符交互效果官方示意见此demo页面。现在这种设计在移动端很常见，相信不少人设计项目中有实现过这种交互，而且，大部分是利用JS实现的。（ps:weex 不支持这个样式）

Do it yourself!!! 只有动手，你才能真的理解作者的构思的巧妙 只有动手，你才能真正掌握一门技术 持续更新中…… 项目地址 [链接] 求star!!!求star!!!求star!!! 源码系列 跟underscore一起学如何写函数库 「中高级前端面试」JavaScript手写代码无敌秘籍 如何用不到200行代码写一款属于自己的js类库 Promise原理讲解 &...

文章已同步到[链接] 更多前端资源尽在[链接] 求star!!! 求star!!! 求star!!! 名词解释 postman 主要用于模拟网络请求包 快速创建请求 回放、管理请求 快速设置网络代理 newman {代码...} jenkins {代码...} 准备工作 安装postman {代码...} 安装newman 必须选安装node和npm {代码...} 安装jenkins 请参考 [链接] postman...

文章已同步到[链接] 更多前端资源尽在[链接] 求star!!! 求star!!! 求star!!! step1: {代码...} step2: 安装, 一直点继续就可以了 step3: 点到最后一步，会自动在浏览器打开[链接]:8080/, 看到如下界面 这时Jenkins会给你新增了一个用户，名字就叫Jenkins step4: 打开/Users/Shared/Jenkins/Home/secrets/initialAdminPas...

前言 本文档用于记录vscode的使用技巧，持续更新中 github: [链接] 更多前端资源尽在 [链接] 快捷键 搜索文本 搜索当前文件 {代码...} 搜索所有文件 {代码...} 打开关闭了的页面 {代码...} 终端 打开关闭终端 {代码...} 终端+1 {代码...} 终端分屏 {代码...} 切换不同的项目 {代码...} 切换选项卡 {代码...} 批量替换当...

花了很长时间整理的前端面试资源，喜欢请大家不要吝啬star~ 别只收藏，点个赞，点个star再走哈~ 持续更新中……，可以关注下github 项目地址 [链接] 求star!!!求star!!!求star!!! 面试秘籍 中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上) 前端面试 - 收藏集 - 掘金 2万5千字大厂面经 前端面试之道 面试题集 ...

本文主要收集前端面试题和面试经验，希望帮助大家在面试中能游刃有余 持续更新中…… 项目地址 [链接] 目录 面试秘籍 面试题 面试经验 面试秘籍 中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂(上) 面试题 前端 100 问：能搞懂 80% 的请把简历给我 精读《最佳前端面试题》及面试官技巧 前端面试每日 3+1 —— 第61...

本文收集学习过程中使用到的资源。 持续更新中…… 项目地址 [链接] 目录 vue react react-native Weex typescript Taro nodejs 常用库 css js es6 移动端 微信公众号 小程序 webpack GraphQL 性能与监控 高质文章 趋势 动效 数据结构与算法 js core 代码规范 工具 其他必备知识 vue 文章 Vue3.0 前的 TypeScript 最佳入门...