- 博客(35)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 BFC是什么？大白话解释
1、定义BFC：块级格式化上下文2、特点：每一个BFC区域只包括其子元素，不包括其子元素的子元素。 每一个BFC区域都是独立隔绝的,互不影响<div class="box1" id="HM_bfc1"> <div class="box2"></div> <div class="box3"></div> <div class="box4"></div> <div clas
2022-03-23 23:51:12
814
原创 vscode常用插件
1.Bracket Pair Colorizer / Bracket Pair Colorizer 22.Highlight Matching Tag3.Chinese4.Color Highlight5.Trailing Spaces6.Git History7.open in browser8.Auto Rename Tag9.Auto Import10.javascript console utils11.Path Intellisense12.Npm Intellisense
2022-01-14 10:59:57
251
原创 git克隆失败和git fetch获取不到远程分支的问题
在工作中，想要clone某个开发中的项目到本地，进度条下载一段时间后就会报错失败。// 报错 1Clone failed early EOF The remote end hung up unexpectedly index-pack failed RPC failed; curl 56 OpenSSL SSL_read: SSL_ERROR_SYSCALL, errno 10054网上搜了下找了原因， 分析为 Git 限制了推送数据的大小导致的错误，重新设置通信缓存大小，于是执行了下.
2021-05-07 22:50:13
5341
原创 在项目中一些常用的git命令
场景一：执行commit后，还没执行push时，想要撤销这次的commit，该怎么办？解决办法：1、撤销commit，不撤销git add filegit reset --soft HEAD^2、撤销commit，连着add也撤销git reset --hard HEAD^说明：--soft不删除工作空间的改动代码 ，撤销commit，不撤销git add file--hard删除工作空间的改动代码，撤销commit且撤销addHEAD^ 表示上一个版本，即上
2021-05-07 22:18:08
88
原创 yarn : 无法加载文件 C:\Program Files\nodejs\yarn.ps1，因为在此系统上禁止运行脚本。
解决办法：一、点击电脑右下角的开始，菜单出来后，直接按键盘输入powerShell搜索，会出现下图，然后右键以管理员身份运行二、以管理员运行后，会出现下面命令窗口，在窗口上执行：set-ExecutionPolicy RemoteSigned，然后输入Y，按Enter确认三、查看执行策略：get-ExecutionPolicy四、关闭命令窗口完成上述四个步骤后，就可以解决出现无法加载文件，xxxx在此系统上禁止运行脚本。...
2021-04-25 22:50:25
20515
13
原创 nvm介绍、nvm下载安装及使用
一、nvm介绍 在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。二、nvm下载安装及使用2.1 nvm下载安装包下载地址：https://github.com/coreybutler/nvm-windows/releases，windows系统下载...
2021-04-20 00:11:28
122044
23
原创 为什么requestAnimationFrame(请求动画帧) 比setTimeout、setInterval有什么优势？怎么去应用？
requestAnimationFrame优势1、由系统来决定回调函数的执行时机。requestAnimationFrame的步伐跟着系统的刷新步伐走。它能保证回调函数在屏幕每一次的刷新间隔中只被执行一次，这样就不会引起丢帧现象，也不会导致动画出现卡顿的问题。比如，如果屏幕刷新率是60Hz,那么回调函数就每16.7ms被执行一次，如果刷新率是75Hz，那么这个时间间隔就变成了1000/75=13.3ms。什么是屏幕刷新频率？对于一般笔记本电脑，这个频率大概是60Hz，当你对着电脑屏幕什么也不
2020-06-04 11:27:46
743
1
原创 http与https区别，http1.0 http1.1 http2.0的主要特性
HTTP1.0HTTP1.0是一种无状态、无连接的应用层协议。HTTP1.0规定浏览器和服务器保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接，服务器处理完成后立即断开TCP连接（无连接），服务器不跟踪每个客户端也不记录过去的请求（无状态）。这种无状态性可以借助cookie/session机制来做身份认证和状态记录。而下面两个问题就比较麻烦了。首先，无连接的特性导致...
2020-06-04 10:08:14
506
原创 解决两个inline-block并排出现空白间隙
遇到一个这样的问题，当我们把div标签的display设置为inline-block时，这时标签的边距会有出现，看下面代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic...
2020-04-14 21:52:57
490
原创 vue路由的四种跳转方式
一、router-link1. 不带参数<router-link :to="{name:'aa'}"><router-link :to="{path:'/bb'}"> //name,path都行, 建议用name// 注意：router-link中链接如果是'/'开始就是从根路由开始，比如当前此时的路由是xxx/aa，:to="/bb",点击后路径就是xxx/...
2019-12-18 13:49:09
7798
原创 禁止选中页面文字几种方法
一、CSS方法html:<span class="msg-list">怎么禁止选中文字啊！！</span>css样式设置：.msg-list { user-select: none;}二、JS方法<div onselectstart = "return false">怎么禁止选中文字啊！！</div>...
2019-11-19 16:03:28
487
原创 数组遍历和去重几种方法
1、map()当数组中元素是值类型，map不会改变原数组；当是引用类型，则可以改变原数组，map()没法做到的过滤1.当数组中元素是值类型时const arr = [1, 2, 3];const result = arr.map(item => { item = item * 2; return item;});console.log('arr', arr); ...
2019-11-13 16:20:00
1336
原创 最新React项目配置less和按需加载antd
一、create-react-app 脚手架搭建的react项目不支持 less，配置less步骤：1、使用命令将配置文件暴露出来yarn eject // 或者 npm run eject注意：yarn eject或者npm run eject 报错This git repository has untracked files or uncommitted changes，因为我...
2019-10-14 22:54:37
399
原创 Electron Menu菜单设置和右键设置
主进程代码：import { Menu, shell, ipcMain, BrowserWindow } from 'electron';// normal （常规菜单项）// separator （分割线）// submenu （子菜单）// checkbox （复选菜单项）// radio （单选菜单项）const template = [ { label:...
2019-09-11 22:28:26
4743
2
原创 创建React webpack4.x项目
最近看到一帖子创建基本的webpack4.x项目，发现都没写完整，自己总结梳理了下：1、创建一个项目文件夹(比如react-domo)2、在项目文件夹(react-domo)下运行npm init -y快速初始化项目，生成package.json文件3、在项目根目录，创建src文件夹，在src文件夹下新建index.js和index.html4、安装webpack和webpa...
2019-08-26 22:33:34
226
原创 ES6中 class类和继承
一、如果要生成一个对象实例，需要先定义一个构造函数，然后通过new操作符来完成。1.普通function创建类function Person(name, age) { this.name = name; this.age = age;}// 静态属性Person.info = 'aaa';// 实例方法Person.prototype.say = function (...
2019-08-25 20:04:51
183
原创 ES6 展开运算符(延展运算符)
1.数组构造 数组合并var arr = ['aa','cc'];var str = ['bb',...arr,'dd'];console.log(str) // ['bb,'aa','cc','dd']数组复制// 例子1var arr = [1,3,4];var str = [...arr]; // 此时str等于[1,3,4]str.push(8);...
2019-08-25 15:58:25
517
原创 Error “Cannot find module 'import-local'”报错
问题：在搭建项目时，npm run dev时，出现“Cannot find module 'import-local'”报错解决办法：由于项目中安装第三方包时，cnpm和npm混合使用，导致报错，只要把项目中的node_modules文件夹删掉，统一用cnpm install，或者npm install重新下载第三方包，就能解决报错问题internal/modules/cjs/lo...
2019-08-25 12:01:34
4346
原创 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated"}的解决方法
问题：最近在项目中，做左侧菜单栏时，发现点击路由跳转相同地址 会有这个报错Uncaught (in promise) NavigationDuplicated{_name: "NavigationDuplicated", name: "NavigationDuplicated"}解决办法：router.js(或者router文件夹下index.js)中，添加这段代码impor...
2019-08-22 10:30:47
7372
原创 项目如何生成tree.md，使用tree生成目录树
一、安装tree-node-cli，全局安装（基于node，安装前安装node.js）#安装tree-node-cli模块包npm install -g tree-node-cli二、使用命令$ tree --helpUsage: tree [options]Options: -V, --version output the version n...
2019-08-06 10:07:43
2390
1
原创 npx是什么？
npx是什么？看了好多帖子都没看懂模糊不清晰，下面我自己总结几个点一、npx是npm5.2之后发布的一个命令。二、npx是为了解决什么？场景：项目中(项目内部，不是全局)安装了测试工具Mocha，我想在项目中调用 Mocha ，怎么调用？之前解决办法：只能在项目脚本和 package.json 的scripts字段里面， 如果想在命令行下调用，只能像下面这样调用./node_...
2019-07-20 11:46:58
14804
原创 nodejs回调的错误处理方式及其优点
NodeJS 通常使用回调模式，如果在执行期间发生错误，会把错误作为回调的第一个参数传递到回调函数中：fs.readFile(filePath, function(err, data) { if (err) { // 错误处理，return 可以让执行停止，这非常重要 return console.log(err) } // 使用数据对象 console.lo...
2019-07-19 23:27:03
917
1
原创 script标签中的 defer 和 async 属性
<script src="myscript.js"></script> // 没有defer和async属性时<script src="myscript.js" defer></script> // 有defer属性时<script src="myscript.js" async></script> // ...
2019-07-19 23:17:07
340
原创 Vue项目中引入 tinymce 富文本编辑器（仅适用于 Tinymce 4.x）
注明：是教程仅适用于 Tinymce 4.x，版本5.x以上不支持优点：1. 唯一一个从 word 粘贴过来还能保持绝大部分格式的编辑器；2. 不需要找后端人员扫码改接口，前后端分离；缺点：1.图片上传只能上传url,需要自己改装本地上传图片；一、资源下载npm install @tinymce/tinymce-vue -Snpm install tinymce...
2019-07-17 23:24:23
4285
原创 JSON对象转成formData对象,formData对象转成JSON对象
一、JSON对象转成formData对象（支持一层对象）const formData = new FormData();Object.keys(params).forEach((key) => {formData.append(key, params[key]);});一、formData对象转成JSON对象（支持一层对象）var jsonData = {};form...
2019-07-05 11:04:58
4839
2
原创 flex布局设置space-between(around)最后一行不左对齐问题
需求：在项目布局上使用弹性布局，要求每个盒子两端要对齐，而且最后一行在列不满的情况下要求左对齐；遇到问题： 使用flex的设置justify-content为space-between;发现最后一行不能左对齐，而是两端对齐方式导致形成下图1，图2所示的问题图1图2解决办法：俩种一.添加几个空格子，格子高度为0根据布局列数添加红格子(指上面的div)，每行...
2019-06-21 00:22:01
11585
1
原创 区别八进制，十进制，十六进制
在C语言里，整数有三种表示形式：十进制，八进制，十六进制。其中以数字0开头，由0~7组成的数是八进制。以0X或0x开头，由0~9，A~F或a~f 组成是十六进制。除表示正负的符号外，以1~9开头，由0~9组成是十进制。1. 二进制数中只有两个字符0和12.八进制：以0开头，由0~7组成的数。如，0126,0500003..十进制：除表示正负的符号外，以1~9开头，由0~9组成。如，12...
2019-02-28 22:12:36
11472
原创 iview设置不可选择的日期遇到的问题
设置属性 options 对象中的 disabledDate 可以设置不可选择的日期。disabledDate 是函数，参数为当前的日期，需要返回 Boolean 是否禁用这天。
2018-11-12 00:01:13
3889
7
原创 setTimeout和Promise区别（宏任务和微任务）
javascript的宏任务和微任务宏任务有Event Table、Event Queue，微任务有Event Queue1.宏任务：包括整体代码script，setTimeout，setInterval；2.微任务：Promise，process.nextTick注：Promise立即执行，then函数分发到微任务Event Queue，process.nextTick分发到微任...
2018-10-10 00:14:40
13917
5
原创 移动端项目代码初始化
移动端项目代码初始化1.在index.html中，metal标签增加属性（minimum-scale=1.0,maximum-scale=1.0,user-scalable=no）,要求移动端设备，用户去通过手指去放大缩小这样的操作是无效的，它的页面比例始终是1:1；<meta name="viewport" content="width=device-width,initial-...
2018-09-25 23:18:36
1243
原创 单页应用和多页应用
1.多页应用概念：每一次页面跳转的时候，后台服务器都会返回新的html文档，这种类型的网站，称之为多页网站，或者多页面应用；优点：1.首屏时间快 首屏就是页面首个屏幕的内容展现出来的时间，为什么快呢，因为我们访问一个页面的时候，服务器会返回一个html,然后页面就会展示出来，这个过程只经过了一个http请求这样的一个过程，只所以展示速度相当快，因为请求回来了，页面就展示出来了。...
2018-09-25 22:11:17
656
原创 阿里字体图标（iconfont）使用
1.进入阿里矢量图标库（www.iconfont.com）2.登录，登录后进入图标管理----我的项目3.新建项目,输入项目名，项目描述4.进入图标库---官方图标库，将项目中所需的图标一起添加入库（购物车），最后添加至所建的项目(如：travel项目)5.进入我的项目，点击下载至本地6.下载完成时，在下载的压缩包解压，里面的.js文件和.html文件可丢弃，只需要ic...
2018-08-22 21:32:42
7466
原创 JavaScript split() 方法
string.split(separator,limit)参数值参数描述separator可选。字符串或正则表达式，从该参数指定的地方分割 string Object。limit可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，
2017-08-15 16:14:14
198
[免费]FastStoneCapturePortable中文破解版
2019-07-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人