听阳光的猫

道阻且长、望你如一

0%

发表于 更新于 分类于
本文字数： 4k 阅读时长 ≈ 4 分钟

NexT 从v5 升级到 v7

我们推荐通过如下步骤从 v5 升级到 v7：

  1. 并不修改原有的 next 目录，而只是复制部分 NexT 文件：

    1. _config.yml 或 next.yml（如果你使用了数据文件）。
    2. 自定义的 CSS 配置，它们应在 next/source/css/_custom/* 和 next/source/css/_variables/* 中。
    3. 自定义的排布配置，它们应在 next/layout/_custom/* 中。
    4. 任何其它可能的附加自定义内容；为了定位它们，你可以通过某些工具在仓库间比较。

  2. 克隆新的仓库到任一异于 next 的目录（如 next-reloaded）：

    1
    git clone https://github.com/theme-next/hexo-theme-next themes/next-reloaded

    如此，你可以在不修改原有的 NexT v5.1.x 目录的同时使用 next-reloaded 目录中的新版本主题。

阅读全文 »

发表于 更新于 分类于
本文字数： 2.2k 阅读时长 ≈ 2 分钟

术语科普

hc，headcount，人头数，表示计划招聘的人员的个数，例句

今年的 hc 很充足。

jd，job description，工作描述，例句

发个 jd 给我看看吧。

offer，录取意向，offer 分为口头 offer 和书面 offer，一般书面 offer 才算是正式 offer，例句

他今年拿 offer 拿到手软。

package，总包，可以认为是税前年薪总数，一般包括年薪+奖金+股票，技术大佬才会用到的词汇，例句

package 100万，你对这份工作有兴趣没

阅读全文 »

发表于 更新于 分类于
本文字数： 684 阅读时长 ≈ 1 分钟

学习指南

一句话说清楚干什么，能否把涉及到的核心概念搞清楚。

语言

HTML

CSS、Less、SASS

JavaScript、TypeScript

周边

Vue、Vuex、Vue-Router、Jest
React、Redux、Mobx、Reselect、Jest
Axios、Day.js、Lodash
掌握以上三条可以适应绝大多数公司
Echarts、D3、Three
Node.js、Express、Koa、NestJS、NextJS、NuxtJS、UmiJS

阅读全文 »

发表于 更新于 分类于
本文字数： 2.1k 阅读时长 ≈ 2 分钟

vue是一个基于数据响应的构建ui的前端库
data、method 、computed与watch的区别，指令和构造选项

vuex是vue提供的全局状态管理的库
state, getters, mutations, actions, modules

vue-router分两种模式hash和history分别怎么用，优缺点。路由守卫、嵌套路由、keep alive

如何封装axios，了解axios拦截器，请求、响应拦截器

三次握手是什么

part 1

  1. 让元素垂直居中

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    //1.使用flex布局
    display: flex;
    align-items: center;
    justify-content: center;

    //2.使用定位
    //父 	
    position: relative;
    //子	
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
阅读全文 »

发表于 更新于 分类于
本文字数： 2.5k 阅读时长 ≈ 2 分钟

2020/9/4 Fri D5

整理前期学习中掌握的不够牢的HTML和CSS知识点。

一、 块级元素 ：高度由内容决定

​ 行内非替换元素元素：不能设置宽高

image-20200324202229217

二、清除浮动的方法

image-20200327193949253

阅读全文 »

发表于 更新于 分类于
本文字数： 741 阅读时长 ≈ 1 分钟

使用之前需要先安装好git

一、安装Hugo

window系统

​ https://github.com/gohugoio/hugo/releases 访问当前路径下载

image-20201111155951520

mac系统

​ 使用brew工具安装 brew install hugo

hugo version 查看是否安装成功

二、用Hugo来生成博客

​ hugo new site myblog

阅读全文 »

发表于 更新于 分类于
本文字数： 10k 阅读时长 ≈ 9 分钟

使用之前需要先安装好git

安装node

​ node -v 查看node版本

​ npm -v 查看npm版本

​ npm install -g cnpm --registry=http://registry.npm.taobao.org 安装淘宝的cnpm 管理器

​ cnpm -v 查看cnpm版本

安装hexo框架

​ cnpm install -g hexo-cli 安装hexo框架

​ hexo -v 查看hexo版本

​ mkdir blog 创建blog目录

​ cd blog 进入blog目录

阅读全文 »

发表于 更新于 分类于
本文字数： 16k 阅读时长 ≈ 14 分钟

项目初始化

前端项目初始化

首先安装node

  1. 安装vue脚手架

    控制面板执行 npm install -g @vue/cli

    查看版本是否正确 vue --version

  2. 通过vue脚手架创建项目

    vue create vue-shop 也可以创建

    vue ui进入vue管理页面

    手动创建项目选择功能

    • Babel
    • Router
    • 使用配置文件

  3. 配置vue路由

  4. 插件Element-UI组件库

    此组件暂时不支持vue3.0

    添加插件 vue-cli-plugin-element

    配置 Import on demand

  5. 依赖axios库

    安装依赖 axios

  6. 初始化git远程仓库

  7. 将本地项目托管到github

阅读全文 »

发表于 更新于 分类于
本文字数： 14k 阅读时长 ≈ 13 分钟

vue.js组件

Prop

prop 是子组件用来接受父组件传递过来的数据的一个自定义属性。

父组件的数据需要通过 props 把数据传给子组件，子组件需要显式地用 props 选项声明 “prop”：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
	<child message="hello!"></child>
</div>

<script>
// 注册
Vue.component('child', {
  // 声明 props
  props: ['message'],
  // 同样也可以在 vm 实例中像 “this.message” 这样使用
  template: '<span>{{ message }}</span>'
})
// 创建根实例
new Vue({
  el: '#app'
})
</script>
</body>
</html>
阅读全文 »