- 博客(81)
- 收藏
- 关注
原创 找出两个数组的不同
let arr1 = [3,4,5];let arr2 = [1,3,9];// item1 => !arr2.includes(item1) 可替换为 item1 => arr2.indexOf(item1) ===-1// item1 => !arr2.has(item1)const _arr1 =arr1.filter(item1 => !arr2.includes(item1));const _arr2 =arr2.filter(item2 => !arr1
2025-01-09 23:24:01
87
转载 【开发工具】npm淘宝镜像过期了
错误提示已经告诉原因是淘宝镜像过期了!npm 淘宝镜像已经从 registry.npm.taobao.org 切换到了 registry.npmmirror.com。
2025-01-09 23:10:41
228
转载 项目管理工具推荐!!
在线项目管理软件Monday. com禅道项目管理软件LeangooOrangeScrumTuleapTargetprocessClikupeasyBacklog
2024-05-27 19:59:37
164
原创 【开发工具】你需要知道的vim操作 都在vimtutor里 每天跟练一遍,提升coding效率
Vim是一个功能强大的编辑器,它有很多命令,可以让工作更高效。每次看到同事在他的电脑上飞快的操作,炫技,我都很羡慕。昨天同事推荐我一个命名vimtutor(我把它叫作命令的源泉),我才知道原来大神们都看过这个。
2024-05-08 20:28:12
1210
原创 【解决Typora图片不是显示问题】PicGo+Github+Typora+ onedrive/坚果云 实现笔记同步
PicGo+Github+Typora+ 坚果云/onedrive 实现笔记同步工具 类型 作用Typora 笔记软件 (但不提供云服务 )onedrive/坚果云 云盘 用于实时上传文件-----解决同步问题PicGo 图上上传工具 与图床结合使用 → 解决图片不能自动移植的问题Github 图床 专门用于储存图片 → 解决图片不能自动移植的问题
2023-12-21 18:29:32
2417
2
转载 【React】React状态管理redux React中Dispatch
是一个普通action方法调用,传递了val参数,得到一个事件描述 ,这个描述其实也是一个普通的JavaScript对象(参考下面派发给Reducers 的数据格式)本例中 containers/AddUser.jsx 代码, 容器组件和展示组件的属性做一个映射, 容器组件会监听到 Redux state 的变化,提供给展示组件。action 描述事件的发生,text 是调用者传递的参数。state参数 是旧的数据。
2023-09-28 14:19:02
1114
转载 编译器之vscode使用
这里写自定义目录标题vscode设置成中文VScode用户设置UI界面配置JSON配置快捷键行 的操作词 的操作:搜索或者替换:借用一句话:工欲善其事,必先利其器。想要优雅且高效的编写代码,必须熟练使用一款前端开发工具。但前端开发工具数不胜数,像HBuilder、Sublime Text、WebStorm、Visual Studio Code…等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统,独受前端工师的青睐vscode设置成中文方法一 安装中文插件Chinese (Sim
2022-02-18 19:20:36
1462
1
转载 CSS命名规范-BEM
BEM是一种命名规范。模块名+元素名+修饰器名比如Instagram团队使用的驼峰式.blockName-elementName--modifierName { /* ... */ } 单下划线.block-name_element-name--modifierName { /* ... */ } 修饰器名用单横线连接.blockName__elementName-modifierName { /* ... */
2022-02-10 17:38:30
744
1
转载 使用lite-server快速搭建本地服务器
使用Nodejs模块搭建本地服务器方法较为麻烦,且功能单一不易拓展。lite-server的功能与之类似,均可以搭建本地服务器,但它的优势在于搭建迅速,只需要安装npm包即可;可自动刷新,使用BrowserSync监测文件变化;可配置多种选项,比如默认端口及默认文件夹等。npm地址:https://www.npmjs.com/package/lite-server迅速搭建:npm initnpm install --save-dev lite-server修改package.json文件,加入如
2021-12-29 10:21:06
1439
原创 用极简插件安装Vue Devtools
打开极简插件极简插件:https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd下载文件解压文件打开谷歌浏览器地址栏输入 chrome://extensions/将解压后的文件拖入浏览器
2021-12-03 15:17:45
462
转载 vue-devtools浏览器插件安装
下载使用git 下载 vue-devtoolsgit clone https://github.com/vuejs/vue-devtools.git安装 npm包安装过程有一些慢cd vue-devtoolsnpm install由于太慢了,使用 cnpm,先安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install编译npm run build浏览器添加扩展输入 ch
2021-12-03 14:36:55
292
原创 css实现垂直居中的几种方式
css布局 实现垂直居中的几种方式一、单行元素垂直居中二、对文本进行垂直居中三、对已知高度块级元素进行垂直居中四、对未知高度块级元素进行垂直居中<div class="parent"> <div class="content">内容垂直居中</div></div>一、单行元素垂直居中1、可设置该行内元素的父元素的height与line-heigth的值相等,让行内元素垂直居中2、针对行内元素,可通过设置vertical-align: middl
2021-09-28 16:09:18
15506
1
原创 switch…case 语句
switch…case 语句一个 switch 语句允许测试一个变量等于多个值时的情况。每个值称为一个 case,且被测试的变量会对每个 switch case 进行检查。switch 语句的语法:switch(expression){ case constant-expression : statement(s); break; /* 可选的 */ case constant-expression : statement(s);
2021-09-06 17:48:28
1154
转载 git commit提交代码时的代码校验pre-commit 如何去除
删除hooks目录下的内容!没错,你没有看错,是删除!然后再重新执行git commit命令,至此大功告成。进入 项目所在文件夹>.git>hooks。
2021-08-24 16:36:21
2836
1
原创 【工作记】vue组件上动态添加和删除属性
vue组件上动态添加和删除属性// 添加this.$set(this.obj, 'propName', val)// 删除this.$delete(this.obj, 'propName', val)有时候我们直接赋值,视图不会更新例子循环// 展开当前行expand(row) { this.list.map(item => { if (row.id !== item.id) { // 其他行收起 row.isExpand = false } }
2021-07-28 17:56:41
866
转载 React之Redux架构介绍
有些情况下,如果不使用 Redux 或者其他状态管理工具,不按照一定规律处理状态的读写,代码很快就会变成一团乱麻。此时,你需要一种机制,可以在同一个地方查询状态、改变状态、传播状态的变化。总之,不要把 Redux 当作万灵丹,如果你的应用没那么复杂,就没必要用它。如果还懂 Flux,就更好了,会比较容易理解一些概念,但不是必需的。简单说,如果你的UI层非常简单,没有很多互动,Redux 就是不必要的,用了反而增加复杂性。事实上,大多数情况,你可以不用它,只用 React 就够了。】
2021-05-18 14:24:50
382
1
转载 h5制图开源工具
flowchart.jshttp://adrai.github.io/flowchart.js/基于SVG创建Flow Chartgo.jshttp://www.gojs.net/latest/index.htmlgo.js 提供antv系列 https://antv.gitee.io/zhantv- g6 https://g6.antv.vision/zh/flowchart.jshttp://adrai.github.io/flowchart.js/基于SVG创建Flow .
2021-05-12 10:35:56
356
转载 https iframe嵌套http页面
pageiframestatushttphttpallowedhttphttpsallowedhttpshttpnot allowedhttps嵌套http不支持httpshttpsallowedhttpshttpsinsecure scriptsnot allowedhttpshttpsinscure imagesallowed but the browser will warn————————————————...
2021-05-06 10:53:30
2602
原创 分环境打包 import不能放在if里
想实现一个功能,在测试环境引入一个功能,生产环境不引用// TODO 本地调试工具,生产勿打包进去const env = process.env.NODE_ENV;if ('production' !== env) { require( "../utils/vconsole");}用require代替import注意:require放在if中,false也会在构建的时候把require的代码加载进去,只是不执行,会导致包体积大// 错误示例,import不能放在代码块里,这样代码
2021-04-30 14:27:52
1139
转载 微信H5移动端真机调试--vConsole
在移动端实际开发中,还是会碰到一些棘手的bug,想看看到底哪里出了问题,苦于移动端不能F12啊。友好的微信给我们提供了这么一个入口,使开发者可以真机调试。给微信开发者点赞。然后就可以看到你打印的内容及其他的信息,比如cookie、LocalStorage,Network、Element……微信打开这个网址 http://debugx5.qq.com/暖心的我给你准备好了二维码,扫一扫吧(不要太感动……)进去后,选择中间‘’信息‘’,然后一直往下翻,把vConsole打开,把下面两个Content C
2021-04-27 09:49:21
743
原创 数组指定位置插入数组
数组中插入数组// arr [2, 0, A, B, ... , X] --> (2, 0, A, B, ... , X)var arr = [insertIndex, 0].concat(childNodeList);// 把childNodeList追加在当前parent之后Array.prototype.splice.apply(scope.showList, arr);原理参考:向数组中插入另一个数组...
2020-08-18 11:20:12
1957
原创 css透明度的写法 16进制透明度的转化
白色,50%透明的两种写法// 白色,50%透明color: #ffffff80; // 白色,50%透明color: rgba(255, 255, 255, .5);
2020-05-12 17:11:57
3965
原创 JS中的运算符
加法的注意事项字符串的加法:任何数据类型的值加上字符串都是字符串的拼接1 + 'Tom'; // 1Tom'Tom' + 1; // Tom1'Tom' + undefined; // Tomundefined'Tom' + NaN; // TomN等号=基本运算符加减乘除取余括号+-*/%()加法的注意事项字符串的加法:任何数据类型的值加上字符串都是字符串的拼接1 + 'Tom'; // 1Tom'Tom...
2020-03-22 16:51:47
403
2
原创 简述JavaScript模拟多线程机制
JavaScript是单线程的,通过轮转时间片模拟多线程运行,即短时间之内轮流执行多个任务的片段 1. task1,task2,task3…taskN 2. 切分task1,task2,task3…,taskN成任务片段 3. 随机排列这个任务片段,送进JS进程中 4. 执行,JS线程执行一个又一个任务片段...
2020-03-19 19:51:09
191
原创 JavaScript知识三大块 - ECMAscript DOM BOM
知识领域规范作用ECMAscriptECMA规范语法、变量、对象、原型链、继承、函数……DOM (document object model )W3Cdom元素的增删改查等操作BOM (browser object model)无规范窗口宽高、滚动条、事件(注册、捕获、冒泡)、正则、鼠标事件、键盘事件……...
2020-03-19 19:45:49
215
原创 浏览器历史大事记和JavaScript的诞生
1、1990年蒂姆·博纳斯·李 首次使用超文本分享资讯的人开发浏览器 world wide web 后移植到C,libwww/nexus实现 允许别人访问他人编写的网站2、1993年美国伊利诺大学NCSA组织(马克·安德森)MOSIAC浏览器图形化浏览器,可以显示图片 3、1994年马克·安德森和吉姆·克拉克(硅图公司GUI)合办公司 MOSIAC communicatio...
2020-03-19 19:17:48
332
原创 五大浏览器及其内核
只有有自己的内核的浏览器,才能进入榜单浏览器 内核IE tridentchrome webkit/blinksafari webkitfirefox geckoopera presto
2020-03-19 19:12:02
222
转载 JavaScript 中的异步原理和事件循环机制
AJAX 线程负责发送请求,拿到响应后,把响应封装成一个 JavaScript 对象,然后构造一条消息 主线程在执行完当前循环中的所有代码后,就会到消息队列为什么 JavaScript 是单线程 ?JavaScript是单线程,怎样实现异步操作1. 消息队列2. 事件循环异步原理(AJAX异步实现流程)事件循环JavaScript 的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript 的主要用途是与用户互动,以及操作 DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题
2020-02-27 17:22:57
423
转载 常见的js兼容问题
常见的js兼容处理获取非行内样式获取事件对象事件源获取按键的值阻止默认事件阻止事件冒泡事件绑定 与 解除事件绑定window对象的一些属性兼容获取非行内样式// 获取非行内样式function getStyle(ele, attr){//ele为获取元素,attr为属性。 var a = ""; if(ele.currentStyle){ // ie浏览器 currentStyle...
2020-02-26 11:44:13
123
原创 什么是PMP
什么是PMP考PMP有什么用?考取PMP证书有哪些人士PMP讲了哪些内容五大过程组十大知识领域PMP怎么考核考试时间答题时间考试地点考试形式考试题型考试通过标准考试费用报考需要什么条件不报班可以考PMP吗
2020-01-20 17:30:00
649
1
原创 【css】css3中的动画功能
CSS3动画transform 动画2d动画transition 动画过渡animation 动画 @keyframes 自定义动画transform 动画2d动画translate 位移可为负值transform: translate(x,y); rotate旋转角度正值,顺时针;负值,逆时针transform: rotate(360deg);scale 放大缩小放大,大...
2020-01-10 15:03:43
198
原创 【css】css中的颜色
css中的16进制颜色与RGB的对应转换,透明设置十六进制颜色值RGB颜色值RGBA颜色值HSL 及 HSLA预定义/跨浏览器颜色名17种标准色透明设置用rgba设置透明颜色用opacity设置透明颜色css中color 、background-color颜色属性即红、绿、蓝光的组合十六进制颜色值十六进制FF中,对光源进行设置的最低值可以是0(十六进制00),最高值是255(十六进制FF)...
2020-01-10 14:32:57
865
原创 【css】background相关背景图的设置
渐变背景通过`background-image`属性实现。linear-gradient 线性渐变radial-gradient 径向渐变background-size 图片完全置于盒子内,图片同比例缩放,当盒子比例和图片比例不一致时 可能某个方向留白background-origin背景图放置的起始位置
2020-01-10 13:03:10
343
原创 【css】css中的盒模型
盒模型 Box Model标准盒模型怪异盒模型所有HTML元素可以看作盒子,如div元素,p元素等标准盒模型标准盒模型,是默认盒模型实际宽度 =border + padding + width即box-sizing: content-box;怪异盒模型实际宽度 = widthwidth不受border+ padding影响content-box随border+ paddin...
2020-01-10 09:45:33
106
原创 【css】css中的几种布局方式
布局方式position 定位布局float 浮动布局flex 弹性布局默认按钮文档流的书写顺序,从上到下、从左到右渲染通过以下几种方式,可以改变默认顺序position 定位布局position值为relative时,不脱离文档流相对于元素本身的位置移动后,原位置保留position值为absolute时,脱离文档流,块级化相对于祖先级有定位属性的元素定位如父元素无定位属...
2020-01-09 18:00:08
247
原创 【css】css中的盒子阴影与文字阴影
盒子阴影box-shadow: x y blur spread color type;x轴偏移量 正值向右,负值向左y轴偏移量 正值向下,负值向上blur阴影大小(模糊程度) 文字阴影text-shadow: x y blur color;x轴偏移量 正值向右,负值向左y轴偏移量 正值向下,负值向上blur 模糊半径,正值,从出现到消失的长度color 可多个 支持阴影叠加
2020-01-09 13:52:03
232
原创 @font-face 自定义字体
@font-face 自定义字体将字体文件存放到Web服务器上,它会在需要时被自动下载到用户的计算机上定义字体@font-face { font-family: myfont; <!-- 自定义字体名称 --> src: url('font-family/Sansation_Light.eot'); /*eot 兼容ie9*/ src: url('font-family...
2020-01-09 11:13:57
382
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人