自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(47)
  • 收藏
  • 关注

原创 【无标题】mac配置java jdk版本工具后jenv后,.zshrc更改了后,指令都失效了

不需要像其他人说的那样把.bin文件夹删掉,只要将配置改对,然后退出当前的终端重启开启终端,然后source一下就好了。

2023-05-17 09:33:09 244

原创 概念+示例+横向对比+难点解析征服八大react hooks

对不同阶段的react开发者会有不同的效果,最终目的是能够对8大react hooks,完全理解,游刃有余。对比useState和useReducer,什么时候使用useMemo和useCallback,useEffect的参数... ...

2023-02-28 01:08:58 213 1

原创 一次性初始化完整对象属性比先创建再添加属性更优吗?

一次性初始化完整对象属性比先创建再添加属性更优吗?V8 会想尽一切办法来压缩这个查找过程,以提升对象的查找效率。这个加速函数执行的策略就是内联缓存 (Inline Cache),简称为 IC。综上,这个文章标题的答案是 yes。

2023-01-16 10:12:15 113

原创 mac安装的d8工具快速调试v8时报错Warning: unknown flag --print-ast.

方式安装的话,是不包含一些常用的例如–print-ast(查看代码被解析器结构化成 的AST)、–print-scopes(查看当前的v8作用域)等在debug模式下的方法的。然后就可以愉快地进行调试,需要注意的是,前面提到的–print-ast、–print-scopes等都是debug版本才能用的,所以,完整的调试指令应该是。接着执行jsvu,选择v8和v8-debug就够了(最后面附所有的js引擎和支持的操作系统一览图)接着设置mac的v8环境变量。原因是:安装的版本不支持。保存,接着激活新的配置。

2023-01-06 18:16:24 302

原创 element-plus的form表单form-item的prop怎么写才能正确校验,实现逻辑是怎么样的?

不管是element-plus还是上一个版本的element-ui,都是一个使用很广泛的基于css+html+js的ui组件库,它的form表单自带强大的校验功能,form-item的prop怎么写才正确,实现逻辑是怎么样的?搞懂了,下次可以不用查阅api反复测试就能写出正确的prop了

2023-01-05 21:15:00 4127 5

原创 记录vue2和vue3中异步加载远程组件的不同实现

记录vue2和vue3中异步加载远程组件的不同实现

2022-12-13 18:45:00 1618 1

原创 关于项目国际化的一些vscode配置

记录vscode的i18n Ally+vue i18n的正确配置方式和解决过程

2022-12-13 13:30:39 600 2

原创 javascript基础小结(一)

今天突发奇想,想要垂直精学一段时间的javascript,用我的第一次「连载」来记录总结一些知识点吧。类型转换Number类型转换我们可以看到,“一元加号运算符”的优先级是 15,高于“二元加号运算符”的优先级 12。这也是为什么表达式 “+apples + +oranges” 中的一元加号先生效,然后才是二元加法。如果我们想要对变量进行自增操作,并且 需要立刻使用自增后的值,那么我们需要使用前置形式:如果我们想要将一个数加一,但是我们想使用其自增之前的值,那么我们需要使用后置形式:按位

2022-12-07 23:24:36 557

原创 更新macOs后brew update报错Error: Command failed with exit 128: git。。。

其次,还可以brew doctor查看一些warning和跟着提示去解决warning操作。macOs更新到12.6之后,brew install go报错。接着就可以愉快地update install等brew操作了。然后重复一开始的那些操作,诊断什么的。再实在不行,打开终端,输入。查看brew git信息。

2022-11-08 14:34:17 630

原创 D3学习指南

可视化D3的学习指南

2022-11-08 12:37:06 106

原创 记录封装的一个indexedDB便捷增、删、改、查轮子

实现IndexedDB封装实现增删改查,以及封装成es6的Class类使用

2022-11-01 17:26:15 323

原创 记一次vue^2.6.5-router^3.0.6的keep-alive事故

keep-alive还有这个bug,而且用includes竟然无效

2022-08-31 20:19:32 242

原创 初次接触go

公司做云原生相关交付相关的支持生态产品开发,主要语言就是go,所以我想学好go~还没写过,想先了解下基础,然后再开始写一些接口。现在正在看一些go的基础介绍和语法。起步安装https://golang.google.cn/dl/配置环境变量https://zhuanlan.zhihu.com/p/349664265vim ~/.bash_profile 打开编辑export GOROOT=/usr/local/goexport GOPATH=/Users/yoocoo/godevexp

2022-02-08 09:26:31 169

原创 前端的mac安装jmeter,保证不踩坑版

https://blog.csdn.net/chen__an/article/details/105420058感谢此人的jmeter安装教程,简单实用之后我jmeter一下启动果不其然报错了Unable to find any JVMs matching version "(null)".No Java runtime present, try --request to install.Neither the JAVA_HOME nor the JRE_HOME environment var

