金大大的博客

原创 【无标题】在点击元素位置插入div

【代码】【无标题】在点击元素位置插入div。

原创 获取DOM元素的最外层父元素

获取DOM元素的最外层父元素

原创 Chrome Dev Tools

Dev tools

转载 2021-04-01

git 提交 全部文件1、git add .git add xx 命令可以将xx文件添加到暂存区，如果有很多改动可以通过get add -A .来一次添加所有改变的文件。注意 -A 选项后面还有一个句点。git add -A 表示添加所有内容，git add . 表示添加新文件和编辑过的文件不包括删除的文件；git add -u 表示添加编辑或者删除的文件，不包括新添加的文件。2.、git commit -m “提交注释”3、git push origin 分支名称，一般使用： git push

原创 git ssh key的配置,git生成ssh公钥

git clone支持https和git（即ssh）两种方式下载源码。使用git方式下载时，如果没有配置过ssh key，则会有如下错误提示：1.首先配置用户名，邮箱。git config --global user.name "这里换上你的用户名"git config --global user.email "这里换上你的邮箱"2.生成秘钥ssh-keygen -t rsa -C "这里换上你的邮箱"3.执行命令后需要进行3次或4次确认：确认秘钥的保存路径（如果不.

原创 $listeners详解与使用。.native修饰的事件

$listeners注意不要拼写错误！！！！$attrs的内容详见$attrs和inheritAttrs的详解与使用官方解释：简言之，用v-on绑定的且不用.native修饰的事件。可通过$listeners传递。例子：one组件<template> <div> one组件 <!-- <two :name='name' :age='age' @eventOne='eventHandler' @click.nati...

原创 Vue2.4中$attrs和inheritAttrs的详解与使用

1. $attrs官方解释：简言之，$attrs相当于跨组件传参的桥梁，1.在版本2.4以前，默认情况下父组件传递的不被子组件props接受的属性，将会“回退”且作为普通的HTML特性应用在子组件的根元素上。如下列的例子组件one：<template> <div> <two :name='name' :age='age' /> </div></template><script>imp..

原创 git提交出现commit提醒信息界面如何退出

1.esc 退出编辑模式2.shift+： 进入 vi模式3.输入 q 退出 q退出 q！ 强制退出 wq 写入保存退出在GIT配置中设置core.editor: git config --global core.editor "vim"

原创 git 误在developer上修改了代码如何把修改切换到自己分支

隐藏当前更改（在developer上）git stash save -u "需求 a 只完成了一半"切换到自己的分支git checkout xxxx查看stash了哪些存储,键值对的存储方式:key:valuegit stash list将存储拉回到当前分支 0 是key# 将堆栈中的最近一次 stash，应用到工作区（删除堆栈的内容）git stash...

原创 linux基础命令

rz 上传 rz 回车 选择文件夹 点击确定 上传ll 查看当前文件夹目录sz 下载 sz+ 文件名 CRT》选项》会话选项》类别（x/y/Zmodem）下载路径 unzip tar unrar 压缩 压缩：tar czvf 压缩后文件名字 压缩文件夹名ps: tar czvf fis-bus_back02.tar.gz fis-bus解压：tar ...

原创 less scss 图片路径变量

less<style scoped lang="less">@imgurl: "./images/";.container { width: 100%; height: 100%; background: url("@{imgurl}background.jpg") no-repeat center; background-size: cover;}&l...

原创 echarts brushType: 'stroke' 不起作用问题

换成 type:'effectScatter' 特效散点图(水波纹图) type:'scatter'//散点（气泡）图然后就是波浪特效了 // 何时显示特效 showEffectOn: 'render', // render绘制完成时显示特效 emphasis hover时显示特效 rippleEffect:...

原创 vue+element 身份证号码以及有效性校验 适用 15位 或18位

