- 博客(23)
- 收藏
- 关注
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人