young_sam的博客

【代码】vue 动态watch 方法。

【代码】display-grid 内容滚动处理。

【代码】关于Vuetypescript 项目数组 Array.at 方法报错解决方案。

git branch --set-upstream-to origin/新分支名称。git push --delete origin 自己的原分支名称。git branch -m 原分支名称 新分支名称。git push origin 新分支名称。git checkout 新分支名称。五、修改后的本地分支与远程分支关联。一、重命名自己本地的分支。二、删除远程自己的原分支。三、推送新命名的分支。

相当于用于一种变量，

'点击事件，btn1''点击事件，btn2''点击事件，btn3'

css 垂直居中方法

vue 异步加载 main.js

css table-layout 使用方法

Array.at()返回数组对应的索引对象const list = ['apple','boy','cat']const apple = list.at(0) // appleconst boy = list.at(1) // boyconst cat = list.at(2) // cat// 也可以使用负数表示倒数第几个const apple = list.at(-1) // appleconst boy = list.at(-2) // boyconst cat = list.at(

委托事件简单来说就是用父类元素进行绑定事件处理，通过将参赛绑定到子属性上进行事件交互先看看原始方法<template> <div> <ul > <li v-for="item in list" :key="item.value" @click="handleClick(item)"> </li> </ul> </div></template><s

代码直接上navigator.userAgent

代码直接上navigator.userAgent

代码<el-table @row-click="handleRowClick"> <el-table-column align="center" label="数量" > <template slot-scope="scope"> <div @click.stop> <el-input-number v-model="scope.row.

download(res: bold){ /** bold 类型 创建一个dom对象 标签 a */ const a = document.createElement('a') /** 对bold 类型 解析地址 */ a.href = URL.createObjectURL(res) /** a 标签的属性 */ a.download = `$xxxx.xlsx` // 这里填保存成的文件名 .

package.json "devDependencies": { "babel-loader": "~8.1.0", "concurrently": "^5.2.0", "eslint": "7.5.0", }可以看到依赖包对应的版本号"eslint": "7.5.0" 这里就是下载 7.5.0 版本"concurrently": "^5.2.0" 这里就会下载 5.x.x最新版本，简单来说会下载 5开头最新版本，假如有个6.x.x版本出现，不会更新到6.x.x.

和last-child都有选中匹配父元素中,最后一个元素。会匹配每种不同元素的最后一个,意思是同一个父元素存在span和p最后一个元素是.test都会被选上。last-child只会匹配最后一个元素的.test。

vue.config.jsmodule.exports = { devServer: { '/abc': { target: 'http://192.168.166.27:8025/', // 测试环境 changeOrigin: true }, }}假如有接口调用的时候写的url是：aixos.get('/abc/api/save')实际调用地址是 http://192.168.166.27:8025/abc/api/savepat

效果图 <div class="m-operation__more"> <i class="el-icon-more" /> <div class="m-more"> <div class="m-more__detail"> <div class="m-more__content"> <div class="m-mo

直接上代码/** 复制内容 */export function handleCopy (value: string) { /** 创建一个input元素 通过执行选择input里面的value 执行copy命令 即可 然后 消除元素 */ const dom = document.createElement('input') dom.value = value document.body.appendChild(dom) dom.select() document.execComm

创建一个git 项目仓库提交一下图片或者文件信息最后点击发布输入版本号码通过jsDelivr引用资源https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径例如：https://cdn.jsdelivr.net/gh/DGdsamyoung/CDN@1.1/image/social/wechat.png...

class 里面的get方法class Computed { n = 4 get Num () { return (m: number) => { return this.n * m } }}const a = new Computed()const b = a.Num(3) // 12Vue// html<div>{{ total(3) }} </div>// jscomputed: { total()

什么是泛型简单来说，泛型是指一种类型在不同地方，存在不同的值,列如以下function creatValue(a: string):string { return a;}function creatValueNumber(a: number):number { return a;}或者使用any,但是这样会失去使用ts的类型约束，现在改为使用泛型就可以解决这种问题function creatValue<T>(a: T):T { return a;}creatValu

重新更新项目里面的包，使用淘宝镜像npm install node-sass --registry=https://registry.npm.taobao.org

创建一个文件toolexport interface IStorageStore { /** 过期时间 */ expiredAt: number; /** 保存的内容 */ value: any;}export interface IGetStorageInfo { /** 是不是过期 */ expired: boolean; /** 缓存过期的时间戳 */ expiredAt: number; /** 缓存过期的时间戳 - 当前时间戳 */ expiredI

数字为键命名const data :{[key: number]: string} = { 1: 'a', 2: 'b'}// data[1] = 'a'// data[2] = 'b'当后端返回的对象键不确定的时候const data :{[key: string]: string} = { 'xxx': 'a', 'abc': 'b'}// data['xxx'] = 'a'// data['abc'] = 'b'...

const a = { d: '1', c: '2',};const b = { ...a, d: '2'};console.log(b);/** d:'2' c:'2' */这样写可以将a的内容d对象覆盖const a = { d: '1', c: '2',};const b = { d: '2', ...a,};console.log(b);/** d:'1' c:'2' */这样写a会覆盖上面对应写的内容...

branchgit branch 查看本地全部分支-a 查看本地和远程仓库分支-r 查看远程仓库分支-d xxxx 删除分支(在删除前检查merge状态（其与上游分支或者与head）。-D直接删除)-m oldName newName 重新命名分支checkoutgit checkout xxx 切换到xxx分支git checkout -b xxx 以当前分支创建一个新的分支git checkout -- filepathname 放弃单个文件修改,注意不要忘记中间的"–",不写就成了检

1. 增加点击热点.button { position: relative; /* [其余样式] */}.button::before { content: ''; position: absolute; top: -10px; right: -10px; bottom: -10px; left: -10px;}注意不能存在overflow: hidden 属性 否则会失效