Vue面试题相关
VueVuejs 响应式原理Vuejs 响应式原理 参考资料汪图南-个人博客-详细记录了 vue 及前端的一些资料 Vue 父子组件执行顺序父子组件加载渲染过程(同步引入组件)：父 beforeCreate->父 created->父 beforeMount->子 beforeCreate->子 created->子 beforeMount->子 mounted ...
Read more
React2021最佳实践
创建项目npx create-react-app ** --template typescript，其中**是项目名字，如果在当前空文件夹下面创建，直接输入一个点就可以了。如果出现安装依赖失败，仔细阅读提示，很有可能是使用的 node 版本不对，其中有一个包要求指定版本或者大约 15 版本的 node，这个要注意。如果运行时依赖有问题，很可能是因为上一步中断导致的问题，删除全部文件重新执行创建命令 ...
Read more
SQL学习笔记

检索数据

排序检索数据

关系数据库设计理论认为，如果不明确规定排序顺序，则不应该假定检索出的数据的顺序有任何意义。

  • 使用ORDER BY语句进行排序。SELECT prod_name FROM Products ORDER BY prod_name; 注意，order by 语句必须是最后一条字句，不然就会出错。
  • SELECT prod_id,prod_price,prod_name FROM Products ORDER BY prod_price,prod_name;按多个列排序
  • SELECT prod_id,prod_price,prod_name FROM Products ORDER BY 2,3;多个列排序的另一种写法，根据前面的 select 语句中的列位置排序
  • 以上两种都是默认升序排序。SELECT prod_id,prod_price,prod_name FROM Products ORDER BY prod_price DESC,prod_name; 使用 DESC 关键字可以进行降序排序，如果多列降序，则每一列名后面都要加 DESC 关键字。与之相对的升序关键字是 ASC，不过一般用不到
Read more
qiankun的接入及使用|qiankun 微前端 React Vue

微前端框架 qiankun 的接入及使用

qiankun的接入

父应用

  1. 安装qiankun $ yarn add qiankun # 或者 npm i qiankun -S
  2. 在主应用中注册微应用 
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    import { registerMicroApps, start } from 'qiankun';

    registerMicroApps([
    {
        name: 'react app', // app name registered
        entry: '//localhost:7100',
        container: '#yourContainer',
        activeRule: '/yourActiveRule',
    },
    {
        name: 'vue app',
        entry: { scripts: ['//localhost:7100/main.js'] },
        container: '#yourContainer2',
        activeRule: '/yourActiveRule2',
    },
    ]);

    start();
Read more
服务器小技巧
服务器操作小技巧SSH免密登录服务器 在本地（非服务器）终端输入命令生成密钥对 ssh-keygen -t rsa 将公钥复制到远程主机 ssh-copy-id 用户名@服务器地址, ssh-copy-id 会将公钥写到远程主机的 ~/.ssh/authorized_key文件中 本地ssh 用户名@服务器地址 免密码登录 生成ssh公钥用于各种Git服务 ssh-keygen -t ed255 ...
Read more
Vue的虚拟DOM和Diff算法

Vue的虚拟DOM和Diff算法

从snabbdom开始

snabbdom 一个著名的虚拟DOM库，核心代码200行，极度优化。

snabbdom Github地址

Read more
算法笔记
算法笔记算法复杂度时间复杂度 渐进时间复杂度通常用大写O来表示，因此也被叫做大O表示法。 时间复杂度就是把程序的相对执行时间函数T(n)转化为一个数量级，这个数量级可以是1、n、n^2、logn等。 推导时间复杂度的几个原则： 1.如果运行时间是常数量级，则用常数1来表示 2.只保留时间函数中的最高阶项 3.如果最高阶项存在，则省略最高阶项之前的系数 js如何实现链表js链表实现
Read more
EggShellDecorators源码解析
准备工作： 1.首先fork一份代码到自己仓库并下载，主要用于边解析边做注释用 egg-shell-decorators 2.本地创建一个eggjs项目 用于分析参数及测试 npm init egg -type=ts 3.启动一个空白的ts项目 用于打印解析语法 解析开始根据文档开始使用，router.ts里面引入EggShell 将app做参数传递执行EggShell 看下蛋壳源码 i ...
Read more
AKC项目优化
项目优化客服项目优化2020-05-12 优化客服 AKIM 项目，部分 redux 数据传递问题。由最顶级组件 Home 一级级以 props 传递数据和 action 的方式改为使用 react-redux 中间件直接注入组件数据的方式： 1234567891011121314151617import Page from './page'import { bi ...
Read more
Sentry接入及上报

Sentry接入及上报

Installation
1
2
3
4
5
# Using yarn
$ yarn add @sentry/browser

# Using npm
$ npm install @sentry/browser

Vue项目需要安装以下包

1
2
3
4
5
# Using yarn
yarn add @sentry/integrations

# Using npm
npm install @sentry/integrations
Read more