vim和nano都是linux上常用编辑器，熟练掌握常用快捷键的使用可以大大提高使用效率。

以前都是简单的使用vim编辑器，一个一个的移动光标，用空格键一个一个的缩进，太费时间，所以打算仔细总结学习一下vim常用快捷键，提高一下使用效率。

继续阅读全文 »

对于钉钉的深度使用者来说，钉钉机器人是个比较方便的功能。对于开发者，自定义机器人则更有用。不仅可以消息聚合，日程提醒，配合其他平台使用可能会极大提高效率，收获意外惊喜。

继续阅读全文 »

字体使用

字体压缩

完整的字体库文件对于Web应用来说太过庞大

解决方案一：字蛛

继续阅读全文 »

从一次报错说起

Vue项目开发中安装使用了一个富文本编辑器插件vue-html5-editor，页面安装使用之后出现如下错误：

继续阅读全文 »

A collection of helpful snippets to use inside of browser devtools

一个在浏览器开发工具中使用的代码片段集合

继续阅读全文 »

仔细再过一遍Vue.js文档。对于需要的部分加上一些自己的理解。

事件处理、表单输入绑定、组件基础

继续阅读全文 »

仔细再过一遍Vue.js文档。对于需要的部分加上一些自己的理解。

Class 与 Style 绑定、条件渲染、列表渲染

继续阅读全文 »

仔细再过一遍Vue.js文档。对于需要的部分加上一些自己的理解。

介绍、Vue实例、模板语法、计算属性和侦听器

使用项目：iview-admin 作为示例代码。

继续阅读全文 »

This talk is about how Chrome turns web content into pixels. The entire process is called “rendering”.
We’ll describe what we mean by content, and what we mean by pixels, and then we’ll explain the magic in between.

继续阅读全文 »

背景

有一台服务器，安装了Sentry（一个代码错误跟踪监测平台），想要找到它的安装目录。

进程查看

1

ps aux | grep sentry

继续阅读全文 »

• 去搭建好的Sentry上，新建一个项目

• 安装依赖包@sentry/browser

1
2
3
4
5

# Using yarn
$ yarn add @sentry/browser

# Using npm
$ npm install @sentry/browser

继续阅读全文 »

向github（Gitee和GitLab经测试也可以）提交git记录，除了使用feat():提交信息内容进行规范commit之外，使用emoji添加到git commit信息体中也是一种比较直观的做法

commit格式：

1

:emoji1: :emoji2: 提交信息主体

继续阅读全文 »

格式

主流推荐格式：<type> : <subject>，比如：feat:新建功能

继续阅读全文 »

相关资料，推荐一篇教程，事无巨细，全部覆盖。

继续阅读全文 »

TensorFlowFor JavaScript

ml5.js

继续阅读全文 »

引子

继续阅读全文 »

简单理解Vue中的nextTick

http的协议的跨域cors 和 options请求的一些理解

Impress.js

官网

GitHub

继续阅读全文 »

软件版本周期

α、β、λ 常用来表示软件测试过程中的三个阶段。

– α 是第一阶段，一般只供内部测试使用；

– β是第二个阶段，已经消除了软件中大部分的不完善之处，但仍有可能还存在缺陷和漏洞，一般只提供给特定的用户群来测试使用；

– λ是第三个阶段，此时产品已经相当成熟，只需在个别地方再做进一步的优化处理即可上市发行。

继续阅读全文 »

Vue.js生命周期

继续阅读全文 »

Visual Studio Code安装的时候可选注册命令行工具code.exe到系统中，熟悉一下，日常使用中能提高不少效率。

继续阅读全文 »

引子

PowerShell 是构建于 .NET 上基于任务的命令行 shell 和脚本语言。 PowerShell 可帮助系统管理员和高级用户快速自动执行用于管理操作系统（Linux、macOS 和 Windows）和流程的任务。使用 PowerShell 命令可以从命令行管理计算机。 PowerShell 提供程序可让你访问数据存储（如注册表和证书存储），与你访问文件系统一样方便。 PowerShell 具有丰富的表达式分析器和完全开发的脚本语言。

继续阅读全文 »

引子

日常开发中之所以使用数据mock工具生成数据，大致有以下几种原因，直接把假数据写入代码中（所谓开发侵入），数据写死，不便于修改。还有团队协作，没有约定，前后端不能准确描述接口长什么样。还有就是手写假数据没有规则，就不能批量生成大量数据，靠手工肯定不行。或者不单单是开发使用，也可以测试，或者其他用到数据的地方。下面有些工具，简单聊一下，具体使用看文档就可以了。

继续阅读全文 »

题目描述

