- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 easy-mock的安装部署（Windows）
前后端分离的开发模式越来越主流，前端在和后端的开发协调中需要一些伪造的数据，EasyMock是很好的一款产品用来应用到此场景，其他同类的还有像Yapi，也是一样的产品但是对于一个在线的产品来说，诸多人都在使用着，所以常常会遇到网站卡死，登录不进等情况，所以在本地部署一个，就能有效的避免此类情况。部署环境这个是本人电脑安装用到的环境windows10 + mondodb(4.7) + nod...
2020-01-17 20:37:50
258
原创 Node.js-NVM的使用
NVM全称为Node Version Manager，是一个存放在github上的工具，主要用于管理Node.js版本，如果要使用Node.js则建议先安装NVM。在github上有对nvm详细的描述。github地址：https://github.com/creationix/nvm。作者：沈龙链接：https://www.jianshu.com/p/6dc29309bb6b来源：简书著...
2020-01-17 20:10:00
160
原创 Vue 自定义指令合集 （文本内容复制指令 v-copy）
Vue 自定义指令合集 （文本内容复制指令 v-copy）我们常常在引入全局功能时，主要都是写于 js 文件、组件中。不同于他们在使用时每次需要引用或注册，在使用上指令更加简洁。今天主要实现的是一个复制文本指令*v-copy*,其中主要的参数有两个icon和dblclick参数说明dblclick双击复制icon添加icon复制按钮，单击按钮实现复制代码如下：bind(el, binding) { if (binding.modifiers.dblclic
2021-05-23 20:13:00
532
原创 往Number原型链上添加一个四色五入的方法
最近碰到一个问题，就是当我们处理数字想要四色五入保留两位小数的时候，使用toFixed方法，往往得到的不是我们想要的结果，所以我们在Number原型链上重新写一个方法，代码如下 Number.prototype._toFixed = function (val) { let number = this.valueOf(); let precision = val; precision == null
2021-04-12 21:18:38
225
原创 CSS盒模型
CSS盒模型上图显示：在 CSS 盒子模型 (Box Model) 规定了元素处理元素的几种方式：width和height：内容的宽度、高度（不是盒子的宽度、高度）。padding：内边距。border：边框。margin：外边距。CSS盒模型和IE盒模型的区别：在标准盒子模型中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。IE盒子模型中，width 和 height 指的是内容区域+bo.
2020-10-09 11:29:14
143
原创 JavaScript标准库(一)，Object & Array
Object对象概述JavaScript原生提供一个Object对象（注意起首的O是大写），所有其他对象都继承自这个对象。Object本身也是一个构造函数，可以直接通过它来生成新对象。Object一些常用的方法对象属性模型的相关方法Object.getOwnPropertyDescriptor()：获取某个属性的attributes对象。Object.defineProperty()：通过attributes对象，定义某个属性。Object.defineProperties()：通
2020-09-18 15:27:35
140
原创 NVM（路径/下载慢）
node 的包管理工具下载node 时会好慢，因为会默认使用node官网下载，所以我们要修改它的下载路径，在nvm安装目录下的settings文件中添加如下镜像地址即可：node_mirror: https://npm.taobao.org/mirrors/node/npm_mirror: https://npm.taobao.org/mirrors/npm/如下图所示：...
2020-07-23 21:43:10
725
原创 input框选择多个照片并且回显
function (typeArr, isImg) { if (!typeArr) { typeArr = ['jpg', 'jpeg', 'png']; }; if (isImg == null) { isImg = true } $("input[type='file']").on('change', function (
2020-07-06 20:05:01
784
原创 inline-block布局产生间隙
布局的一种方法是使用display:inline-block;它相比于与浮动、定位最大的不同就是其没有父元素的匿名包裹特性，这使得display:inline-block属性的使用非常自由，可与文字，图片混排，可内嵌block属性元素，可以置身于inline水平的元素中。但是在使用display:inline-block列表布局经常会遇到“换行符/空格间隙问题”。.top>.logo>.nav { float: right; line-height: 106px;}.top
2020-05-31 18:08:05
350
原创 meta标签属性有哪些
meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
2020-05-02 15:36:55
2867
原创 论为什么要初始化CSS样式
因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。最简单的初始化方法：＊ ｛ ｍａｒｇｉｎ：０； ｐａｄｄｉｎｇ：０；｝（强烈不建议使用）淘宝的样式初始化代码： body, h1, h2, h3, h4, h5, h6, h...
2020-04-27 08:39:51
136
原创 npm的使用技巧
直入主题，下面是一些常用的npm小技巧基本快捷方式安装 — 常规：npm install，简写：npm i。测试 — 常规：npm test，简写：npm t。帮助 — 常规：npm --help，简写：npm -h。全局标志 — 常规： --global，简写：-g。保存为开发依赖 - 常规： - save-dev，简写：-D。npm init 默认值 - 常规：n...
2020-04-24 15:19:24
189
原创 css提高开发效率的代码段
本文中将记录一些平时常用的css代码段，在实际的开发过程中或多或少都会遇到一些这样的问题。我也只是一个前端小白，里面可能也会有一些错误，还请各位不吝指教，以后碰到不同的问题也会继续更新。清除浮动.clearfix:after { content: ' '; display: block; visibility: hidden; width: 0; h...
2020-04-08 15:32:09
81
原创 前端CSS知识点汇总（待更新）
这是一些CSS相关的基础知识点，想到什么就写了什么，中间可能也有不少错误，还望读者多多见谅，重点部分待更新。。。。如果需要xmind文件的话也可以私聊我。...
2020-04-05 10:14:56
110
原创 word邮件合并，批量插入图片，批量修改文件名字
问题来源最近在帮村里统计村民信息时，需要每个人制作一张信息表格，还要插入个人照片。如果是以个人一个人输入，则会造成巨大的工作任务，所以下面是自己处理这些问题的一点经验。邮件合并在制作word信息表的时候，需要大量的重复动作的话，这个时候就得想到邮件合并功能。邮件合并的前提是将所有的人员信息制作成表格，如果需要批量插入图片的话，那么就需要在excel表格中加入图片在电脑上的地址。其中特别需要注...
2020-03-25 15:01:07
6614
原创 自动化构建工具 Gulp 简单的插件使用
gulp是基于node环境运行的，所以在安装gulp时需要先安装node环境。具体的话可以参见官网的使用下载说明：Gulp官网gulp经常使用的插件：gulp-htmlmin html压缩组件gulp-minify-css css压缩组件gulp-uglify js压缩组件gulp-conca 多文件合并组件gulp-smushit 图片压缩'gulp-...
2020-03-17 20:32:01
102
原创 css清除浮动的多种方式
父级元素 div 定义 height 高度结尾处加空 div 标签 clear：both父级div定义overflow:hidden父级div也浮动，需要定义宽度结尾处加br标签clear:both比较好的清除浮动的方法是第三种，很多常见的网站都是通过这种方式来清除浮动。具体 的代码形式如下:/**一种常见利用伪类清除浮动的代码**/.clearfix:after { c...
2020-03-11 10:21:39
73
原创 如何将vscode添加到鼠标右键，方法如下
1.新建reg文件.在桌面上新建一个文本文件,然后将文件后缀改为:.reg,文件名任意,例如:add_shortcut.reg.2.编写文本文件内容.将下面的内容Copy到刚才新建的.reg文件中,文本内容如下:1 Windows Registry Editor Version 5.0023 [HKEY_CLASSES_ROOT\*\shell\VSCode] 4 @="Open wi...
2020-02-25 11:41:04
1057
原创 eletron安装卡在 node install.js环节
npm i electron 的时候一直卡在 node install.js 这一步经常使用vscode的朋友则可以修改electron的主要下载地址在setting.json加上如下代码"liveServer.settings.donotShowInfoMsg": true,"terminal.integrated.env.windows":{ "ELECTRON_CUSTOM...
2020-02-22 19:44:55
342
原创 电脑安装有WPS和OFFICE时，将office设置为默认打开软件
首先在开始界面找到WPS软件下的配置工具打开配置工具，打开高级配置然后依次关闭一下按钮接下来的就是修改下面的默认打开方式，修改word,excel和PPT 当然你也可以自行配置这些操作至此，就已经将默认的打开方式设置为原来有的打开方式。...
2020-01-29 17:30:09
8898
原创 react 引入第三方模块（例：引入百度地图）
react 构建单页面应用程序，引入第三方模块，一般是通过npm下载引入但是百度地图在npm 当中并没有第三方模块 所以此时我们就需要在应用的入口通过 src 的方式引用第三方模块<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥">加载 bootstrap、...
2020-01-28 20:25:36
1495
原创 你不知道的Sublime使用技巧
最常用的1、新建文件-输入"html:xt"后 按"Ctrl+E键"或 “tab键” ,可快速生成xhtml 1.0的模板2、新建文件-输入"html:5"后 按"Ctrl+E键"或 “tab键” ,可快速生成HTML5的模板3、新建文件-输入"!"后 按"Ctrl+E键"或 “tab键” ,可快速生成HTML5的模板Ctrl+Shift+ [ 折叠...
2020-01-19 17:35:40
221
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人