data () { let idCardValidity = (rule, code, callback) => { var city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江 ", 31: "上海", 32: "江苏", 33: "浙江",...

原创 vue脚手架3.x @vue/cli 外部json文件配置

public文件夹相当于静态文件，打包之后不会被压缩。res.data就是你要的json数据。

原创 webPack 打包压缩gizp

compression-webpack-plugin非常好用的压缩插件，适用于vue-cli版本2以上查看安装vue-cli版本修改config下的index.js这时候 npm run build 会打包失败缺少依赖，安装（一定要带版本号）cnpm install --save-dev compression-webpack-plugin@1.1.12错误信息详细参...

原创 Angular Http、Jsonp、rxjs请求

Http请求依赖注入import { HttpModule} from “@angular/http”;页面引入Httpimport { Http} from “@angular/http”;constructor(private http:Http){ }get请求this.http.get(url).subscribe(function(data){console.log(...

原创 angular父子组件通信 ，一个模块使用另一个模块的组件

父组件1.parent.component.html<div class="parentBox"> <p> parent works! </p> <!--[]传参 （）传递方法 --> <app-child #child [fromParent]="parent" (notify)="onNotify($...

原创 解决使用angular2路由后，页面刷新后报404错误。

点击路由链接跳转页面是正常的，但是当刷新页面时就出现了404错误。解决方法如下：在app.module.ts中添加import:import {HashLocationStrategy,LocationStrategy} from '@angular/common';并在 providers下添加所引入的服务：providers: [{provide: LocationStr...

原创 angular 强制刷新视图

使用angular的过程中有时会出现数据已经更新了，但是对于的视图没有更新，针对这一情况，可以是用angular提供的方法强制更新视图。import { Component, OnInit } from '@angular/core';import {NgZone} from '@angular/core'@Component({ selector: 'app-showmain'...

原创 更新本地 angular开发环境

npm uninstall -g angular-clinpm uninstall -g @angular/clinpm cache clean --forceDelete the C:\Users\YOU\AppData\Roaming\npm\node_modules\@angular folder.然后用 ng -v 检查npm install -g @angula...

原创 angular命令、 装饰器、 生命周期简介

1.命令ng newprojectName--style=scss //创建scss的项目npm install yarn -g 创建yarn环境 (用yarn代替npm)yarn install (按照package.json安装依赖包)ng serve -o（运行并打开）ng g ccomponentName创建组件ng g mmoduleName...

原创 webpack打包vue项目后，配置可以修改的配置文件

1.先安装generate-asset-webpack-pluginnpm install --save-dev generate-asset-webpack-plugin注意：--save-dev（安装在devDependencies）开发环境使用 --save （安装在 dependencies）生产环境使用2.需要更改 build文件夹下的 web...

原创 vue组件间传参 兄弟组件传参 bus传参

1、创建Bus.js。挂载一个vue实例import Vue from 'Vue'export default new Vue()2.引入要用的组件（组件one和组件two是兄弟组件）想通过bus.js传参。one组件<template> <div>one组件 <input v-model="oneMsg" />...

原创 find filter 的区别

<template> <div> <div> <button @click="find_fun">点我</button> </div> </div></template><script>export default { data() { ...

原创 数组[]，对象{}，NaN 的相等判断无效

原创 vue 子组件向父组件传参，子组件通过$parent调用父组件方法和获取其属性（主动获取父组件的数据和方法）

1.子组件通过$emit 向父组件传参1.1.子组件：<template> <div class="content"> <h2>我是子组件</h2> <div> <button @click.prevent="child_fun('我是子组件传递到父组件的数据')">调用父组件的方法<...

原创 vue父组件向子组件进行传值 父组件用$children主动获取子组件的属性方法

父组件向子组件进行传值父组件：<template> <div> <h2>我是父组件：</h2> <div> <input v-model="parementMsg"/> </div> <div> <!-...

原创 vs Code配置vue代码片段

文件>首选项>代码片段新建代码片段：1.新建一个vue.json 的文件保存到本地。2.打开vue.json这个文件3.粘贴下面代码4.选择vue回车。{ "Print to console": { "prefix": "vue", "body": [ "<template>", " <div>\n", " ...

原创 keep-alive include和exclude无效问题，踩坑！

include 使该标签作用于所有name属性的值跟此标签 include的属性值一致的vue页面exclude 使该标签不作用于所有name属性的值跟此标签 exclude的属性值一致的vue页面然后我就掉进坑里了，配置了一堆路由的name！！！！！无效！！！使用include/exclude 属性需要给所有vue类的name赋值（注意不是给route的name赋值），否则 incl...

原创 访问对象的属性和方法的两种方式

访问对象的属性和方法一种是 “.” 另一种是“[‘属性名’]”

原创 复制链接

问题：复制链接需求实现： <style> .copyLink { color: #40a9ff; cursor: pointer; } </style> <body> <p> <span id="linkUrl">链接：https://www.baidu.co...

原创 vue.2.x升级到3.x 初试水

npm uninstall -g vue-cli 卸载2.xnpm install -g @vue/clivue --version 查看vue版本创建项目vue create my-projectvue cli 3.0相关链接：https://cli.vuejs.org/zh/guide/单页面应用单页面应用npm install -g @vue/cli-ser...

原创 vue中，获取一个div的高赋值给另一个div （自适应）

vue中，获取一个div的高赋值给另一个div （自适应）问题描述：左侧是video 为了让video不出现黑边 video是16：9的（怎么写成16：9的盒子 下次说）， 左侧的高度会随着页面宽度的变化而变化。起初是让左右等高用的flex盒子。右侧信息栏 有个笔记，笔记的条数不限制。就会出现右侧撑开了左侧的盒子。让左侧的盒子下边出现空白，很丑。解决办法获取左侧盒子的高度赋值给右侧盒子...