给定一个字符串，请找出其中不含有重复字符的最长子串的长度。

继续阅读全文 »

网络上的一些知识技能图谱

继续阅读全文 »

先看下图，如果对图中的(a)(b)(c)(d)四个过程的处理方式都很清楚了，那么请不用再看本文了。

继续阅读全文 »

问题描述

项目换成了@vue/cli 3.x之后，有些资源的加载有些异常，登录的时候会加载内页的CSS和js，不知道是不是路由懒加载配置出了问题，还是Vue-cli 3.0配置有问题。

继续阅读全文 »

1. 安装：

npm install --save-dev webpack-bundle-analyzer

继续阅读全文 »

原文：Speed Up JavaScript Execution

继续阅读全文 »

原文：Timeline Event Reference

继续阅读全文 »

原文：Performance Analysis Reference

继续阅读全文 »

原文：Analyze Runtime Performance

继续阅读全文 »

原文：Optimize Website Speed With Chrome DevTools

继续阅读全文 »

原文：Get Started With Analyzing Runtime Performance

继续阅读全文 »

相关概念

测试方法

继续阅读全文 »

调试环境配置

继续阅读全文 »

🌞安装与基本配置

• 环境准备：
  • nodejs（7.6+)
  • mongodb（2.6+）

    1 2	npm install -g yapi-cli --registry https://registry.npm.taobao.org yapi server

继续阅读全文 »

windows使用git clone http://xxx.githttp方式拉取代码时，会提示输入用户名和密码，但是第一次输入错误，下一次就不会再次弹出用户名密码输入窗口。

继续阅读全文 »

SonarQube® is an automatic code review tool to detect bugs, vulnerabilities and code smells in your code. It can integrate with your existing workflow to enable continuous code inspection across your project branches and pull requests.
SonarQube是一个自动代码审查工具，用于检测代码中的错误、漏洞和代码气味。它可以与您现有的工作流集成，以支持跨项目分支的连续代码检查和拉取请求。

继续阅读全文 »

题目描述

给出一个 32 位的有符号整数，你需要将这个整数中每位上的数字进行反转。

继续阅读全文 »

引子

在GitHub上闲逛，发现一个命令行录制工具asciinema，官网地址.

这是一款可以录制命令行输入执行输出的工具，多平台可用，录制生成json文件，配合JavaScript和CSS解析，达到视频播放效果，但是远远比视频要轻便，同时还有一个非常棒的功能就是：观看的时候可以直接复制播放内容。同时，在官网上面配置账户可以实现很方便的分享。这款工具非常适合那些经常需要将整个命令执行过程进行教程录制，或者记录整个命令行下的操作的一类人群。

继续阅读全文 »

开启代码高亮

配置文件中有开启代码高亮的配置项

继续阅读全文 »

题目描述

给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。

你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。

继续阅读全文 »

🌞问题重现

新装的mongoDB创建了一个普通读写权限的用户，使用db.auth("user", "password")返回1，没有任何问题。但是使用该账户密码连接数据库，提示mongoNetworkError: failed to connect to server [localhost:27017] on first connect [MongoError: Authentication failed.]

继续阅读全文 »

您可能已无数次听人提及性能的重要性，以及网页应用的运行速度十分关键。

但是，当您尝试回答“我的应用有多快？”这个问题时，您就会意识到，“快”是一个很模糊的概念。 我们所谓的“快”究竟是指什么？其情境为何？ 为谁提供高速度？

继续阅读全文 »

🌞场景再现

1. uni-app开发需要在移动设备上安装“自定义基座”，充当容器作用，方便开发调试。每次开发IDEHBuilderX进行版本更新或者需要发布新版本APP时，需要制作自定义基座，同时为了避免不同开发人员协作使用不同“自定义基座”造成错误排查困难，同时每个账号的每天自定义基座的云打包次数是固定的。因此，刚开始的时候决定把“自定义基座”添加到Git里面进行版本管理，但是几个月开发过程走下来发现，git代码仓库越来越大，每个基座的大小都有几十兆，这还是在分支不多的情况下，因此在迁出新分支的同时，决定去除“自定义基座”的Git管理。
2. 这个时候，如果仅仅是不需要吧后续打包的自定义基座放在Git仓库中，只需要把响应的目录放在.gitignore文件中就可以，但是原来的仓库已经足够打了，我想把原来的提交的自定义基座的版本也同时删除，该怎么办呢？

继续阅读全文 »

🌞Windows上常用操作

其实，配置安装什么的和Linux上别无二致，就是有些操作的命令有点不同。

继续阅读全文 »

如何用 Vue 实现前端权限控制

继续阅读全文 »