- 博客(90)
- 收藏
- 关注
原创 webpack配置 - gpt问答 待整理
当你在使用 @babel/preset-env 配置 useBuiltIns 为 ‘usage’ 时,Babel 会根据代码中使用的新特性,自动导入所需的 polyfill,而不是一次性导入所有的 polyfill。所以,只需在Babel的配置文件中设置useBuiltIns: 'usage’选项,并且安装core-js依赖,Babel会根据代码中使用的新特性自动导入相应的polyfill,包括对Array.prototype.at方法的兼容性处理。不需要手动引入core-js的相关模块。
2024-01-11 16:13:11
1057
原创 npm 安装依赖报错
Mac npm 安装依赖报错:Error: EACCES: permission denied, mkdir '/usr/local/etc'
2022-09-15 10:18:18
745
1
原创 1. Mac安装vue报错
error: permission denied, access ‘/usr/local/lib/node_modules’解决方案:用户没有权限,命令前面加sodosudo npm install -g @vue/cli
2022-01-08 17:18:13
840
原创 arr2tree
数组转树结构数据。function arr2tree (arr) { const arrObj = {}; arr.forEach(item => { arrObj[item.id] = { ...item, children: [], }; }); const tree = []; arr.forEach(item => { if(!item.pid) {
2022-01-08 14:29:59
559
原创 6. git管理 - 合并commit
命令行执行:git branchgit log 可以看到之前到commit记录,以及每一个commit的ID,如下:合并所有commit为一个commit,命令行执行:git rebase -i 36f663a68 ebf0b9fed734进入下面的界面:按 i 键进入编辑模式,修改commit信息前面的操作信息。这里可以选择怎么操作每一条commit,删除一条commit信息后,对应的改动会被删除。按 esc 退出编辑模式,输入:wq保存修改信息,自动进入以下页面:(这.
2022-01-06 11:50:11
981
1
原创 5. git配置 - 远程仓库的更替
场景:公司项目大版本更替,需要更换代码仓库。要完成这件事情,克隆新的远程仓库,将代码拷贝进去,push就完了,但是。。。想要保留之前开发的commit信息,那就进行了下面的操作:将老仓库的代码pull到本地仓库,在本地仓库添加新的远程仓库git remote add origin '远程仓库地址'然后将代码推送到新添加的远程仓库即可。git push originName branch...
2022-01-01 16:13:34
441
原创 4. git规范 - commit格式
Header部分只有一行,包括三个字段:type(必需)、scope(可选)和subject(必需)。type用于说明 commit 的类别,只允许使用下面7个标识。feat:新功能(feature)fix:修补bugdocs:文档(documentation)style: 格式(不影响代码运行的变动)refactor:重构(即不是新增功能,也不是修改bug的代码变动)test:增加测试chore:构建过程或辅助工具的变动...
2021-12-10 10:26:14
716
原创 开发问题记录:v-if/v-show与display的互斥
场景描述:app.vuecomponent:- StepOne.vue- StepTwo.vueStepOne.vue<template> <div> <div>步骤一标题</div> <div>步骤一内容</div> </div></template>StepTwo.vue<template> <div style="display: flex;">
2021-11-19 14:09:11
968
原创 vue常用组件汇总
目录UI组件组件UI组件antd-vue:官网地址elemnetUI:官网地址组件vue-fragment:片段组件,npm地址
2021-10-20 14:55:35
317
原创 进程查询及杀死
这个是Linuxps -ef|grep javakill -9 进程号查询进程打开cmd,输入 netstat -ano | findstr 9002(查询9002端口的pid);关闭进程(cmd需以管理员模式运行):taskkill /pid 12064(pid号) -f 或者在任务管理器中找到任务结束程序即可...
2021-10-14 16:24:50
178
原创 react父组件调用子组件的方法
子组件:import react,{Component} from 'react'export default class Child extends Component{ constructor(props){ super(props) this.state = { //声明变量 text: '山有木兮木有枝' } if(props.onR...
2020-04-29 11:03:52
1314
原创 面试题
1,输入:“get1_install2_app3_list4_by5_android6”(每个单词后面总会携带一个数字,只有偶数才删掉),我不用循环只用正则怎么实现输出"get1InstallApp3ListBy5Android"?// 1 正则let str = "get1_install2_app3_list4_by5_android6"let reg = /_|(\d*...
2020-04-28 11:22:47
600
8
原创 npm - 查看已安装依赖
查看当前目录的依赖npm ls查看全局安装的依赖npm ls -g限制依赖展示层级npm ls -g --depth 0不同的需求,添加不同的参数,持续更新…
2020-04-20 20:54:28
6229
原创 小程序绑定事件传参
小程序在组件上绑定事件后,传递参数的方式不同于前端开发其他场景中直接加参数的方式,小程序在参数的传递时,采用事件对象的自定义属性的方式,具体实现如下:wxml:<view bindtap="bindHandle" data-index="1">点击事件传参</view>wxjs:bindHandle: function(e){ // 传递的参数 ...
2020-04-17 16:29:28
664
原创 3. git提交 - 账号密码错误
问题:git clone xxx 失败执行git clone命令之后并未输入账号密码,直接报错如下:提示: Authentication failed.remote: 认证失败,请确认您输入了正确的账号密码。解决方案之前用git Bash克隆代码时输入的账号密码在这里被记录了,编辑或者删除就可以正常操作了。...
2020-04-03 19:30:44
827
原创 笔记本截图
方法一:按一下键盘上的PrintScreen键,按完之后整个屏幕的截屏就已经在粘贴板中了,在你想要使用图片的地方右键粘贴就可以了。方法二:点击电脑开始按钮,打开开始菜单,找到windows附件,找到截图工具,打开截图工具,点击新建,然后框选你要截屏的地方就好了,选完之后截图会出现在截图工具中,文件另存就可以了。方法三:使用第三方的截图功能,微信,qq这个都有截图功能。电脑登陆微信时,可以使用...
2020-04-03 19:06:56
258
原创 less变量
格式:@themeColor:#dddddd;@ 变量名 :值 ;五部分,末尾的分号不能省略文件一中定义的变量在其他文件中引用时,需将文件一引入,引入格式:@import “文件一”;(引号内为文件一路径)...
2020-02-11 11:24:08
2118
原创 create-react-app使用记录
全局安装npm install -g create-react-app创建项目create-react-app 项目名等一会儿。。。创建成功查看项目暴露webpack配置文件(暴露配置文件的目的是增加自己想要增加的依赖。)npm run eject操作成功。增加lessnpm install less-loader less --save-dev修改配置文件:...
2020-01-15 18:43:33
188
原创 微信分享:注意事项
未关注公众号的用户,分享链接不会使用设置的文案展示,只会展示链接。分享页面的链接,不能写死,就算是固定的url,也要用window.location.href获取,因为微信会给url增加参数。...
2020-01-10 13:32:13
167
原创 class命名常用
about 关于account 账户arrow 箭头图标article 文章aside 边栏audio 音频avatar 头像bg,background 背景bar 栏(工具类)branding 品牌化crumb,breadcrumbs 面包屑btn,button 按钮caption 标题,说明category 分类chart 图表clearfix 清除浮动clos...
2020-01-09 11:21:20
443
原创 react ref获取样式
<div ref={dom=>this.dom=dom}>这里是jsx</div> var style = getComputedStyle(this.dom,null)
2020-01-08 13:10:05
1551
原创 CSS:文字不可选中
-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
2020-01-03 09:56:57
275
原创 数组降维
数组降维Array.prototype.reduceconst oldArr = [1, 2, [3, 4]];const newArr = oldArr.reduce((prev, curr) => (prev.concat(curr)), []);Array.prototype.concatconst oldArr = [1, 2, [3, 4]];const ne...
2019-11-21 13:46:46
200
原创 小程序复制
wxml<view>内容:{{contents}} </view><view bindtap='copyText' data-text="{{'这里是要复制的内容'}}">复制</view>jsPage({ data: { contents:'这是可以复制的文字,粘贴后即可看到效果' }, copyText: ...
2019-11-01 15:18:06
160
原创 默认导出与命名导出
默认导出对于导出内容的命名无关紧要,只要给定名称即可,但默认导出只有一个。命名导出导入时,名称必须与导出的名称一致,可以导出多个。这是默认导入:// B.jsimport A from './A'仅当A具有默认导出时才有效:// A.jsexport default 42在这种情况下,导入时分配的名称并不重要:// B.jsimport A from './A'i...
2019-10-16 18:30:15
1923
2
原创 时间戳
定义:一个整数值,表示自1970年1月1日00:00:00 UTC(the Unix epoch)以来的毫秒数。获取时间戳new Date().getTime()Date.now()时间戳转化为指定格式的时间表示 function getDate(str) { var oDate = new Date(str); var oYear = oDate....
2019-10-16 10:15:04
166
原创 叉号
叉号指一双交叉线组成的符号,例如✗, ✘, x, ×, X, ✕, ☓, ✖等,通常代表“不”、“否”等意义。用途很多地方的选票就是要在侯选人旁边的方格加上叉号,代表“选择”,但引起“叉号是否等于不要这个候选人”的疑惑,故香港等地后来改用只有正面意义的勾号。操作系统的复选框也是一样。与大陆填表时,习惯在所要选择的方框中打勾(✓)不同,美国和加拿大的习惯则是在所要选择的方框内打叉(✕)。例如填...
2019-10-08 17:08:16
20743
原创 获取一个页面中使用最多的标签。
获取所有标签的标签名,存于数组遍历数组,用对象属性不重复的特性累计同一标签使用次数将对象的属性降序排列,取出指定数量的标签参数:length返回:newO,使用次数最多的标签集合,第一个使用次数最多,向后使用次数依次递减getTop5 = (length)=>{ if(typeof length !== 'number'){ throw new Error(...
2019-09-26 09:52:31
620
原创 css跑马灯
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-09-11 16:45:50
803
原创 css animation
animation 是animation-name,animation-duration,animation-timing-function,animation-delay,animation-iteration-count,animation-direction,animation-fill-mode,animation-play-state这些属性的一个简写形式。anima...
2019-09-10 15:53:36
380
原创 不踩不知道-html
标题类型的内容,不要限制宽度,即使限制宽度,也要比给定设计图的内容宽度大一些。原因:用户的浏览设备默认字体不一致。字体超级大,宽度超过限制宽度时,会换行。...
2019-09-04 15:05:30
127
原创 css-奇葩技巧记录
标签宽度由内容或子标签撑开display:flex// 例:使 li 的宽度由字标签span的宽度撑开,给 ul 设置flex布局。html: <ul className="list"> <li className="item"> <span className="text">哈哈</span> ...
2019-08-19 15:26:05
199
原创 CSS Shorthand
background 有以下属性: background-color: #000; background-image: url(images/bg.gif); background-repeat: no-repeat; background-position: top right;可以简写成一行声明: background: #000 url(images/bg.gif) no-re...
2019-03-19 16:19:49
239
原创 js--序列化
对象序列化是指将对象的状态转换为字符串;序列化(Serialization)是将对象的状态信息转换为可以存储或传输的形式的过程;ECMAScript 5中提供了内置函数JSON.stringify()和JSON.parse()用来序列化和还原JavaScript对象。JSON的语法是JavaScript语法的子集,它并不能表示JavaScript中的所有值,对于JSON语法不......
2019-01-28 18:22:44
1435
原创 less快速开始
变量值变量:以@开头定义变量,并且使用时直接键入@名称。选择器变量:属性变量:混合可以理解为一个模板,接收不同的值,返回相同属性不同值的样式。...
2019-01-08 15:36:58
533
原创 CSS - cursor
值样式default默认光标(通常是一个箭头)auto默认。浏览器设置的光标。crosshair光标呈现为十字线。pointer光标呈现为指示链接的指针(一只手)move此光标指示某对象可被移动。e-resize此光标指示矩形框的边缘可被向右(东)移动。ne-resize此光标指示矩形框的边缘可被向上及向右移动(北/东)。...
2018-12-14 16:52:05
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人