理个以哈呦-CSDN博客

原创 Mac OSX 平台安装 MongoDB

一、Mac OSX 平台安装 MongoDB参考// 下载地址 https://www.mongodb.com/try/download/community// 安装参考地址 https://www.runoob.com/mongodb/mongodb-osx-install.html一、brew tap mongodb/brew// 安装之前确保在 /usr/local/var/log 文件夹有读写权限// @ 符号后面的 4.4 是最新版本号。二、brew install mongodb-

2021-04-08 19:39:54 429

原创 mac安装mysql 8.0.23

mysqlbrew install mysql 版本8.0.23一、配置文件位置/usr/local/etc二、启动方式brew services start mysql 启动brew services restart mysql 重启三、安装后本地登录root没有密码决绝方式在配置文件中添加skip-grant-tables // 进行免密码登录// mysql下面的用户信息存在表 mysql// 查询原有数据select host,user,authentication_

2021-04-08 19:35:26 448

原创 js 实现观察者模式

// js创建观察者，将代码放在必报之中，当前页面接在之后就进行执行 let Observer = (function () { let _message = {}; // 存储消息的队列 return { regist: function (type, fn) { // 进行消息注册注册的类型、操作事件 if (typeof _m

2021-02-19 15:08:21 356

原创项目打包提取公共模块

背景：项目加载第三方包过多，导致上线前构建速度过慢，于是进行将第三方包与项目代码进行分离。一、实时方案一，将第三方包单独构建为一个xx.js文件，在后续代码构建的时候，第三方构建包不参与打包过程，节省打包时间。1、新建 webpack.dll.conf.js ，进行单独打包配置，将下列库单独打包 1.1、 vue、vue-router、axios、element-ui、ag-gird、vue-axios、vue-quill-editor、echarts、vue-print-nb

2021-01-12 15:00:47 334

原创 canvas 绘制日历

/// index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> bo

2020-11-11 15:06:23 505

原创 js vue 根据城市名称按A-Z进行排序展示

城市json文件引用地址：https://blog.csdn.net/u012339794/article/details/43483947window.CITYS = [ {"label": "北京Beijing010", "name": "北京", "pinyin": "Beijing", "zip": "010"}, {"label": "重庆Chongqing023", "name": "重庆", "pinyin": "Chongqing", "zip": "023"},

2020-07-10 15:12:37 3509

原创基于Vue、element ui 来进行第三方UI库开发、打包、发布，站点发布支持markmod语法

一、基于Vue、element ui 来进行第三方UI库开发、打包、发布，站点发布支持markmod语法二、目录结构介绍 . ├── build // 构建信息脚本 │ └── bin ├── dist // 前台API站点 │ ├── js │ └── static ├── example // 前台API站点源码 │ └── src ├── lib // 打包UI库文件 │ └── theme-chalk

2020-06-22 11:33:40 480 1

原创 vue 结合原生tabe 渲染表格实现固定头部、固定右侧、单选按钮、单元格拖拽监听位置

1.vue 结合原生tabe 渲染表格实现固定头部、固定右侧、单选按钮(避免el-table 数据量大卡顿)// table.vue<template> <div id="oldTable" v-if="headerData.length && tableData.length"> <div class="table-scroll-mod" :style="{height: height+ 'px'}">

2020-06-22 11:23:19 914

原创 storybook+Vue

storybook 实例功能介绍.storybook/webpack.config.js 可以用来重写 storybook 的默认配置相关插件介绍和使用1. knobs knobs插件提供一个表单控制台，用户可以通过表单控制台来改变组件相关属性，展示不同属性下的组件2.actions actions插件让用户在对组件的操作，可以反应在底部的日志里面3.storysource addon插件可以让你直接在界面上看到当前sotry的源码4.docs addon-d

2020-06-22 11:06:37 1141

原创 express 测试浏览器缓存

// 测试Server端 express// Cache-Control 设置缓存const express = require('express');const fs = require('fs');const path = require('path');app.get('/*.css', function(req, res) { /** * @title 设...

2019-06-24 11:51:07 1262

原创 Typescript注解

