coder_vito-CSDN博客

原创 iterm2配置主题

github地址????下载wget https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.shsh install.sh# 如果网络有问题可以直接下载github地址git clone https://github.com/ohmyzsh/ohmyzsh.git ~/.oh-my-zsh安装# step1cp ~/.zshrc ~/.zshrc.orig# step2cp ~/.oh-my-zs

2021-09-01 15:07:46 619

原创发布订阅者模式的实现

参照vue源码on和on和on和emit的实现class Bus { constructor() { this.bus = Object.create(null) } // on('xxx',cb) // this.bus = { // 'xxx': fn // } on(event,fn) { if(Array.isArray(event)) { for(let i =0, len = event.length; i < len; i ++)

2021-04-11 22:18:14 153

原创微信小程序总结

标签view: div 块text: span 行image: imgblock: 不渲染到html中类似于react中<>样式基本上都是flex布局# 沉浸式导航栏页面json文件中设置# "navigationStyle": "custom"{ "usingComponents": {}, "navigationStyle": "custom"}# data数据 # 凡是写在data中的数据，并且html中使用的数据，必须加{{}}<text w

2021-02-21 23:34:32 318

原创 vue自定义指令学习

????除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。言简意赅：你要操作dom，那么就可以想到自定义指令的操作。官方示例：Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素

2021-02-13 20:33:21 125

原创 vue render函数应用

ps有啥不会的先看官网，看不懂再看我这边文章。我只是官方文档的翻译官(翻译成人话)????:https://cn.vuejs.org/v2/guide/render-function.htmlq：为啥要用render函数来写？这么喜欢render函数的话我干脆直接用react不更香吗？a：官方原话：Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数，它比模板更接近编译器。翻译成人话：理论上vue开发百

2021-02-13 00:20:51 158

原创 react-native环境搭建时pod install依赖失败

解决方案是在项目目录下的ios文件夹# vim Podfile# 添加代码# pod 依赖名称, git : => 依赖的路径# 例如： # pod 'boost-for-react-native', :git => 'https://gitee.com/vito17326193826/boost-for-react-native’target 'AwesomeProjectTests' do inherit! :complete # Pods for testin

2021-02-11 23:48:25 1095 1

原创 ts装饰器实现node服务

npm init -y替换所需要的依赖，以及脚本路径// scripts "scripts": { "start": "ts-node-dev ./src/index.ts -P tsconfig.json --no-cache", "build": "tsc -P tsconfig.json && node ./dist/index.js", "tslint": "tslint --fix -p tsconfig.json" }, // dep

2020-12-13 18:06:49 348

原创 docker学习

docker是什么？先装个BBuild,Ship and Run Any App,Anywhere 一次封装，到处执行安装docker官方文档：https://docs.docker.com/engine/install/centos/// 卸载旧版本dockersudo yum remove docker \ docker-client \ docker-client-latest \ d

2020-12-08 22:58:04 214

原创 centos7部mysql踩坑日记

老规矩先切一下yum的阿里云镜像mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backupwget -O /etc/yum.repos.d/CentOS-Base.repo http://mirrors.aliyun.com/repo/Centos-7.repo// 生成换成yum makecache开始安装mysqlyum源默认没有mysql-server的package，所以为了省事直接rpm安

2020-12-02 23:52:03 144

原创模仿egg.js实现三层结构

view:视图层controller: 处理一些简单的逻辑service: 处理数据，连接数据库等操作首先先进行路由处理新建routes/index.jsmodule.exports = { 'get /': ctx => { ctx.body = '首页' }, 'get /detail': ctx => { ctx.body = '首页详情' }}新建routes/user.jsmodule.exports = { 'get /': ct

2020-11-29 20:53:10 397

原创基于mongodb,koa参考keystonejs实现定义model自动生成crud接口

先创建一下conf.js和model和index.js// conf.jsmodule.exports = { db: { url: "mongodb://localhost:27017/test", options: { useNewUrlParser: true } }}接着在model下创建user.js// user.jsmodule.exports = { schema: { mobile: { type: String, required: tr

2020-11-21 22:47:35 253

原创 mac下mongodb环境变量的配置以及常规的使用

安装成功之后输入mongod -version，显示版本信息则代表没问题。注意提一嘴的是：mongodb最好手动停一下，不然很容易开机了之后起不起来了。解决的办法就是:mongod --dbpath 文件夹(之前存放数据的data文件夹)，之后restart就好了// 展示数据库show dbs// 新建数据库use test// 新建表db.fruits.save({name:'apple',price:5})// 查询表db.fruits.find()....所有的操作都是对象的形式，

2020-11-17 23:48:10 506

原创 node中sequelize中间件的常规使用

先看常规的，使用mysql连接数据库的写法(async () => { const mysql = require('mysql2/promise') // 链接设置 const cfg = { host: 'localhost', user: 'root', password: 'password', database: 'testdb1' } const connection = await mysql.createConnection(cfg

2020-11-16 22:32:19 170

原创 mac配置maven

step1vim .bash_profile添加环境变量export M2_HOME=/你的maven文件夹路径/apache-maven-3.6.3export PATH=$M2_HOME/bin:$PATH生效一下环境变量source .bash_profilemvn -v

2020-11-14 23:44:04 63

原创 mac下安装homebrew

用中科大的库，是我目前见过最快的。。。/usr/bin/ruby -e "$(curl -fsSL https://cdn.jsdelivr.net/gh/ineo6/homebrew-install/install)"避坑安装中断rm -rf 那个文件，继续执行上面的安装卡在的cloning intocd "$(brew --repo)/Library/Taps/"mkdir homebrew && cd homebrewgit clone git://mirrors

2020-11-14 22:49:54 87

原创 koa学习

为了弥补httpServer的不足，koa对其进行了一层封装，使之api更加的人性化。比如http中的res.end()api响应给客户端，因为是数据流，所以用end来结束好像也很合理，但是总觉得挺奇怪的，koa里则直接是res.body = {}，这样子的api就更加的人性化了。特点·koa2完全使⽤用Promise并配合 async 来实现异步·轻量量，⽆无捆绑·中间件架构·优雅的API设计·增强的错误处理理基础使用const Koa = require('koa')const ap

2020-11-14 13:42:59 133

原创 koa学习之洋葱圈模型学习

直接上代码// const add = (x, y) => x + y;// const square = z => z * z// // const compose = (fn1, fn2) => (...args) => fn2(fn1(...args))// const compose = (...[first, ...other]) => (...args) => {// let ret = first(...args)// other.fo

2020-11-12 00:01:48 542

原创从0到1手写cli脚手架

废话不多说，直接安排初始化npmmkdir vue-auto-cli && cd vue-auto-cli && npm init -y创建一个bin文件夹创建vitocli.js文件,先设置一下编译环境为node#! /usr/bin/env nodeconsole.log('cli....')配置package.json文件,bin{ "name": "vue-auto-cli", "version": "1.0.0", "descripti

2020-11-08 23:24:23 303 1

原创事件监听的方式实现异步编程

index.jsconst logTime = name => { console.log(`Log...${name}` + new Date().toLocaleDateString())}exports.event = async () => { const asyncFunction = name => event => { setTimeout(() => { logTime(name) event.emit('end'

2020-11-07 20:59:49 540

原创 vue,递归组件：自动菜单的实现！

目录结构index.vue<template> <el-scrollbar wrap-class="scrollbar-wrapper"> <el-menu :default-active="activeMenu" :background-color="variables.menuBg" :text-color="variables.menuText" :unique-opened="false" :

2020-11-03 23:38:51 809 1

原创 vue项目svg打包成雪碧图优化

vue.config.js配置安装依赖npm i svg-sprite-loader -D配置 chainWebpack(config) { // 修改当前项目默认svg的配置, 排除icons目录 config.module.rule('svg') .exclude.add(resolve('./src/icons')) // 新增一个规则，可以添加icons里面svg文件 config.module.rule('icons') .test(

2020-11-02 00:32:19 823

原创 ts总结

// 类型注解let var1: string;// 类型推论const var2 = true;// var2 = 'sss'// 原始类型： string number boolean undefined null symbol void ...let var3: string | number;// 类型数组let arr: string[];// 任意类型let varAny: any;// 函数类型约束, string参数类型， number返回类型functio

2020-11-01 21:49:47 142

原创仿vue-router实现

我们先看下vue-router的用法1.Vue.use(Router) ====>说明是一个插件，我们要实现install方法2.传入了一个routes数组创建vvue-router.js那么问题来了？我们如何获取到根组件呢？？？看官方文档：提供了mixin的api我们可以在beforeCreate(该生命周期已经获取到组件实例，我们不依赖data数据，所以beforeCreate足以)的生命周期中通过mixin获取到所有的vue实例，那么根组件有什么特点呢？我们在main.js

2020-10-18 17:38:09 154

weixin_45746826的博客