2021-07-20 11:41:59 188

原创 跑vue项目报错

To install them, you can run: npm install --save core-js/modules/es.object.to-string.js core-js/modules/es.string.iterator.js core-js/modules/web.dom-collections.iterator.js删掉node_modules的东西,重新 npm i出错原因可能是yarn安装的版本core.js问题...

2021-05-10 16:17:52 170

转载 最全正则表达式

https://www.w3cschool.cn/regexp/hz7v1pqe.html

2020-12-10 09:11:55 97

翻译 es6容易被忽视的新api

// 老写法'assign' in Object // truedelete obj[name]// 新写法Reflect.has(Object, 'assign') // trueReflect.deleteProperty(obj, name)

2020-12-07 22:21:53 144

原创 【微信小程序】Error: EEXIST: file already exists?

亲测有效,点菜单栏-项目-重新打开此项目-真机调试-预览成功微信小程序的开发小问题真是一箩筐,神烦

2020-11-16 18:10:57 567 2

原创 你可能不知道的const

众所周知,使用 const 声明的变量必须同时初始化为某个值。一经声明,在其生命周期的任何时候都不能再重新赋予新值const a; // SyntaxError: 常量声明时没有初始化const b = 3; console.log(b); // 3 b = 4; // TypeError: 给常量赋值const 声明只应用到顶级原语或者对象。换句话说,赋值为对象的 const 变量不能再被重新赋值为其他引用值,但对象的键则不受限制。const o1 = {}; o1 = {}; //

2020-11-06 12:27:35 279

原创 with语句

let qs = location.search.substring(1); let hostName = location.hostname; let url = location.href;上面代码中的每一行都用到了 location 对象。如果使用 with 语句,就可以少写一些代码:with(location) { let qs = search.substring(1); let hostName = hostname; let url = href; }这里,with

2020-11-05 09:55:49 114

原创 操作符的小知识

按位非是对数值取反并减 1let num1 = 25; let num2 = -num1 - 1; console.log(num2); // "-26" 实际上,尽管两者返回的结果一样,但位操作的速度快得多。这是因为位操作是在数值的底层表示上完成的。&& || 短路的特性指数操作符console.log(Math.pow(3, 2); // 9 console.log(3 ** 2); // 9 console.log(Math.pow(16, 0.5); //

2020-11-04 17:28:30 73

原创 【git】Your configuration specifies to merge with the ref ‘refs/heads/xxx

执行一下 git status,会发现 On branch xxx Your branch is based on 'origin/yyy', but the upstream is gone. (use "git branch --unset-upstream" to fixup),可以根据提示执行该命令,然后再执行 git push --set-upstream origin xxx 即可。回头解释一下: 出现此类问题是由于你修改了本地分支 xxx -> yyy,然后你又修改了远程的 xxx -

2020-09-22 11:23:38 6195

原创 【Vue使用技巧】使用Object.assign恢复vue组件默认值

Vue组件可能会有这样的需求:在某种情况下,需要重置Vue组件的data数据。此时,我们可以通过this.$data获取当前状态下的data,通过this.$options.data()获取组件初始状态下的data。然后只要使用Object.assign(this.$data, this.$options.data())就可以将当前状态的data重置为初始状态,非常方便。...

2020-09-22 09:57:55 975

原创 【server】使用Mac自带Apache服务器

今天惊人地发现,我根本就不用搭建服务器,直接mac就有了//开启apache: sudo apachectl start//重启apache: sudo apachectl restart//关闭apache: sudo apachectl stop直接http://127.0.0.1/访问到mac目录里面到/Library/WebServer...

2020-09-10 17:53:24 85

原创 【javascript】里面有了自动分号插入机制 ASI,那还要不要写分号

直接运行下面的代码看区别:let b = 2let c = 2let d = 2let e = 2a = b + c(d + e).valueOf()// 会报错,VM2567:1 Uncaught TypeError: c is not a function// at <anonymous>:1:9// 因为这里不会自动插入分号,因为第二行一括号开始,会被误认为是函数a = b + c;(d + e).valueOf()// 4Brendan Eich创造JavaS

2020-09-04 16:28:07 123

转载 【git】疑难杂症 && 大全

https://cloud.tencent.com/developer/article/1504684

2020-08-31 12:43:04 116

原创 【javascript】a ==1 && a== 2 && a==3同时成立的原理

涉及多不同类型的值时候,会涉及到很多隐式转换原始类型的值和对象比较,对象会转为原始类型的值,再进行比较由一个隐式转换的问题引发的争议:反对派观点:比较操作涉及多不同类型的值时候,会涉及到很多隐式转换,其中规则繁多即便是经验老道的程序员也没办法完全记住,特别是用到 == 和 !=运算时候。所以一些团队规定禁用 == 运算符换用=== 严格相等。以工程标准衡量,== 带来的便利性抵不上其带来的成本,团队协作时候你看到别人代码中的 ==,有些时候需要判断清楚作者的代码意图是确实需要转型,还是无所..

