- 博客(205)
- 收藏
- 关注
RSS订阅
原创 前端几个在线模拟器
1、vue在线模拟器https://codesandbox.io/s/vue-template-z5xud?fontsize=14&file=/src/App.vue2、websocket在线模拟器https://jsbin.com/qixijunocu/edit?js,console3、JS正则在线工具https://c.runoob.com/front-end/85...
2020-04-16 14:06:26
3111
原创 Jenkins Error 403 No valid crumb was included in the request
找到Jenkins安装目录，我的是centos yum方式安装的，在 /var/lib/jenkins。excludeClientIPFromCrumb 的值改为 true。
2024-03-07 21:31:11
615
原创 mac命令
brew --cachecp ~/Downloads/flac-1.3.4.tar.xz /Users/xxx/Library/Caches/Homebrew
2022-08-02 21:39:05
643
原创 git stash的使用
git stash pop stash@{xx}git stash listgit stashgit stash drop {xx}
2022-05-31 09:43:46
209
原创 js获取元素与当前可视区域顶部的距离
var box=document.getElementById(‘box’); // 获取元素alert(box.getBoundingClientRect().top); // 元素上边距离页面上边的距离alert(box.getBoundingClientRect().right); // 元素右边距离页面左边的距离alert(box.getBoundingClientRect().bottom); // 元素下边距离页面上边的距离alert(box.getBoundingClient.
2022-05-16 11:12:18
7752
原创 CSS限制字数,超出部份显示点点点...
CSS限制字数,超出部份显示点点点...最近项目中需要用CSS实现限制字数,超出部份显示点点点...，只需要几行代码即可：width:400px;/*要显示文字的宽度*/text-overflow :ellipsis; /*让截断的文字显示为点点。还有一个值是clip意截断不显示点点*/white-space :nowrap; /*让文字不换行*/overflow : hidden; /*超出要隐藏一行内超出点点点overflow:hidden; /*超出的部分隐藏起来。*/.
2022-03-31 11:12:56
13319
原创 tsconfig.json部分配置
注意下面这条 隐式any"noImplicitAny": true, // 不允许隐式的any类型compilerOptions:配置编译选项详解TypeScript项目中的tsconfig.json配置 - 简书"compilerOptions": { "incremental": true, // TS编译器在第一次编译之后会生成一个存储编译信息的文件，第二次编译会在第一次的基础上进行增量编译，可以提高编译的速度 "tsBuildInfoFile": "./bui...
2022-02-09 10:08:14
329
原创 react(jsx) 限制属性传值类型和默认属性
import React, { Component } from 'react'import PropTypes from 'prop-types' // 没有提示直接导入，不需要安装export default class Sub extends Component { // 在class内部，通过static修饰的属性，就是静态属性 static defaultProps = { num: 888 } static propTypes = { .
2022-01-31 11:51:00
758
原创 npm 发布命令
npm version patch 版本号更新命令npm publish --registry=https://registry.npmjs.org/ 为了能在npm 搜索得到加上参数npm publish 源可以用，但在npm 搜索不到
2022-01-29 00:33:33
1173
原创 前端一键安装脚本工具
Shell 将帮助您安装开发 web 项目的工具，如自制程序、 git、 nvm、 node (LTS)、 omz 等等。您永远不会关心这些工具的安装地址。 支持 MacOS 和 CentOScurl -o- https://raw.githubusercontent.com/CasoMemory/easy-install/main/shell.sh | bashGitHub - CasoMemory/easy-install: Just one-click initialize develo.
2022-01-29 00:19:02
936
原创 替代resize的ResizeObserver API
API对比window.resize事件或者window.orientationchange，由于reize事件会在一秒内触发将近60次，所以很容易在改变窗口大小时导致性能问题。换句话说，window.resize事件通常是浪费的，因为它会监听每个元素的大小变化（只有window对象才有resize事件），而不是具体到某个元素的变化。如果我们只想监听某个元素的变化的话，这种操作就很浪费性能了ResizeObserver API监听一个DOM节点的变化，这种变化包括但不仅限于：某个节点的出现和
2022-01-20 18:06:41
1051
原创 qiankun属性主应用开启
子应用可通过获取以下属性判断子应用是否嵌套在主应用中window.__POWERED_BY_QIANKUN__true 值为这个时代表，主应用开启嵌入子应用false 没有开启
2022-01-20 17:57:51
777
原创 sublime快捷键生成html5基本模板
新建一个文档（Ctrl +N） Ctrl + Shift +P，打开命令模式，输入sshtml 进行模糊匹配，将语法切换成html模式 输入 html，再按下Tab 或者 （Ctrl + E），就可以快速生成。 输入script ,再按下tab生成标签
2022-01-20 17:37:43
2201
原创 npm version
查看npm包版本npm view package version 查看某个 package 的最新版本。npm view conard versions查看某个package在npm服务器上所有发布过的版本。标准版本SemVer规范的标准版本号采用X.Y.Z的格式，其中 X、Y 和 Z 为非负的整数，且禁止在数字前方补零。X 是主版本号、Y 是次版本号、而 Z 为修订号。每个元素必须以数值来递增。 主版本号(major)：当你做了不兼容的API 修改 次版本号(mi...
2022-01-04 16:48:32
497
原创 Git tag 的使用
Git tag通常用于标记版本发布的某一个点。当有大型项目要发布到正式环境，可以给这个commit打上一个版本tag，来标识它的版本信息。tag 的常用命令例如，添加、删除、共享标签、查看标签等添加 tag1、添加 轻量标签git tag <标签名>// git tag 0.1.02、添加附注 taggit tag -a <tag名> -m <注释文字>Git 的最佳实践推荐使用附注标签，因为当使用此类标签时，会将tag作为对象完整地存储
2022-01-04 16:42:41
394
原创 sequelize的attributes选项（针对处理数据sql表的特定列）
1、要仅选择某些属性，可以使用该attributes选项。通常，您传递一个数组Model.findAll({ attributes: ['foo', 'bar']});//等同于 SELECT foo, bar ...Model.findAll({ attributes: ['foo', ['bar', 'baz']]});//等同于SELECT foo, bar AS baz2、可以使用嵌套数组重命名属性Model.findAll({ attributes: [.
2021-10-28 15:12:47
1221
原创 包含函数的对象属性相等对比
/*** 用法和 isEqual 一样。不过对于函数值，会对比函数的 toString 结果* @type {*}*/export const isEqualWithFunc = _.partialRight(_.isEqualWith, (val1, val2) => { if (_.isFunction(val1) && _.isFunction(val2)) { return val1.toString() === val2.toString...
2021-10-13 10:29:27
166
原创 contentEditable与suppressContentEditableWarning
contentEditable=true 意为该dom元素可以被编辑在react中对元素使用contentEditable= true 会发出警告；可以使用suppressContentEditableWarning属性去除，列如<div suppressContentEditableWarning contentEditable="true" orignalnum={item.userNum}>{item.userNum}</div>...
2021-08-18 23:18:01
1122
原创 bind、call及bind
三者都是改变函数内 this 的指向，但是接收参数和返回稍有不同，如下xxx对象.xxx的函数.call(yyy对象[this指向yyy对象]，参数a，参数b，...) // 返回函数执行结果xxx对象.xxx的函数.apply(yyy对象[this指向yyy对象]，[参数a，参数b，...]) // 返回函数执行结果xxx对象.xxx的函数.bind(yyy对象[this指向yyy对象]，参数a，参数b，...) // 返回函数var person = { fullName: func
2021-08-13 11:22:00
91
原创 Node 调试工具
资料来源node服务器调试先要获取进程运行的pid,假如程序正在运行node -e 'process._debugProcess(30464)'30464代表pid，然后浏览器会出现，然后点击即可
2021-07-31 00:25:06
230
原创 tsc与ts-node工具区别
1、tsctypescript 需要编译成js才能运行。tsc就是一个编译器，能将ts文件编译成js文件2、ts-node可以直接编译并在node运行js文件ts-node xx.ts安装npm install -g typescriptnpm install -g ts-node
2021-07-25 13:13:46
2617
原创 node之path模块
1、 processprocess 是一个全局变量，即 global 对象的属性。它用于描述当前Node.js 进程状态的对象，提供了一个与操作系统的简单接口。通常在你写本地命令行程序的时候，少不了要 和它打交道。process.env //在项目工程中用来获取环境变量2、Path模块var path = require("path")2.1、path.join([path1][, path2][, ...])//用于连接路径。该方法的主要用途在于，会正确使用当前系统的路径分隔符，U..
2021-07-23 11:13:22
470
原创 TS基础类型
let isDone: boolean = false;let decimal: number = 6;let color: string = "blue";// 数组，有两种写法let list: number[] = [1, 2, 3];let list: Array<number> = [1, 2, 3];// 元组(Tuple)let x: [string, number] = ["hello", 10];// 枚举enum Color {Red = 1, .
2021-07-22 16:12:17
68
原创 TS类型声明包
类型声明包React、及其他各种著名框架、库都有TS类型声明，我们可以在项目中通过npm install @types/react方式安装，可以在这个网站搜索你想要安装的库声明包。安装后，写和那些框架、库相关的代码将会是一种非常爽的体验，函数的定义和注释将会自动提示出来，开发效率将会得到提升。...
2021-07-22 15:55:13
412
原创 sequelize 设置mysql字段类型，text字符长度太小可采用longText
从sequelize导出数据类型const { DataTypes } = require('sequelize')写法，此参数不传默认为textDataTypes.TEXT('long')字段定义@Column({type:DataTypes.TEXT('long'),comment:'系统简介'})system_introduc:string...
2021-07-21 15:48:32
2409
1
原创 Midway依赖注入标识符
camelcase： 分小驼峰（首字母小写）和大驼峰（首字母大写）Midway 使用的驼峰库为 camelcase（首字母小写，但又有点不一样），在一些情况下，可能和你预想的不同。比如，在碰到两个大写的时候，后一个字母会变成小写。如果不确定，你可以在项目下的命令行中临时测试。➜ midway_v2_demo git:(master) ✗ node> require('camelCase')('UserMQController')'userMqController'> .
2021-07-12 16:13:16
226
原创 SVG 的 foreignObject 标签
正常的svg标签一般不支持css属性，和内嵌html元素，但是svg的标签foreignObject却可以内嵌html和支持css样式允许的内容物 里面可以内嵌任何元素html或字符数据 浏览器兼容性 不支持所有的IE浏览器 属性 height(高度)、width、x(元素x坐标)、y css样式属性 支持 ...
2021-07-01 13:33:40
6396
原创 JavaScript 字符串id生成器
1、shortid创建了非常短的非顺序 url 友好的唯一 id。非常适合 url 缩短器、MongoDB 和 Redis id，以及用户可能看到的任何其他 id。适用于 Node、io.js 和 Web 浏览器。 可以生成任意数量的 id，没有重复，甚至每天数百万。 默认情况下 7-14 个 url 友好的字符：A-Z,a-z,0-9,_-用法constshortid=require('shortid');console.log(shortid.generate());...
2021-06-24 14:13:07
618
原创 dva数据流effects获取返回值的几种方式
1、传递callback回调// modelseffects: { *add({ payload, callBack }, { call, put, select }) { // eslint-disable-line const response = yield request('/apis/serverless/add', { method: 'GET', data: payload, }); const num.
2021-06-21 16:42:43
1515
原创 sequelize递归查询获取树状结构
class NeedModule{ constructor(id){ this.id = id; } async getNeedsTree(){ let rootNeeds = await Needs.findAll({ where : { id : this.id } }) rootNeeds = await this.getChild...
2021-06-17 19:45:15
1303
原创 mac退出git编辑模式
如果是输出状态，首先按Esc键退出输入状态，然后按Shift+“;”，再输入q!或wq!（不保存改动，wq!是保存文件的写入修改）退出。
2021-06-15 15:04:33
1629
原创 mysql客户端介绍
1，Navicat这是一款可支持多种数据库的客户端，可支持mysql，sqlite，oracle，sql server等数据库。当然也可以选择只支持某种数据库的客户端下载。软件可以免费使用30天，当然可以在网上下个注册机就可以了。注册机下载地址：http://www.navicat.com/download2，DBeave无需破解，直接使用，下载只需选择适合自己的版本下载地址：http://dbeaver.jkiss.org/download/#macos3，MySQL GUI...
2021-06-01 11:32:44
1710
原创 Mac升级Git
先安装 Homebrew安装脚本/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"i
2021-05-31 15:07:13
955
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人