// test-descriptor.ts/** * 1.注解(装饰器)是一类特殊类型的声明，可以用在类、方法、构造器、属性和参数上。 * 2.其实本质上，定义一个注解，就是定义一个TypeScript方法，只是该方法必须符合官方的规范。 * 3.方法分别返回符合规范的函数闭包，参数target、propertyKey、descriptor。经测试，这三个参数中target和propert...

2019-06-21 11:21:21 12206

原创 typeScript interface和type区别

typeScript interface和type区别interface 参考资料 ----> https://www.tslang.cn/docs/handbook/interfaces.html// ts 自定义类型/** * Interface(接口) vs Type alias(类型别名) * 相同点-> 都可以描述一个对象或者函数 * ->...

2019-06-20 11:38:27 9563

原创 Typescript 记录

// 基础类型// 布尔值let isDonen: boolean = false;console.log('布尔值:', isDonen);// 数字类型let decLiteral: number = 6;console.log('数字类型:', decLiteral);// 字符串let nameStr: string = "bob";nameStr = "smith"...

2019-06-19 16:48:59 174

原创 Object.freeze和Object.seal

===============Object.freeze===============const freeObj = {name: 'zyn'}const freeObj1 = Object.freeze(freeObj)freeObj === freeObj1 // trueObject.isExtensible(freeObj1) // false 不可以被扩展Object.getO...

2019-06-19 16:24:17 340

原创 vue provide / inject

vue 使用 provide，inject。2.2.0 新增provide / inject 介绍provide 用法inject 用法实现 provide / inject 可监听provide / inject 介绍1. provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。2. 这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个...

2019-06-12 09:56:44 800

原创 windows安装MongoDB

windows安装MongoDB1.下载MongoDB 下载https://www.mongodb.com/download-center/community2. 进行自定义安装 C：/mongodb3. 创建自定义的db目录和log目录3.创建配置文件创建一个配置文件。该文件必须设置 systemLog.path 参数，包括一些附加的配置选项更好。例如，创建一个配置文件位于 C...

2019-05-24 11:47:34 110

原创 String和Buffer

一、JS语言自身只有字符串数据类型，没有二进制数据类型，因此NodeJS提供了一个与String对等的全局构造函数Buffer来提供对二进制数据的操作// 可以将文件的内容读取到Buffer实例，或者是直接构造Buffer实例。var hello = new Buffer([ 0x68, 0x65, 0x6c, 0x6c, 0x6f ]);// Buffer与字符串类似，除了可以用.leng...

2019-05-22 15:45:19 2121

原创 git 操作记录

