2020年11月21日
koa-json-error处理错误中间件
摘要： koa 错误处理中间件 koa-json-error 在写接口时，返回json格式且易读的错误提示是有必要的，koa-json-error中间件帮我们做到了 安装使用koa-json-error npm i koa-json-error -S const error = require('koa-j 阅读全文
posted @ 2020-11-21 10:52 磊~~ 阅读(421) 评论(0) 推荐(0) 编辑
koa路由动态添加
摘要： 创建路由文件夹，里面放上路由文件，index.js读取当前文件夹下除了index.js文件的所有文件，在app.js中挂载index.js路由 阅读全文
posted @ 2020-11-21 10:25 磊~~ 阅读(314) 评论(0) 推荐(0) 编辑
koa-router使用指南
摘要： 用Koa.js，离不开这十个中间件 koa-router文档地址 https://www.npmjs.com/package/koa-router github:https://github.com/ZijianHe/koa-router 详情链接：https://blog.csdn.net/mjz 阅读全文
posted @ 2020-11-21 00:16 磊~~ 阅读(427) 评论(0) 推荐(0) 编辑
2020年11月20日
Vue项目屏幕自适应
摘要： 一、安装lib-flexible npm i lib-flexible -D 二、在main.js中引入 import 'lib-flexible/flexible' 三、在index.html文件中设置meta标签: <meta name='viewport' content='width=dev 阅读全文
posted @ 2020-11-20 09:45 磊~~ 阅读(1973) 评论(0) 推荐(0) 编辑
2020年11月19日
vue webpack打包优化
摘要： 一、配置 resolve.modules 1，优化原理 （1）webpack 的 resolve.modules 是用来配置模块库（即 node_modules）所在的位置。当 js 里出现 import 'vue' 这样不是相对、也不是绝对路径的写法时，它便会到 node_modules 目录下去 阅读全文
posted @ 2020-11-19 11:26 磊~~ 阅读(427) 评论(0) 推荐(0) 编辑
2020年11月18日
滚动条滚动时显示，不滚动时隐藏
摘要： 像滚动条的控制样式我们基本知道，看下： ::-webkit-scrollbar // 滚动条整体部分，可以设置宽度啥的 ::-webkit-scrollbar // 滚动条整体部分，可以设置宽度啥的 ::-webkit-scrollbar-button // 滚动条两端的按钮 ::-webkit-s 阅读全文
posted @ 2020-11-18 11:03 磊~~ 阅读(5176) 评论(0) 推荐(0) 编辑
移动端rem.js
摘要： 1.首先在我们的html页面中引入meta标签 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 2.然后，在html页面中引入我们的rem. 阅读全文
posted @ 2020-11-18 10:48 磊~~ 阅读(125) 评论(0) 推荐(0) 编辑
函数防抖防抖/节流
摘要： 使用场景: 防抖经常用在我们搜索框输入搜索，点击提交，防止等； 而节流一般在onresize、mousemove、滚动事件等事件中使用，防止过多的请求造成服务器压力 原因 节流函数：让一个函数无法在短时间内连续调用，只有当上一次函数执行后，过了规定的时间间隔，才能进行下一次该函数的调用。或者说你在操 阅读全文
posted @ 2020-11-18 10:25 磊~~ 阅读(125) 评论(0) 推荐(0) 编辑
2020年11月16日
Node自动重启工具 nodemon
摘要： 为什么要使用 在编写调试Node.js项目，修改代码后，需要频繁的手动close掉，然后再重新启动，非常繁琐。现在，我们可以使用nodemon这个工具，它的作用是监听代码文件的变动，当代码改变之后，自动重启。 如何使用 nodemon 下载 cnpm install -g nodemon 安装在全局 阅读全文
posted @ 2020-11-16 17:28 磊~~ 阅读(107) 评论(0) 推荐(0) 编辑
nrm安装与配置
摘要： 1.nrm nrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换 2.安装nrm 在命令行执行命令，npm install -g nrm，全局安装nrm。 3.使用 执行命令nrm ls查看可选的源。 nrm ls 阅读全文
posted @ 2020-11-16 17:21 磊~~ 阅读(111) 评论(0) 推荐(0) 编辑
js中为什么很多要用两个!!
摘要： 比如 if(!!name) 这个就表示 if(name|| false)。将判断的类型，强转成boolean类型。如果name是null（或者undefine）的话，！name，返回的就是true 。 加了两个叹号后，明确的设置了变量的值，返回的boolean就是根据变量的实际值返回的。（如果是实际 阅读全文
posted @ 2020-11-16 16:30 磊~~ 阅读(231) 评论(0) 推荐(0) 编辑
flex布局
摘要： http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html html css 效果如下： 接下来再细聊每个属性的特性。 任何一个容器都能使用flex布局，这里有一个flex-container的概念。ul即为flex-container，li是容 阅读全文
posted @ 2020-11-16 14:34 磊~~ 阅读(134) 评论(0) 推荐(0) 编辑
vue react生命周期
摘要： componentWillReceiveProps 挂载组件第一次不会调用这个组件，即组件将要接收新的props信息调用 阅读全文
posted @ 2020-11-16 14:32 磊~~ 阅读(81) 评论(0) 推荐(0) 编辑
2020年11月13日
$router和$route
摘要： 一、$router $router是一个全局路由对象，是new Router的实例，先上console... 从console的结果看起来，在页面上拿到的$router对象正是new VueRouter所创建router对象。 进一步往里看，路由类上的一些方法就是眼熟的beforeEach、push 阅读全文
posted @ 2020-11-13 10:14 磊~~ 阅读(334) 评论(0) 推荐(0) 编辑
2020年11月12日
vue常用技巧
摘要： 配置开发环境 "scripts": { "serve": "vue-cli-service serve --mode development", "serve:test": "vue-cli-service serve --mode test", "serve:pre": "vue-cli-serv 阅读全文
posted @ 2020-11-12 18:59 磊~~ 阅读(156) 评论(0) 推荐(0) 编辑
display、visiblity、overflow
摘要： 1.display 和 visibility 属性都是用来设置或检索对象是否及如何显示。 2.使用diplay 隐藏对象时,在文档流中不占空间.后续对象会占据隐藏对象位置。 3.使用 visibility 隐藏对象时,在文档流中会保留隐藏对象所占用的空间。 4.overflow 主要用来检索或设置当 阅读全文
posted @ 2020-11-12 17:59 磊~~ 阅读(95) 评论(0) 推荐(0) 编辑
2020年11月9日
vue文件目录结构如下
摘要： ├─ src //主文件 │ ├─ api //接口文件夹 | | |- config.js //后端接口地址的配置,将测试、开发、生产环境分开 | | └─ user.js //接口文件，配置了token请求头，具体接口根据需求修改 │ ├─ assets //资源文件 │ ├─ componen 阅读全文
posted @ 2020-11-09 17:12 磊~~ 阅读(355) 评论(0) 推荐(0) 编辑
element 表格自定义暂无数据显示
摘要： <div class="left-content-table"> <el-table :data="resourceData" style="width: 100%" :header-cell-style="tableHeader"> <el-table-column label="资源"> <te 阅读全文
posted @ 2020-11-09 14:54 磊~~ 阅读(2089) 评论(0) 推荐(0) 编辑
vue子父之间传值方式
摘要： 子传父 vue子传父使用$emit传值 子组件： <template> <div> <button @click="toParent">点击传到父级</button> </div> </template> <script> export default { name: 'child', method 阅读全文
posted @ 2020-11-09 14:19 磊~~ 阅读(455) 评论(0) 推荐(0) 编辑
2020年11月5日
VSCode插件大全
摘要： Auto Rename Tag 自动重命名配对的HTML / XML标签 Auto Close Tag 自动添加HTML / XML结束标签 Browser Preview 编辑器中嵌入浏览器可视化窗口 Bracket Pair Colorizer 高亮匹配代码块括号 Better Comments 阅读全文
posted @ 2020-11-05 15:42 磊~~ 阅读(432) 评论(0) 推荐(0) 编辑
2020年11月3日
Git push 常见用法
摘要： Git push 在使用git commit命令将修改从暂存区提交到本地版本库后，只剩下最后一步将本地版本库的分支推送到远程服务器上对应的分支了，如果不清楚版本库的构成，可以查看我的另一篇，git 仓库的基本结构。 git push的一般形式为 git push <远程主机名> <本地分支名> <远 阅读全文
posted @ 2020-11-03 09:09 磊~~ 阅读(2995) 评论(0) 推荐(0) 编辑
2020年10月30日
正常的 .git/config 文件配置
摘要： 阅读全文
posted @ 2020-10-30 14:57 磊~~ 阅读(91) 评论(0) 推荐(0) 编辑
2020年10月12日
关闭浏览器标签
摘要： 在开发中的一个需求，vue中关闭浏览器， 直接使用window.close()在chrome、fireFox会不起作用 需要改为一下方式 window.open('about:blank','_self').close() 上面这种方式会把你的当前页面改为 或者使用 window.open('',' 阅读全文
posted @ 2020-10-12 15:32 磊~~ 阅读(312) 评论(0) 推荐(0) 编辑
2020年9月23日
vue 样式穿透 watch深度监听
摘要： 在开发中修改第三方组件样式是很常见，但由于 scoped 属性的样式隔离，可能需要去除 scoped 或是另起一个 style 。这些做法都会带来副作用（组件样式污染、不够优雅），样式穿透在css预处理器中使用才生效。 我们可以使用 >>> 或 /deep/ 解决这一问题: >>> ::v-deep 阅读全文
posted @ 2020-09-23 14:35 磊~~ 阅读(473) 评论(0) 推荐(0) 编辑
2020年9月22日
Git Commit Template 提交模板
摘要： 多人协作开发一个项目时，版本控制工具是少不了的，git是linux 内核开发时引入的一个优秀代码管理工具，利用它能很好使团队协作完成一个项目。为了规范团队的代码提交，也方便出版本时的release note，更为了出问题时方便代码回溯，所以大家统一用一个模板提交代码是必要的。Git中设置templa 阅读全文
posted @ 2020-09-22 15:39 磊~~ 阅读(8167) 评论(0) 推荐(0) 编辑
常用git stash命令：
摘要： 常用git stash命令： （1）git stash save "save message" : 执行存储时，添加备注，方便查找，只有git stash 也要可以的，但查找时不方便识别。 （2）git stash list ：查看stash了哪些存储 （3）git stash show ：显示做了 阅读全文
posted @ 2020-09-22 15:38 磊~~ 阅读(361) 评论(0) 推荐(1) 编辑
Windows下安装及使用NVM
摘要： 1,nvm nvm list 是查找本电脑上所有的node版本 - nvm list 查看已经安装的版本 - nvm list installed 查看已经安装的版本 - nvm list available 查看网络可以安装的版本 2,nvm install 安装最新版本nvm 3,nvm use 阅读全文
posted @ 2020-09-22 15:37 磊~~ 阅读(873) 评论(0) 推荐(0) 编辑
JS正则表达式
摘要： Js代码 <script type="text/javascript">function SubmitCk() {var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-z 阅读全文
posted @ 2020-09-22 15:35 磊~~ 阅读(193) 评论(0) 推荐(0) 编辑
js转码
摘要： https://www.cnblogs.com/kissdodog/archive/2012/12/22/2829489.html 阅读全文
posted @ 2020-09-22 15:27 磊~~ 阅读(324) 评论(0) 推荐(0) 编辑
2019年12月23日
多行文本溢出显示省略号(…)全攻略
摘要： 默认属性： overflow: hidden; text-overflow: ellipsis; white-space: nowrap; WebKit浏览器或移动端的页面 overflow : hidden; text-overflow: ellipsis; display: -webkit-bo 阅读全文
posted @ 2019-12-23 20:02 磊~~ 阅读(458) 评论(0) 推荐(0) 编辑
2019年9月11日
ie浏览器css兼容样式实例
摘要： background-color:#f00;/*all*/background-color:#0ff\0;/* ie 8/9 */background-color:#0f0\9\0;/* ie9 */*background-color:#00f;/*ie7*/_background-color:#f 阅读全文
posted @ 2019-09-11 15:40 磊~~ 阅读(740) 评论(0) 推荐(0) 编辑
2019年8月13日
移动端
摘要： css3的 -webkit-min-device-pixel-ratio属性 解决高清的适配 bg-image($url) background-image: url($url + "@2x.png") @media (-webkit-min-device-pixel-ratio: 3),(min- 阅读全文
posted @ 2019-08-13 13:56 磊~~ 阅读(143) 评论(0) 推荐(0) 编辑