- 博客(74)
- 收藏
- 关注
RSS订阅
原创 js 原型链继承
构造函数的prototype的__proto__默认指向Object.prototype，是继承Object。function Animal(age){ this.age = age}Animal.prototype.getAge = function(){ return this.age + ", getAge, prototype"}Animal.prototyp...
2019-07-04 16:43:47
233
原创 shell
shell 编程学习 文档命令描述cat在面板打印文件内容，只读文件sed编辑文件sudo -i切换管理员&后台运行，解放窗口live-server &echo 输出可以将需要的文本输出到文件中。更改文件内容，输出需要用到输出重定向。echo -[en] "Hello Word" \\-e转义 -n换行echo -e ...
2019-04-25 19:20:12
384
原创 前端阅读笔记
使用 React Hooks 分离组件逻辑CSS counter计数器(content目录序号自动递增)详解一个 JS 库，用来在 JS 脚本里面方便地调用 Bash 命令
2021-09-16 11:49:37
172
原创 mongo
bash查询不用创建库，不用创建表，直接插入就都有了！数据库查询show dbs创建use dbName删除``集合（表）查询show collectios或者show tables创建db.createCollection("user")或者db.user2.insert({"name": "www"})(直接插入数据就创建了)删除db.user2.drop()数据查询db.user.find()添加db.user.insert({"name": "wl"})删除db.user
2020-07-20 19:40:49
206
原创 ts用法
interface 中定义函数的三种方法interface Person { readonly name: string, say?: {(a: string): string}, run?(a: string): boolean, eat?: (a: string) => string,}
2020-07-20 16:39:07
1190
原创 MongoDB Node
文档前置工作：安装本地mongoDB，并且启动「本地可以随便造」安装可视化工具MongoDB Compass开始啦新建一个本地空项目npm initnpm install mongoose --save新建一个文件// app.js// 第一步、链接mongovar mongoose = require('mongoose');mongoose.connect('mongodb://localhost/test');var db = mongoose.connection;
2020-07-06 17:03:10
218
原创 js笔记
日常js笔记滚动触底滚动触底// 滚动可视区域高度 + 当前滚动位置 === 整个滚动高度scrollDom.clientHeight + scrollDom.scrollTop === scrollDom.scrollHeight
2020-06-28 21:19:47
131
原创 react笔记 Create React App
Create React App使用typescriptnpx create-react-app my-app --typescript添加less第一步 暴露webpack配置文件npm run eject多了一个config文件夹，这样就可以修改 webpack 相关配置了。第二步 添加lessnpm install --save-dev less-loader less...
2020-01-07 16:59:46
226
原创 SPA 应用路由原理
history模式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...
2019-12-13 10:51:03
134
原创 前端知识点总结 -- http
文章目录http第一节、请求方法PUTOPTIONSCONNECTTRACE第二节、 [状态码](https://tool.lu/httpcode/)第三节、 原理TCP工作过程tcp第四节、 http & http2性能心路历程缓存处理range多线程下载工具HTTP2特点HTTP2 HPACK 头部压缩HTTP2 与http1.1 keep-alive第五节、 http &&a...
2019-12-11 14:22:01
470
原创 函数节流（throttle） 函数防抖（debounce）
JS的函数防抖与节流搜索框输入文字后的联想。当用户频繁的输入应该在用户最后一次输入完成后进行提醒。这就是防抖(debounce)scroll事件有可能每秒触发50次，但是触发次数太多会消耗性能。让滚动事件每秒最多执行5次，就是节流(throttle)函数防抖function debounce(fn, delay = 1000) { var timer return fu...
2019-12-10 11:36:51
287
原创 mac os安装nvm
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash可能需要添加环境变量~/.bash_profileexport NVM_DIR="$HOME/.nvm"[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # ...
2019-11-11 15:02:14
182
原创 js作用域
js作用域es5作用域：全局作用域、函数作用域es6作用域：全局作用域、函数作用域、块级作用域es5作用域var out1 = "out1"; //全局作用域out2 = "out2"; //全局作用域function fn1(){ var inner1 = "inner1" //函数作用域 inner2 = "inner2" //全局作用域 window....
2019-10-30 15:52:06
126
原创 Vue3 调试
clone 代码 git clone https://github.com/vuejs/vue-next.git文件tsconfig.json。更改属性sourceMap: true。文件rollup.config.js。函数createConfig中的return前添加一句话output.sourcemap = true执行命令npm run dev。会生成packages/vue/d...
2019-10-13 13:49:42
1144
原创 mvn 打包 跳过测试
说明有些项目的测试用例执行很慢，为了打包速度，（非正式发布时）希望不执行测试用例。方法在mvn命令中添加-DskipTests或-Dmaven.test.skip=true即可。比如： mvn clean package -DskipTests 或者 mvn clean package -Dmaven.test.skip=true。区别-DskipTests，不执行测试用例，但...
2019-10-12 11:21:44
308
原创 freemarker
变量缺少缺少变量有默认值：<h1>Welcome ${user!"Anonymous"}!</h1>缺少变量if判断：<#if user??><h1>Welcome ${user}!</h1></#if>number_to_datelong类型的时间格式化，?c不以千分值制显示，?number字符串转换成数字、?nu...
2019-09-26 17:20:54
128
原创 highlight 代码高亮
hljs.initHighlightingOnLoad(); //高亮全部hljs.highlightBlock(document.getElementById("viewSqlModalSql")); //改变HTML之后手动改变<!DOCTYPE html><html lang="en"><head> <meta charset="...
2019-09-25 16:00:03
844
原创 [email protected] 文件内容
[email protected]核心文件。包含init 返回patch函数h 返回vNodethunk patch优化类似于pureComponentscript方法引入后使用snabbdom全局变量。# 核心函数 返回patch函数function init(modules, domApi) { ...}modules是数组，可以是classM...
2019-08-28 15:09:28
308
原创 js 标准内置对象 error
EvalError本对象代表了一个关于 eval 函数的错误.此异常不再会被JavaScript抛出，但是EvalError对象仍然保持兼容性.InternalError创建一个代表Javascript引擎内部错误的异常抛出的实例。 如: “递归太多”.RangeError创建一个error实例，表示错误的原因：数值变量或参数超出其有效范围。ReferenceError创建一个err...
2019-08-23 14:30:15
266
原创 文本css省略号
<!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-08-22 19:05:12
141
原创 设计模式、库、框架、架构、平台
设计模式工厂模式库工具库lodash、jQuery框架springMVC 、myBatis 、react、vue架构单体架构，SOA架构，微服务架构，分布式架构，集群架构平台微信小程序、浏览器...
2019-08-21 14:23:36
186
原创 使用trao trao-ui 的历程
搜索组件中我不想要搜索按钮<AtSearchBar value={this.state.value} onChange={this.handleChange} className="searchNoBtn"然后再全局样式中添加：我的就在app.less文件.searchNoBtn { .at-search-bar__action...
2019-08-13 17:26:27
1945
原创 css 所有的单位
尺寸单位单位属性描述px相对Pixel。相对屏幕分辨率。win96像素/英寸。MAC72像素/英寸。em相对相对于字体。例如：字体14px。1em=14px。2em=28px。rem相对相对于根元素HTML的字体大小，广泛应用于移动端适配vw相对视口宽度的1/100vh相对视口高度的1/100vmin相对相对于视口的宽度...
2019-08-12 17:29:53
234
原创 编程命名规范
匈牙利命名开头字母用变量类型的缩写，其余部分用变量的英文或英文的缩写，要求单词第一个字母大写。int iMyAge; // “i”是int类型的缩写； char cMyName[10]; // “c”是char类型的缩写； float fManHeight; // “f”是float类型的缩写；前缀类型 a b by c cb cr cx,cy dw fn h i l lp m_ ...
2019-08-09 11:35:06
245
原创 npm
npm 使用笔记命令npm i vue --savenpm创建项目# 登录npm login# 判断登录状态npm whoaminpm initnpm publish# 更改后应该更改package.js里面的版本号，然后执行npm publish记得添加readme.md文件让大家和自己知道使用方法。发布到git上面去...
2019-08-08 11:05:35
311
原创 TiDB 总结
TiDBtidb和mysql几乎完全兼容，所以我们的程序没有任何改动就能完成数据库从mysql到TiDb的转换，TiDB是一个分布式NewSQL数据库。它支持水平弹性扩展、ACID 事务、标准 SQL、MySQL 语法和 MySQL协议，具有数据强一致的高可用特性，是一个不仅适合 OLTP 场景还适合 OLAP 场景的混合数据库。SQL、NoSQL和NewSQL单机数据库: MySQL、Po...
2019-08-01 14:58:37
494
原创 ant design pro 表搜索 地址与页面对应
当搜索条件变化时，改变地址改变页面内容，达到页面和地址一一对应。举个例子：当查看所有用户时，是一个表格分页，用户翻页第二页时，地址添加参数，表示当前是用户页面的第二页。// 默认页面http://localhost:8080/system/users// 翻页第二页http://localhost:8080/system/users?page=2&pageSize=10思路...
2019-07-31 15:33:11
585
原创 hive SQL 使用笔记
统计分区表元数据ANALYZE TABLE tableName PARTITION(etl_tx_dt=20190729) COMPUTE STATISTICS;DESCRIBE EXTENDED tableName PARTITION(etl_tx_dt=20190729);
2019-07-31 15:30:17
193
原创 IP 转换
let ipStr = "128.2.2.2-128.5.67.9";let STEP = 8, PART_NUM = 4;// 转换成二进制let ips = parseIptoArray(ipStr)console.log(ips)console.log(ips[0])console.log(ips[ips.length-1])//IP段转换成IP数组function pa...
2019-07-17 19:09:39
1132
原创 css伪类选择器
查看demo<style> p:last-child{ background-color: #ccc; } div>:not(p){ color: blue; } div p:not(:last-child){ border: 1px solid #ccc; }</style...
2019-07-16 10:07:11
179
原创 css position
css positionstatic该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。此时 top, right, bottom, left 和 z-index 属性无效。relative该关键字下，元素先放置在未添加定位时的位置，再在不改变页面布局的前提下调整元素位置（因此会在此元素未添加定位时所在位置留下空白）。position:relative 对 table-...
2019-07-15 18:23:16
280
原创 mysql8.0.13 使用笔记
sudo mysql -uroot -pshow databases;create database firstDB;use firstDB;select database(); # 查看当前使用数据库drop database firstDB; # 删除数据库show tables;
2019-07-12 14:17:18
217
原创 log4j 使用笔记
const log4js = require('log4js')const path = require('path')const LOG_PATH = path.join(__dirname, './log/')//ALL<TRACE<DEBUG<INFO<WARN<ERROR<FATAL<MARK<OFFlog4js.configur...
2019-07-11 17:56:39
90
原创 koa-router async 不等待返回结果直接not found
场景：登录接口，当不添加async的时候可以正常访问，添加之后返回Not Foundrouter.post('login', async (ctx, next) => { console.log('login') await userService.findUserByName().then((res) => { console.log('findUs...
2019-07-09 19:08:40
2302
原创 git 常用方法
git使用过的命令记录文章目录更改远程仓库删除远程仓库文件，本地不动更改远程仓库场景：拉下别人的代码，改改想变成自己的GitHub的项目。1、clone代码2、在自己的GitHub上边新建，远程仓库保持空白3、在本地删除远程分支，然后再添加远程分支。$ git remote remove origin$ git remote add origin https://github.co...
2019-07-09 11:42:55
205
1
原创 js使用修饰器
依赖：.babelrcc文件{ "presets": ["@babel/preset-env"], "plugins": [ ["@babel/plugin-proposal-decorators", { "legacy": true }], ["@babel/plugin-proposal-class-properties", { "loose" : ...
2019-07-04 18:08:52
543
原创 babel
babel 版本babel-loader@7需要babel-core babel-preset-envbabel-loader@8需要@babel/core @babel/preset-env
2019-07-04 10:43:19
143
原创 css flex
flex 是 flex-grow、flex-shrink、flex-basis的缩写。flex-grow：用于设置或检索弹性盒的扩展比率。用人话说就是，是其他盒子的几倍。flex-shrink：用于设置或检索弹性盒的收缩比率。是其他盒子的几分之一。例如：flex-shrink: 3表示是其他盒子的三分之一flex-basis：设置或检索弹性盒伸缩基准值。...
2019-06-11 13:56:24
556
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人