{{span1}} {{span2}} 次上傳
過去一年提交{{total}}{{oneyearbeforeday}} - {{thisday}}
最近一月提交{{thisweekdatacore}}{{amonthago}} - {{thisday}}
最近一周提交{{weekdatacore}}{{aweekago}} - {{thisday}}
vue 杂记
常用包 @vue/cli全局安装脚手架 初始化项目 vue create web-community-client创建项目（Manually select features->Choose Vue version，Babel， Router，Vuex，CSS Pre-processors，Linter / Formatter->n->Sass/SCSS (with dart-sass)->ESLint + Standard config->接下来使用默认即可） 组件通信父子组件通信中常用三种方法 1<child-component :property="data"></child-component> 在父组件中，使用component引用子组件，然后使用props属性： 使用Vuex状态管理进行父子组件通信，定义store.js，并定义state，在state中定义传递的属性比如叫childProperty。然后，在子组件中，使用store.state.childProperty进行使用。 使用route ...
vee-validate
自定义校验规则main.js 123456789101112131415import Vue from 'vue'import App from './App.vue'import router from './router.js'import "./vee-validate"import axios from 'axios';Vue.config.productionTip = falseaxios.defaults.baseURL=process.env.NODE_ENV!=='production'?'http://localhost:3000':'http://aaa.cxvh.com'new Vue({ router, render: h => h(App),}).$mount('#app') vee-validate.js 1234567891011121314151 ...
web常用命名规范
网页外层重要部分 css 样式命名 name 中文意思 位置 外套 wrap 用于最外层 头部 header 用于头部 主要内容 main 用于主体内容（中部） 左侧 main-left 左侧布局 右侧 main-right 右侧布局 导航条 nav 网页菜单导航条 内容 content 用于网页中部主体 底部 footer 用于底部 二、css/ID 命名参考表 name 中文意思 #wrapper 页面外围控制整体布局宽度 #container 或#content 容器,用于最外层 #layout 布局 #head, #header 页头部分 #foot, #footer 页脚部分 #nav 主导航 #subnav 二级导航 #menu 菜单 #submenu 子菜单 #sideBar 侧栏 #sidebar_a, #sidebar_b 左边栏或右边栏 #main 页面主体 #tag 标签 #msg #message 提示信息 #tips 小技巧 #vote 投票 # ...
常用正则
在线练习regextester deerchao https://deerchao.cn/ https://deerchao.net/ 示例邮箱格式 1/^[a-zA-Z0-9_-]+@([a-zA-Z0-9]+\.)+(com|cn|net|org)$/ 1/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/; 手机格式 1/^1[3-9]\d{9}$/ //myReg.test(tel)为true 有效 纯英文 1/^[a-zA-Z]+$"/ //纯英文 myReg.test('')为true 为纯英文 纯中文 1/[^\u4e00-\u9fa5]/ //纯中文 myReg.test('')为true 为不是纯中文 特殊符号 1/^[\u4e00-\u9fa5a-z]+$/gi //特殊符号 只剩中英文 myReg.test('')为true 为不含特殊符号 ...
vue-cli
脚手架初始化项目的方法doc 安装命令：npm install -g @vue/cli or yarn global add @vue/cli 快速原型开发：npm install -g @vue-cli-service-global win用户遇到卡住不动情况建议用 git bash vue-cli3 初始化方式vue-cli-create-app vue create app vue-cli2 初始化方式vue-cli-init-app vue init webpack app vue-cli-init-simple-app vue init webpack-simple app 常用命令 npm install安装依赖项 npm run serve or yarn serve在本地主机：8080进行热重载 npm run build精简生产 npm run build --report为生产而构建并查看包分析器报告 npm run unit运行单元测试 npm run e2e运行e2e测试 npm test运行所有测试 脚手架命令 vue ...
hexo 博客
安装 安装 nodejs 初始化hexo并启动123456789# 全局安装 hexo 脚手架npm install hexo-cli -g# 初始化hexo init blogcd blog# 安装依赖npm install# 启动hexo server hexo 脚手架命令1234567891011121314151617181920# 创建文章hexo n '我的第一篇博客文章'hexo new '我的第一篇博客文章'# 创建目录hexo new page tags # 标签页hexo new page categories # 分类页hexo new page archives # 归档（时间轴）# 清理缓存hexo clhexo clean# 打包hexo ghexo generate# 发布hexo dhexo deploy# 运行hexo s hexo server -p 80 使用皮肤 安装皮肤npm i hexo-theme-butterfly 根目录_config.yml文件配置：theme: butterfly ...