一、git分支操作命令介绍git clone xxx克隆远程仓库代码git branch -a查看当前仓库的所有分支(包括本地分支和远程分支)git branch -r查看当前仓库的远程分支git branch -d branchName删除分支(不能再当前分支删除当前分支)git branch -D branchName强制删除分支(不能...

2019-05-17 14:58:47 600

原创 vue组件间通信($attrs, $listeners)

一、介绍 $listeners(自下而上传递数据)， $attrs(自上而下多组件传递数据)在vue组件化开发过程中，涉及到多层组件嵌套，但如果仅仅是传递数据，而不做中间处理，使用Vuex层架复杂度这时候使用。代码参考地址：https://gitee.com/ligeyihayou/attrs-listeners二、设计文件结构// juejin.vue 路由组件入口// com-one...

2019-05-17 11:06:03 548

原创 js 自定义事件

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi...

2019-05-15 11:03:06 739

原创 Vuecli3.0 借助DLLPlugin 和 DLLReferencePlugin 用某种方法实现了拆分 bundles，同时还大大提升了构建的速度。

DLLPlugin 和 DLLReferencePlugin Vuecli 3.0在vue项目，在打包的过程中将，常用的包进行提前打包，节省之后打包的时间。1.新增库打包文件webpack.dll.conf/** * Created by zyn on 2019/5/10. */const path = require('path');const webpack = require(...

2019-05-10 16:36:40 2378

原创 js自动检测是否使用new关键字创建函数

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi...

2019-05-06 14:44:33 656

原创正则表达式集合(持续添加)

const Regex = { Number: /^[0-9]+(.[0-9]+)?$/, //数字 PositiveInteger0: /^([1-9]\d*|[0]{1,1})$/, //正整数、0 PositiveInteger: /^([1-9]\d*)$/, //正整数 Money: /^[0-9]{1,9}(\.[0-9]...

2019-04-29 10:19:59 308

原创 js 为dom绑定事件发生了什么

一、js 为dom绑定事件发生了什么？DOM2级事件规定事件分为三个阶段事件捕获阶段事件捕获定义了事件首先由最外层的元素（window）接收，然后才是下级元素处于目标阶段捕获到当前绑定的dom元素事件冒泡阶段从当前捕获阶段线上冒泡到document元素addEventListener 可选参数介绍：capture: Boolean设置为tr...

2019-04-28 11:32:03 233

原创简述：浏览器的缓存

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浏览器的缓存</title></head><body><script> //// 浏览器的缓存 // 1. 如...

2019-04-26 17:59:45 132

原创 vue-cli 3.0 vue-cli-service.js解读

#!/usr/bin/env nodeconst semver = require('semver')const { error } = require('@vue/cli-shared-utils')const requiredVersion = require('../package.json').engines.nodeif (!semver.satisfies(process....

2019-04-26 17:51:25 1542

原创 setTimeout模拟定时器，及清除该定时器

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi...

2019-04-26 17:48:58 3153

原创 js 工具类方法记录

/** * Created by zyn on 2019/3/22. */const Utils = { getTime(dateTimeStr) { dateTimeStr = dateTimeStr.substring(0, 19); dateTimeStr = dateTimeStr.replace(/-/g, '/'); ret...

2019-04-26 17:36:40 129

原创 js继承优缺点详览

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-04-26 17:24:16 138

原创 Vue Cli 3.0 拆包配置

1.修改配置文件vue.config.jsconst feMockHandler = require('./vue.mock')const feLogHandler = require('./vue.log')const feProxy = require('./vue.config.proxy')// vue.config.js 配置说明module.exports = { ...

2019-04-26 17:15:09 3452

原创 Vuecli 3.0 项目自定义添加静态目录，支持在index.html引入

// Vuecli 3.0 项目自定义添加静态目录，支持在index.html引入 // 在VueCli3.0 以脚手架创建的项目中，public 中的文件不会被webpack进行打包，在npm run build 之后全部都会copy到 dist中一、在src的同级别目录添加static(vuecli2.0) (mkdir static/js/c...

2019-04-24 13:49:30 13066

原创 Vue cli3.0 安装快速选择项介绍

// Vue cli3.0 安装快速选择项介绍一、vue create myProject // 创建项目名称 TypeScript Progressive Web App (PWA) Support 支持渐进式网页应用程序 Router 路由管理器 ...

2019-04-23 10:10:00 626

原创 js 数组操作方法

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi...

2019-04-18 14:49:09 103

原创 clipboard在Vue项目中点击两次可以进行复制，解决。

// 使用环境： Vue-cli3 复制剪切板插件：clipboard// 安装： npm install clipboard -save <p data-clipboard-action="copy" :id="'copy-'+ elindex" class="class-list-item__title" :data-clipboard-text="classInf...

2019-04-10 16:46:22 2356

原创 notification 组件

// element-ui// notification 组件// DOM 解析/** 1. transition 用来设置过度动画 2. customClass 传入自定义的类名 3. position 传入默认弹出的位置 4. horizontalClass 会根据传入默认弹窗的位置添加对应的 right left 类名 5. positionStyle 绑定Class 该...

2019-03-21 15:49:43 818

原创 v-text v-html {{}} 三者之间的区别

<template> <transition name="el-notification-fade"> <div :class="['el-notification', customClass, horizontalClass]" v-show="visible" :style="positionStyle" ...

2019-03-21 15:19:10 2890

原创 Vue $slots.default

// 子组件demo<template> <div> <slot></slot> <slot name="up"></slot> </div></template><script type="text/ecmascript-6"> ...

2019-03-20 14:31:00 11872

原创 js实现截取时间段进行倒计时和指定时间倒计时

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2019-02-15 11:48:46 1149 1

原创浏览器缓存介绍

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>浏览器的缓存</title></head><body><script&a

2018-10-12 10:34:50 163

原创 js秒杀倒计时

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body onload="miaosha();"><p cl

2018-10-11 16:18:24 3903

空空如也

空空如也