- 博客(44)
- 收藏
- 关注
RSS订阅
原创 React 学习之旅一
React 学习之旅一React 官网版本要求Node >= 8.10 和 npm >= 5.6 node -v npm -v创建 React 项目创建 npx create-react-app my-appHook它可以让你在不编写 Class 的情况下使用 state 以及 React 其他的特性。版本要求React版本大于等于 v16.8.0 / React Native从v0.59开始支持安装校验插件 eslint-plugi
2020-10-31 12:23:12
210
原创 Visual Studio Code 快捷键汇总
Visual Studio Code 快捷键汇总// 将键绑定放在此文件中以覆盖默认值[ { "key": "ctrl+y", "command": "editor.action.deleteLines", "when": "textInputFocus && !editorReadonly" }, { "key": "-", "command": "redo" },]...
2020-09-11 14:59:16
269
原创 CSS属性vertical-align详解（CSS之五）
CSS属性vertical-align详解（CSS之五）作用对象vertical-align的意思是在垂直方向进行对齐。它主要对以下属性的元素有效 inline元素、inline-block元素和普通的文本。行盒：line-box定义：（盒的排布方式，不是行盒）在一个内联格式化上下文中，盒是一个接一个水平放置的，从包含块的顶部开始。这些盒之间的水平margin，border和padding都有效。（盒的对齐方式，不是行盒）盒可能以不同的方式竖直对齐：以它们的底部或者顶部对齐，或者以它们里面的文
2020-08-23 15:45:24
2747
原创 CSS中line-height属性详解(CSS之四)
CSS中line-height属性详解基本概念line-height，又称行高，指的是两行文字基线之间的距离，又可以称为这行文字所占的高度。图中两行基线之间的距离就是行高，基线相关可以查看CSS中的baseline基线详解。上一行的底线和下一行的底线之间的距离就是行距。行距 = line-height - font-size取值值描述normal默认。设置合理的行间距number设置数字，此数字会与当前的字体尺寸相乘来设置行间距。length设置固定的行间
2020-08-22 22:40:40
12573
原创 创建新仓库(Git命令之五)
创建新仓库(Git命令之五)在github网站上点击new, 进入项目配置页面。填写项目名：Repository name。填写项目描述：Description。选择私有还是公开：Public 和 Private。点击Create repository 完成创建复制这个链接git clone https://github.com/wenbintian/test.git 此时会生成一个包含.git文件夹的项目D:\test>git clone https://github.co
2020-08-16 00:20:08
163
原创 你不知道的JavaScript(上卷)(读书笔记之一)
学习笔记之一（你不知道的JavaScript（上卷））第二部分 this 和对象原型任何足够先进的技术都与魔法无异。—Arthur.C Clarkethis到底是什么如何判断this可以从以下方面进行判断被忽略的this更安全的this赋值表达式 p.foo = o.foo的返回值是目标函数的引用...
2020-08-08 17:20:12
221
原创 address-parse.js 地址智能解析插件(前端插件推荐之一)
前端插件推荐之一（address-parse.js）对国内地址地区进行智能解析，提取关键数据https://github.com/wenbintian/address-parseforked from akebe/address-parse
2020-07-10 09:39:43
2677
1
原创 获取滚动条宽度(Element-UI之三)
标题Element-UI之三（获取滚动条宽度）代码如下/** * 计算浏览器滚动条宽度 * @returns {Number} */export default function () { const outer = document.createElement('div'); outer.style.visibility = 'hidden'; outer.style.width = '100px'; outer.style.position = 'absolute'; o
2020-06-18 11:05:50
771
原创 分支相关操作(Git命令之三)
Git命令之三（ 分支相关操作）git branch -a 显示所有的分支（若没看到所有的分支，则先执行git fetch一下）git branch 显示当前的分支git checkout 分支名称
2020-05-29 17:41:06
107
原创 查看webpack的默认配置(Vue-cli3之一)
Vue-cli3之一（查看webpack的默认配置）在项目当前位置输入以下命令：vue inspect > output.js比如在以下项目里则会产生 output.js文件，里面就是webpack的默认配置
2020-05-28 22:55:17
1397
1
原创 配置查询以及用户名修改(Git命令之二)
Git命令之二（ 配置查询以及用户名修改）打开命令窗（多种方式）a.自带的命令窗 window+R ⇒ cmd (电脑自带的 cmd.exe程序)b. git 命令窗输入 git config --list 查看当前git 配置可修改用户名 git config --global user.name '用户名'...
2020-05-28 14:21:06
244
原创 Input标签的line-height属性失效的解决方法(CSS之二)
input组件的line-height属性失效的解决方法如下设置，文本会出现字体离上下边框不对齐的情况(有1像素的偏差) background: #FF0000; height: 40px; line-height: 40px;解决办法，利用设置padding上内边距比下内边距多像素的方法解决 background: #FF0000; height: 40px; box-sizing: border-box; padding: 2px 0 1px;
2020-05-25 20:23:14
1405
原创 滚动条样式(Element-UI之二)
Element-UI组件之滚动条样式效果2.样式覆盖// 滚动条宽度.el-scrollbar__bar.is-vertical { width: 12px;}.el-scrollbar__bar.is-horizontal { height: 12px;}// 滚动条圆角.el-scrollbar__bar { border-radius: 6px;}// 滚动条hover后的背景色.el-scrollbar__thumb:hover { background
2020-05-11 15:54:10
617
原创 远程桌面连接设置详细步骤
远程桌面连接设置过程电脑A代表要被远程的电脑电脑B代表桌面远程的电脑电脑A桌面需要做一下设置查找当前电脑的ipwindow + R输入cmd输入ipconfig设置允许被远程连接查找当前登录用户名此电脑 右键 -->属性控制面板-用户账户图中就是用户名电脑B桌面即可远程操作打开远程桌面连接软件（C:\ProgramData\Mi...
2020-04-25 20:11:50
10884
1
原创 代码风格校验 Vetur+Prettier(visual studio code之二)
setting.json文件{ "window.zoomLevel": -1, "explorer.confirmDelete": false, "vetur.validation.template": false, "gitlens.advanced.messages": { "suppressGitVersionWarning": true ...
2020-03-31 11:59:49
460
原创 ESlint配置
.eslintrc.js 文件module.exports = { root: true, parser: 'babel-eslint', parserOptions: { sourceType: 'module' }, env: { browser: true, }, // https://github.com/feross/standard/blo...
2020-03-24 11:06:30
100
原创 flex内容撑大容器(flex布局之一)
flex布局相关问题子项已经设置flex-shrink flex-grow，但是内容过大时还会撑大容器，如下图：<div class="zoehis_complex_item"> <div title="所在科室代码" class="zoehi_complex_item_label">所在科室代码：</div> <div class="zo...
2020-03-20 10:15:39
830
转载 node-sass安装总报错
node-sass安装总报错node-sass是我们开发中很常见的依赖包，也是安装时间冗长和最常见到报错的依赖。 安装node-sass失败原因有很多种，我们在说失败原因之前，先来分析一下node-sass的安装过程(以下node版本为v10.15.3)：PS D:\demo> npm i node-sass// 从npm源安装到node_modules> node-sass...
2020-01-03 22:01:26
2015
原创 CSS垂直居中(Element-UI之一)
垂直居中html:<div class="box"> <div class="child">垂直居中</div></div>css://父元素伪类.box::after{ content:""; width: 0; height: 100%; display: inline-block; v...
2019-12-26 16:26:23
2165
原创 css垂直居中
1.父元素伪类html:<div class="box"> <div class="child">垂直居中</div></div>css:.box::after{ content:""; width: 0; height: 100%; display: inline-block; vertical...
2019-12-26 15:34:59
92
原创 stash 相关操作(Git命令之一)
git stash 相关操作操作列表PS D:\project\git\zoehis-web-client> git stash helpusage: git stash list [<options>] or: git stash show [<stash>] or: git stash drop [-q|--quiet] [<stash...
2019-11-20 11:37:52
551
原创 nvm use 无法切换npm的解决办法
nvm正常的安装目录结构没有正常切换时对应的文件结构3.解决方法nvm use 无效，即 nvm use 后执行nvm ls，当前使用的版本前正常是会有 * 标注，可是nvm use 所有版本前都没有*。我当前使用的版本是 6.10.0，我现在nvm install 或nvm uninstall 6.10.0版本后,nodejs默认安装目录根本没有安装相对应的node版本,此时再 nv...
2019-10-25 17:35:40
8570
原创 nvm安装指南
先获取安装包。下载地址：https://github.com/coreybutler/nvm-windows/releases选择需要的版本，点击 nvm-setup.zip正常安装后如下图配置环境变量（NVM_HOME 和 NVM_SYMLINK）权限问题的话就用超级管理员运行 cmd.exe...
2019-10-25 17:29:42
171
原创 Do not use built-in or reserved HTML elements as component id
保存如下 先看一下翻译解决： 其他提示已经很明显了，就是使用组件name的时候，不要将html一些便签的名称作为组件name比如写法错误如下：此处将button作为组件的name值，因为button这个单词在html是作为正常的便签的，所以改一下这个name值就不会报错了，可以直接改成大写开头的 "Button"...
2019-10-10 16:59:39
293
原创 创建NPM组件库的详细步骤
目录结构解析标识1：是放专门组件包的地方，放组件的地方。标识2：是主入口。标识3：是package.json文件，包含各种插件。标识4：是webpack打包的配置文件2.标识1：具体文件的说明...
2019-09-25 17:45:14
893
原创 iview-admin2.0学习之路
getToken使用js-cookie 来设置跟获取存在cookie内的 token 值，js-cookie插件用法2.s
2019-08-25 20:39:20
237
原创 js数组类型判断的几种方法(JS之一)
instanceof 方法，但是有缺点，就是多个iframe用这个方法判断会有问题格式： 实例 instanceof 原型使用es6 Array.isArray()方法Object.prototype.toString.call(myObj) === “[object Array]”。为什么使用call,应为如果直接使用 myObj.toString ,toString方法可能被改写了...
2019-08-09 15:46:31
127
转载 CSS Sprites(CSS精灵、css雪碧图的优缺点)
CSS Sprites1.简介CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中， 利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位， 访问页面时避免图片载入缓慢的现象。2.优点（1）CSS Sprites能...
2019-07-02 22:13:10
486
原创 CSS3 滚动条圆角样式(CSS之一)
//滚动条样式::-webkit-scrollbar { width: 12px; height: 12px;}::-webkit-scrollbar-track-piece { background-color: transparent; //滚动槽 -webkit-border-radius: 6px;}::-webkit-scrollbar-thumb:vertic...
2019-07-01 09:30:29
3837
原创 javsscript 变量提升跟函数提升的问题
基本的函数提升,getName();//输出 5function getName(){ console.log(5)}等价于以下代码（将函数声明提到了前面）function getName(){ console.log(5)}getName();//输出 52.函数提升大于变量提升var getName = function(){ console.log...
2019-06-24 17:08:24
72
原创 vue/javascript 实现拖动功能是文字总会被选中的问题
你们是否遇到过按住鼠标左键拖动div块时经常页面上的文字会被选中了，这样造成了不好的开发体验。以下实例能帮你们解决这一问题。 //鼠标按下的事件 onMousedown(event, column) { const resizeProxy = this.$refs.resizeProxy; resizeProxy.style.left = this.d...
2019-06-24 09:48:41
3719
2
原创 关闭被占用的端口的方法
（1）在命令窗口输入：netstat –ano|findstr “被占用的端口号”。找到对应的PID（2）继续输入 tasklist|findstr PID号（3）在任务管理器的详细一列中找到对应的PID，关掉它...
2019-06-12 09:01:46
376
原创 chrome 如何查看开发的页面是否存在内存泄漏
chrome浏览器识别法按以下步骤执行打开chrome浏览器 按F12 打开开发工作（或者右键 点 检查）选择Timeline 标签点击左上角的 “●”（快捷键 Ctrl+E），进行录制然后再你需要测试的网站上进行正常的各种用户操作，模拟用户的操作。经过一段时间，点击对话框里的 stop 按钮，此时就会显示相应的数据了。内存占用 处在平稳，则说明没有内存泄漏；如果内存占用 一...
2019-03-08 09:45:19
4295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人