2020-08-31 12:01:15 511

原创 【javascript】判断数组的n种方法

let k = [{e:1},9,'00']k.constructor === Array // trueArray.isArray(k) // truek instanceof Array // trueObject.prototype.toString.call(k) === '[object Array]' // true拓展:Object.prototype.toString.call("jerry");//[object String]Object.prototype.toStr

2020-08-28 18:18:22 74

原创 【javascript】class extends super与typescript 继承用法demo

class Person { constructor(name, age) { this.name = name; this.age = age } log() { console.log(`I am ${this.name},age is ${this.age}`); } } class Man extends Person { const

2020-08-27 15:19:28 221

原创 【javascript】3种检查对象是否具有属性

const hero = { name: 'Batman', age: undefined};hero.hasOwnProperty('name'); // => truehero.hasOwnProperty('realName'); // => falsehero.toString; // => function() {...}hero.hasOwnProperty('toString'); // => false'toString' in hero

2020-08-27 11:15:47 107

原创 【vue】数据不响应的问题排除、解决

数据不响应,可能是用法有问题<template> <div> <div> <span>用户名: {{ userInfo.name }}</span> <span>用户性别: {{ userInfo.sex }}</span> <span v-if="userInfo.officialAccount"> 公众号: {{ userInfo.offici

2020-08-26 11:11:38 1808

原创 【javascript】一段精炼的代码秒懂防抖节流

<body> <div class="wrap"> <div id="nothing" class="demo"> 普通滚动 <div class="scroll"></div> </div> <div id="throttle" class="demo"> 函数节流 <div class="scroll"></div> </div> <

2020-08-24 16:31:52 121

原创 常用指令和字词典

查看vue-cli版本: vue -Vvue-cli4 全面配置Nginx配置跨域CSS3 filter(滤镜) 属性qiankun 微前端方案实践及总结查看mac的node版本:n可选的链接运算符(将多个函数链接在一起时,该运算符可提高可读性):const val = anObj.anArray[0]?.someProp ?? 'someDefaultValue'管道运算符,const reverseWords = str => str |> spl

2020-08-24 16:13:56 117

原创 【Vue】父组件的样式将渗透到子组件中

使用.a >>> .b { /* ... */ }会编译成.a[data-v-f3f3eg9] .b { /* ... */ }有些情况Sass之类的预器无法正确解析>>>。这种情况下你可以使用/deep/或::v-deep操作符取而代之-两者都是>>>的别名,同样可以正常工作。...

2020-08-19 11:20:15 449

转载 【typescript】tsconfig.json配置详解

{ "compilerOptions": { /* Basic Options */ "target": "es5" /* target用于指定编译之后的版本目标: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019' or 'ESNEXT'. */, "module": "commonjs" /* 用来指定要使用的模块标准: 'none', 'commonjs', 'amd', 'sy.

2020-07-29 16:30:55 986

原创 踩过的坑

踩坑解决大全H5页面移动端IOS键盘收起焦点错位

2020-05-07 09:18:50 120

原创 【性能优化】记一次web加载速度优化

设置或者访问远程服务器(ssh name@ip) 查找(whereis nginx)到nginx对应的目录(/usr/local/etc/nginx)打开nginx编辑状态(vi nginx.conf)进入编辑状态后保存变更,nginx -t竟然报错 -bash: nginx: 未找到命令原来是没有设置环境变量 直接来一个vim /etc/profile任意位置(最后面也可)添加 ex...

2020-04-27 23:20:22 287

原创 整理项目的组件库的时候遇到的坑

Do not access Object.prototype method 'hasOwnProperty' from target object 原: foo.hasOwnProperty(“bar”) 改: Object.prototype.hasOwnProperty.call(foo, “bar”)Use <transition-group> for lists....

2020-04-21 18:25:46 157

转载 从ES6到ES10的新特性万字大总结

本文转自https://cloud.tencent.com/developer/article/1615505【作者:陈大鱼头•github: KRISACHAN[1]】介绍ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会)在标准ECMA-262中定义的脚本语言规范。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMA-26...

2020-04-20 13:03:23 309

原创 【jquery】通过降低图片的质量(或尺寸)压缩图片大小

生产上图片太大除了用户体验不好,上传等待时间过长,还可能会引发用户缓存丢失,导致必要参数缺失请求失败,或者超时引起的请求失败,查找资料,原理是经过一系列的转化过程file文件=》base64=》cavas=》blob=》file文件,关键在canvas生成时质量降低,也可以根据需求把canvas的尺寸也缩小,我的话是直接不改变图片的尺寸。还有一个关键点是,需要异步拿到压缩侯到文件,否则拿到是处理前...

2020-04-09 11:49:17 980

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除