- 博客(134)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 改变mac的默认终端&背景色&显示分支
zsh是 shell 的一种 ,但是并不是我们系统默认的 shell ,unix 衍生系统的默认shell 都是 bash。
2023-03-20 11:49:31
510
原创 不同空格符在html中的应用
1.常用html中空格符及说明 它叫不换行空格，全称No-Break Space（推荐使用）。它是按下space键产生的空格。该空格占据宽度受字体影响明显而强烈。  它叫“半角空格”，全称是En Space，en是字体排印学的计量单位，为em宽度的一半。根据定义，它等同于字体度的一半（如16px字体中就是8px）。名义上是小写字母n的宽度。此空格有个相当稳健的特性，就是其占据的宽度正好是1/2个中文宽度，而且基本上不受字体影响。  它叫“全角空格
2022-04-27 15:44:47
408
原创 flex布局超出屏幕后显示省略号
flex布局，列表模块，中间区域文字超出省略<div class="box"> <div class="left-container"> <img width=100 height=100 :src="xxxxxxx"> </div> <div class="center-container"> <div class="title">标题&
2022-01-26 20:09:01
2703
原创 npm insall时， puppeteer、node-sass异常
解决方案设置需要翻墙的依赖包npm源// puppeteer 源设置npm config set puppeteer_download_host=https://storage.googleapis.com.cnpmjs.org// node-sass源设置npm config set sass_binary_site = "https://npm.taobao.org/mirrors/node-sass/"
2021-12-14 17:02:03
916
原创 centos7安装FATE
1.FATE单机部署附：github FATE单机部署指南下面介绍推荐方法：使用Docker镜像安装FATE2.为什么使用Docker镜像安装方法这样可以大大降低安装过程中遇到问题的可能性3.部署前环境检查查看Docker是否已启动 systemctl status docker能访问外网因为需要从公共网络中拉取安装包和docker镜像。即从镜像仓库中拉取指定镜像检查端口8080、9360、9380是否被占用netstat -lnp | grep -E '8080|9080|
2021-11-28 02:49:01
759
原创 centos7安装Docker和Docker Compose
Docker安装写在前面如何在centos7终端复制粘贴：shift+ctrl+c/shift+ctrl+v1.打开centos7虚拟机终端如何配置快捷键打开终端也可不进行相关配置2.登录root账户终端输入 su 回车输入root账户密码有如下显示即为登录成功[root@localhost 账户名]#3.确保 yum 包更新到最新，因此需要更新yumyum update注意：如果虚拟机没有连接网络的话，会失败，因此，在进行yum update时必须保证centOS7是可以上
2021-11-27 20:19:51
191
原创 解决虚拟机“此主机支持Intel VT-x但Intel VT-x处于禁用状态”问题
1.背景通过VMware workstation创建centos7虚拟机，在创建完成后，开启此虚拟机时报如下问题：2.解决以lenovo电脑为例。重启不断点击F2进入BIOS界面按下方向键选择“Configuration”选项将“Intel Virtual Technology”置为Enabled“Intel Virtual Technology”选项为Intel虚拟化技术选项，Disabled表示禁用该虚拟化技术，所以虚拟机无法打开，所以需要选中后按Enter回车键，将
2021-11-27 13:55:36
2861
原创 node.js内存溢出FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
用node服务处理一个操过30万的数据时报如下错误经分析，原因是 JavaScript堆内存不足，Node 是基于V8引擎，在 Node 中通过 JavaScript 使用内存时只能使用部分内存（64位系统下约为1.4 GB），当然内存不足时，也可以用下面方法来放宽V8默认的内存限制。通过 increase-memory-limit 插件安装插件：npm install increase-memory-limit执行命令：npx cross-env LIMIT=4096 increase-memo
2021-09-17 17:29:39
587
原创 bebel抽象语法树（AST）中js节点名称
babel代码解析成抽象语法树：在线工具FunctionDeclaration（函数声明）function a() {}FunctionExpression（函数表达式）var a = function() {}ArrowFunctionExpression（箭头函数表达式）()=>{}(此处可以思考：为什么没有箭头函数声明，以及Declaration和Expression的区别)AwaitExpression（await表达式）async function a () { await
2021-01-31 23:55:54
217
原创 npm ERR! Unsupported URL Type “npm:“: npm:fork-ts-checker-webpack-plugin@^5.0.11
背景执行npm install时报如下错误npm ERR! code EUNSUPPORTEDPROTOCOLnpm ERR! Unsupported URL Type "npm:": npm:fork-ts-checker-webpack-plugin@^5.0.11npm WARN deprecated [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142n
2020-09-29 18:32:04
6104
原创 ERROR: Failed to download Chromium r686378!
背景npm install 进行安装时，报如下错误ERROR: Failed to download Chromium r686378! Set "PUPPETEER_SKIP_CHROMIUM_DOWNLOAD" env variable to skip download.原因原因是npm安装puppeteer时出的问题解决方案只需要在安装puppeteer时添加–ignore-scripts就ok了：npm i puppeteer --ignore-scripts...
2020-09-29 18:27:13
6522
1
原创 正则表达式在IOS和安卓端的兼容性问题
IOS端不支持零宽断言常用零宽断言：?<=、?<!、?!、?=IOS端不支持?<=、?<!、?!否则会报错：Invalid regular expression: invalid group specifier name
2020-05-29 14:07:00
2537
2
原创 TypeScript新特性概述
typescript中的数据类型typescript为了使代码编写更加规范，更有利于维护，增加了类型校验，在typescript中主要给我们提供了如下数据类型：boolean 布尔型number 数值型string 字符串型array 数组型tuple 元组类型enum 枚举类型any 任意类型nullundefinedvoid类型never型：是其他类型（null 和 undefined）的子类型，代表从不会出现的值。这代表声明never的变量只能被never类型赋值函数的写
2020-05-17 21:18:08
1307
原创 css content属性
属性定义及使用说明content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容。关键属性值值说明string设置Content到你指定的文本attr(attribute)设置Content作为选择器的属性之一url(url)设置某种媒体（图像，声音，视频等内容）使用实例模拟placeholder// html&...
2020-05-07 19:31:30
391
原创 react-redux的provider和connect
react、redux、react-redux之间的关系Redux是React大家庭的一个重要成员，需要特别强调的是Redux本事是不依赖react的。Redux试图为React引用提供可预测化的状态管理机制。另外，Redux除了支持React后，还能够支持其他界面框架。但是如果要将React和Redux结合起来使用，就要一些额外的辅助工具，react-redux就是最常见最重要的一个。P...
2020-05-05 21:27:03
371
原创 video禁止全屏播放
playsinline属性完美解决-webkit-playsinline、webkit-playsinline、playsinline是禁止全屏播放的三个兼容性属性，其中，playsinline可完美解决ios端禁止全屏播放
2018-11-09 17:24:46
8174
原创 module.exports、exports、export、import、export default区别
写在前面这里涉及到CommonJs和Es6的知识，因此，想要充分的认识他们，少年，你需要修炼下CommonJs和Es6了。进入正题CommonJs规范：module.exports、exportsmodule.exports和exports 是commonJs的语法，大家熟知的node就是基于CommonJs语法设计的，node将每个文件视为一个拥有独立作用域链的模块，每个木块的类，变量，...
2018-11-08 11:53:24
1993
原创 启动本地服务神器：live-server
live-server 功能搭建临时的服务修改文件浏览器自动刷新自动打开项目使用安装npm install -g live-server实际使用----project-------src-------img-------lib-------indexhtml如上面项目目录树：cd porjectlive-server --port=8080...
2018-10-31 11:02:56
1667
原创 mac安装nvm
命令行执行：curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash在命令行输入nvm 回车，如果有Node Version Manager，则恭喜，安装成功；如果提示：nvm ：command not found 则安装失败。解决：先判断是否存在.base_profile文...
2018-10-30 11:51:15
1844
原创 监听url的变化
描述： 在实际的项目中，我们经常会遇到修改history的问题，如：通过pushState（state， title，url）；修改浏览器history历史记录，那我们有没有好的方法可以监听url的变化呢？ 示例：// 增加一条history历史记录history.pushState({}, 'test', '/myself/world/index'); // 监听前进后退$(w...
2018-06-05 10:45:41
8791
原创 特殊运算符： ‘|’
‘|’ 是个运算符，代表‘或’。具体使用： | ， |= a|=b =&gt; a = a | b例：3 | 5 =7 ， 5 | 3 = 7， 8 | 2 = 10分析： 拿 3 | 5 运算为例： ‘|’ 运算符会将运算符前后的数字转化为二进制编码：0011 和 0101 ，接下来会对比每位上的二进制数，如果两个都是0，则为0，如果有一...
2018-05-30 10:52:56
4077
原创 动态插入script，并在加载完成后执行callback
不管三七二十八，先上代码：function loadScript（url, callback） { let script = document.createElement('script'); if (script.readyState) { // IE script.onreadystatechange = function () { ...
2018-05-29 20:57:19
9034
原创 使用charles做代理处理时，提示‘网络连接失败’的处理
最近使用Charles做代理处理，写好代理配置后但是一直提示网络失败，很心累，处理如下： 一般情况下，当用户手机配置完代理后电脑charles会弹出一个弹框，如果没有出现点击Proxy->Access control settings，添加你的手机IP。 1. 将help -> Local IP Addresses 中的本地IP手动写入到：Proxy -> Access C...
2018-03-19 18:46:44
18956
3
原创 Jquery append方法使用中遇到问题记录
简单举例说明：//html<div class="answer"></div>描述： 功能：下滑加载更多，通过ajax请求到数据把组装好的html模板插入到list中。 实现：通过$(‘.list’).append(‘_html’); 方法把一个html模板插入到.list中，但是，触发加载更多多次后发现append()方法执行越来越慢。解决: 经排查，发现是要插入的_html模板中也存在.l
2017-09-24 23:40:54
1924
原创 fis3 一些特殊方法
fis.project.currentMedia() 可以用于获取当前命令指定的规则名：即media(name)中的name。fis.project.getProjectPath() 可以获取当前项目的工程路径
2017-08-16 21:22:14
438
转载 git中refs/for 和refs/heads
1.首先 简单点说，就是refs/for/mybranch需要经过code review之后才可以提交；refs/heads/mybranch不需要code review。如： 如果需要code review，直接push$git push origin master那么就会有“! [remote rejected] master -> master (prohibited by Gerrit)
2017-08-10 11:58:36
12401
原创 git rebase简介
一、基本 git rebase 用于把一个分支的修改合并到当前分支。例子：$ git checkout branch1$ git rebase origin这些命令会把你的”branch1”分支里的每个提交(commit)取消掉，并且把它们临时保存为补丁(patch)(这些补丁放到”.git/rebase”目录中),然后把”branch1”分支更新 为最新的”origin”分支，最后把保存的
2017-08-10 11:36:50
429
转载 深入理解git push
git push的一般形式为 git push <远程主机名> <本地分支名> <远程分支名> ，例如 git push origin master：refs/for/master ，即是将本地的master分支推送到远程主机origin上的对应master分支， origin 是远程主机名，第一个master是本地分支名，第二个master是远程分支名。1.1 git push origin m
2017-08-10 10:59:23
3890
转载 markdown编译器（自己对照学习用）
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-08-10 10:55:57
496
原创 css异步加载
media ：<link rel="stylesheet" href="xx.css" media="none"> 如上，当一个媒体查询的结果值计算出来是 false 的时候，浏览器仍然会下载样式表，但是不会在渲染页面之前等待样式表的资源可用。 样式表一下载好，media 属性就必须被设置一个可用的值，以便样式规则能被应用到 html 文档中onload 事件就可以用来将 media 属性切换到
2017-07-06 12:19:36
2727
原创 如何禁用流浪器的跨域限制
mac：chrome浏览器的跨域限制 在命令行工具中输入以下指令启动chrome即可。open -a "Google Chrome" --args --disable-web-security --user-data-dirsafari浏览器打开浏览器>工具栏>开发>停用跨域限制windows：旧版chrome和新版chrome实现方案不同，这里不赘述。
2017-06-15 16:52:56
1023
原创 webpack踩坑记
1.output:{}书写是有规范的 项目目录如下：|-reactapp|--build|--src|----assets|----components|----utils|----index.html|----index.js|--node-modules|--package.json|--README.md|--webpack.config.jswebpack.confi
2017-06-13 18:29:51
268
原创 react踩坑记
1.组件必须为大写字母开头import React from 'react';import ReactDOM from 'react-dom';export default class index extends React.Component{ render() { return ( <h2>this is index</h2>
2017-06-13 00:15:08
708
原创 +new Date()
var a =+new Date();//获取时间解释如下:=+是不存在的;+new Date()是一个东西;+相当于.valueOf();知识回顾：//4个结果一样返回当前时间的毫秒数alert(+new Date());alert(+new Date);var a=new Date();alert(a.valueOf());alert(a.getTime());
2017-06-04 21:13:00
3076
转载 页面优化中常常会说到减少 http 请求，应该如何理解
如题目所说，现在前端页面优化时经常会听到，减少http请求的做法，但是实际工作中经常会遇到，将公共的文件提取出来，防止一个文件太大。 这两个说法应该如何理解？如何取舍？http请求头的数据量每次请求都会带上一些额外的信息进行传输，当请求的资源很小，比如1个不到1k的图标，可能request带的数据比实际图标的数据量还大。 所以当请求越多的时候，在网络上传输的数据自然就多，传输速度自然就慢了。
2017-05-26 18:16:39
1623
原创 compass 中的 页脚固定 sticky-footer
<body> <div id="root"> <div id="root_footer"></div> </div> <div id="footer"> Footer content goes here. </div>8 </body>//index.css@include sticky-footer(54px) //参数为footer高度@
2017-05-25 22:59:46
276
原创 underscore _.template()
1._.template 支持以下三种模板:<% %> - to execute some code (执行一些代码)<%= %> - to print some value in template （在模板中打印或者说成输出一些值）<%- %> - to print some values HTML escaped （打印一些HTML转义的值）解释： <% %> 里包裹的是一些可执行的
2017-05-24 15:26:29
6248
原创 compass 配置文件config.rb中relative_assets的作用
Compass默认把config.rb所在目录看成是根目录。如何可以实现让compass使用相对路径呢？relative_assets = true可以实现。例：@import "compass";p{ background:image-url('test.png');}没设置relative_assets = true 时生成的CSS：p { background: url('/im
2017-05-24 10:04:42
733
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人