自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 jsconfig.json配置

【代码】jsconfig.json配置。

2024-03-29 09:07:01 216

原创 正则表达式基本介绍和使用

【代码】正则表达式基本介绍和使用。

2023-12-24 09:35:56 430

原创 js 中箭头函数和普通函数的区别以及他们的this指向问题

【代码】js 中箭头函数和普通函数的却别以及他们的this指向问题。

2023-12-23 10:19:54 421

原创 JS里面Object对象上方法汇总

【代码】JS里面Object对象上方法汇总。

2023-12-23 08:42:14 539

原创 javascript严格模式和普通模式区分

【代码】javascript严格模式和普通模式区分。

2023-12-22 15:22:32 373

原创 DDX指标简单理解 炒股不迷路

小 单差量=散户净买入成交量负的越多,说明散户卖的越多,卖给谁了,当然是机构和大户,当一个股票在最近几日突然出现小单差量变的比前几天负很多的时候,而 特大差量突然变大很多,就说明典型的机构大量买入(注意:此时股价当天一定不能上涨过多,收平比较合适),这个从短线上来说比赢富数据更有实战价值。趋势的延续肯定不是一帆风顺的,肯定是波段式的延续的。无论是短线还是长线,都应该再趋势没有转变的情况下,或者是没有大幅反转的情况下,让赢利的单子留的时间长些,除非趋势转变,不然,就不要受市场的波动影响,让赢利再飞一会儿。

2023-12-16 17:42:20 121

原创 vue多选框 某些状态下禁止选择

在做vue多选框的时候,禁止多选,当时想都没想直接在computed里面把row-selection 直接当成方法写在里面了,但是后来发现一些状态不能用,比如清楚多选,selectedRowKeys没有效果,这里记录一下。

2023-11-30 16:35:41 457

原创 Vue项目上线后关闭chroma的vue-devtools调试工具

【代码】Vue项目上线后关闭chroma的vue-devtools调试工具。

2023-11-28 10:42:05 257

原创 常用的股票术语

做空主要依赖的是股票在一段时间以内的行情下跌,也就是说投资者如果对股票做空,但是股票的价格没有下跌,那投资人就会遭受损失,这也是做空和一般的股票投资最大的区别。快线与慢线(DEA)均为正值,即都在零轴线以上时,大势属多头市场,快线向上突破慢线,可作买入信号;快线与慢线均为负值,即都在零轴线以下时,大势属空头市场,快线向下跌破慢线,可作卖出信号。0轴上方,白线上穿黄线形成金叉,表示多头行情,可以轻仓买入或持股,但是后续上涨空间还要具体分析。0轴下方,白线下穿黄线形成死叉,表示空头行情,未买入则观望。

2023-11-27 16:41:17 51

原创 炒股必备技能

2:如果你看到你持有的或关注的股票开盘低开上冲,这时你要注意量能,如果你发现股价翻红(拉升)之时量能却一直在萎缩,这时候你若进场,一般是在分时高位。1:股价在均价线之上运行,不破就放心持股,但是一旦跌破了,那么就是高点(做T高抛点),跌破均价线就说明分时图破位,股价将选择弱势运行,要提防随后的下滑风险。情况二:白线缓慢持续拉升,但是黄线保持横盘,这种也代表跟风力量不强,股价容易陷入震荡。情况一:白线快速冲高,黄线没有跟上,说明追涨意愿不强,股价容易出现冲高回落。白线向上,黄线跟着向上。

2023-11-24 15:06:59 55

原创 前端错误处理与调试

*

2023-11-23 17:23:24 152

原创 解决报错: `defaultValue` is invalid for `getFieldDecorator` will set `value`, please use `option...

需要修改一下默认值的写入方式 用 initialValue 来代替 defaultValue。在做表单修改的时候,如果用的是v-decorator绑定的值,在设置默认值的时候 如下代码。

2023-10-16 17:17:07 370

原创 处理vue直接引入图片地址时显示不出来的问题 src=“[object Module]“

这是因为vue使用的是commonjs语法规范,而file-loader/url-loader使用的es module语法规范,解决方法是处理图片时不适用es module的语法。在webpack中使用vue-loader编译template之后,发现图片加载不出来了,开发人员工具中显示src=“[object Module]”这是因为当vue-loader编译template块之后,会将所有的资源url转换为webpack模块请求。我们需要在vue.config.js里面稍加配置就可以了。

2023-10-16 17:09:19 1192 1

原创 vue项目打包优化

此外,更多代码的解析、编译也就意味着更多的硬件资源消耗,在低端设备上也会存在明显的性能问题。现实世界中,很多工程师可能是在遗留代码库上工作,并且遗留代码库存在的时间还很长,那么很可能这个代码库中存在大量的无用代码,但是谁也不敢删除他们,因为 JS 这门语言的动态性,你不能粗暴的把哪些看起来“没有被使用”的代码直接删掉,除非你很清楚所有的代码执行路径,很显然这对于大型应用或者遗留代码库来说是不现实的。最右边显示的是我们加载的css和js文件数量,红色区域表示已运行的代码,而青色表示已加载但未运行的代码。

2023-09-23 11:56:56 600

原创 meta标签汇总

如果设置了 http-equiv属性,meta 元素则是编译指令,提供的信息与类似命名的 HTTP 头部相同。如果设置了 charset属性,meta 元素是一个字符集声明,告诉文档使用哪种字符编码。如果设置了 name属性,meta 元素提供的是文档级别的元数据,应用于整个页面。meta是文档级元数据元素,用来表示那些不能由其它 HTML 元相关元素(、,如果设置了 itemprop 属性,meta 元素提供用户定义的元数据。一下总结了一些常用的mate标签的使用。

2023-09-19 15:28:18 99

原创 Vue组件之间传值

同样的this. $parent获取父组件的所有实例对象,当涉及到公共子组件的时候,定义的名称可能耦合性比较高,如果以这种方式去修改父组件的状态,很容易出问题,甚至调试都很不方便,所以也一般用的比较少。如上图所示, A与B、A与C、B与D、C与F组件之间是父子关系;ref:如果在普通的 DOM 元素上使用,引用指向的就是DOM 元素,可以操作dom元素的方法,如果用在子组件上,引用就指向组件实例,可以通过实例直接调用子组件的方法或数据。这个我们用的应该是比较多的,我们在vue里面用的比较多的Vul-ls。

2023-09-05 15:25:53 867

原创 indexDB 基本用法总结

IndexedDB 属于非关系型数据库。(不支持SQL查询)键值对储存 IndexedDB 内部采用对象仓库(object store)存放数据。所有类型的数据都可以直接存入,包括 JavaScript 对象。对象仓库中,数据以"键值对"的形式保存,每一个数据记录都有对应的主键,主键是独一无二的,不能有重复,否则会抛出一个错误。异步 IndexedDB 操作时不会锁死浏览器,用户依然可以进行其他操作,这与 LocalStorage 形成对比,后者的操作是同步的。

2023-08-30 09:40:30 455

原创 vue问题相关记录

首先加载js代码,然后在执行里面的同步任务,在执行的过程中如果遇到了异步任务,会把他放到一个任务队列中,在任务队列里面,会判断是宏任务还是微任务,首先会执行宏任务,因为弘任务是整体的javascript代码,所以第一步会先执行宏任务,在执行宏任务的过程中,如果遇到微任务,同样道理,也会把他当到当前的任务队列里面,等这个宏任务执行完毕之后,再去执行当前的微任务,当前微任务执行完毕之后,再去执行下一个宏任务。nextTick,js是单线程语言,nextTick的实现就是利用了事件循环的宏任务和微任务。

2023-08-24 17:19:42 331

原创 response-headers,request-headers 请求头大部分字段介绍以及总结

公司大下周,趁着摸鱼的时间总结一下大部分标头的大概意思和用法。不是很全,但是大部分应该都在平时需要知道的一些标头的用意1.Access-Control-Allow-Origin 通过设置这个属性表示可以被哪些网站进行跨域资源共享// 设置某个网站 或者多个网站允许跨站资源共享// 允许所有的域名访问 一般会有安全隐患2.Accept-Ranges 服务器是否支持资源范围请求资源范围请求:指按byte为单位,请求资源的某一段数据。

2023-08-19 16:35:40 1394

原创 你可能不知道的console命令 详解~

在实际开发中,我们基本上都是使用console.log来打印信息,但是处理意外,还有很多其他的方法,这里我也是摸鱼时间总结了一下。

2023-08-07 19:05:14 109

原创 js精度丢失的问题

大整数的精度丢失和浮点数本质上是一样的,尾数位最大是52位,因此 JS 中能精准表示的最大整数是 Math.pow(2, 53),十进制即 9007199254740992。可以用bigint,应为number的基本类型不能超过2^53,不然就会出现精度丢失,为了解决这个限制,在ECMAScript标准中出现了BigInt。1.js精度丢失的常见问题,从常见的浮点型进行计算,到位数很长的munber类型进行计算都会造成精度丢失的问题,9007199254740992 + 1 // 丢失。

2023-07-31 09:10:41 1044

原创 记录Mac一些常用的技能

【代码】记录Mac一些常用的技能。

2023-07-27 08:38:37 9

原创 vue里面customRender 和 scopedSlots如何同时使用以及遇到的问题

3.在用value进行赋值之后页面没有问题,但是在input输入框输入值之后,移开输入框之后只没有发生改变 当时代码是这么写的 发现这两行写法都不行。在做一个数据表格合并并且涉及到某些地方需要有输入框的操作。4.后面还了一种写法 这样就OK了。

2023-07-20 15:57:16 1425

原创 vue表单验证的时候提示 async-validator:‘‘xxx is not a string“

对vue不是很熟悉,在做vue开发的时候,遇到一个很奇怪的问题,输入框涉及到number类型的时候会提示 is not a string。我加了number类型,这会儿我提交不会校验了,但是我在修改这个输入框的时候 校验来了,他提示我输入的不是一个numbr类型。嗯~~~ 这里大概知道了 如果是string类型用input输入框,如果是数字就用number输入框。在提交的时候,如果这个输入框不做任何修改,在提交的时候会提示他不是is not a string。后面我 v-decorator 改了一下。

2023-07-04 14:07:07 1436

原创 docker的安装和使用

COPY default.conf /etc/nginx/conf.d/default.conf 将 default.conf 复制到 etc/nginx/conf.d/default.conf,用本地的 default.conf 配置来替换 Nginx 镜像里的默认配置。COPY dist/ /usr/share/nginx/html/ 命令的意思是将项目根目录下 dist 文件夹中的所有文件复制到镜像中 /usr/share/nginx/html/ 目录下;控制台拉取 Nginx 镜像:运行。

2023-07-02 10:57:30 350

原创 阿里云远程仓库环境安装

自己是做前端开发的,自己薅的阿里的三个月的免费的服务器,练练手。在安装环境的时候遇到一些坑,记录下来获取到服务器之后我是通过Royal TSX工具远程连接的,作为一个前端可能想到先装一些基本的命令介绍一些基本的命令:1.apt-get,是一条linux命令,适用于deb包管理式的操作系统(例如Ubuntu系统),主要用于自动从互联网的软件仓库中搜索、安装、升级、卸载软件或操作系统。比如 nvm node cnpm nrm这些首先有一些自带的命令 比如安装nvm。

2023-07-01 19:39:24 713

原创 vue里面通过deep处理css样式的一些用法

【代码】vue里面通过deep处理css样式的一些用法。

2023-06-20 15:51:08 1459

原创 npx的使用

项目中(项目内部,不是全局)安装了测试工具Mocha,我想在项目中调用 Mocha ,怎么调用?只能在项目脚本和 package.json 的scripts字段里面, 如果想在命令行下调用,只能像下面这样调用。npx 会自动查找当前依赖包中的可执行文件,如果找不到,就会去 PATH 里找。如果依然找不到,就会帮你安装!npx 是为了优化这块使用方式可以直接调用。

2023-06-15 09:01:02 219

原创 depcheck检查缺失的或者位使用的依赖

1.Unused dependencies:未使用的依赖关系,这个是你在项目中没有用到的包,删除的时候记得全局搜索下,有的包是真的没用到,有的包你用了,但是在项目中注释掉,暂时先不用,不然后面也是一个大坑。depcheck它可以帮助我们找出问题,在 package.json 中,每个依赖包如何被使用、哪些依赖包没有用处、哪些依赖包缺失。2.Unused devDependencies:未使用的依赖模块,这个在你项目中的package.json里的devDependencies这个东西,是不是似曾相识。

2023-06-14 11:55:42 335

原创 Mac环境Royal TSX 从入门使用代替X sheet

Royal TSX 是以 Document 的形式进行远程主机管理的,刚安装时,会自动创建一个默认的 Document,也就是 Application,这个文档是不能删除的,也不能在这个文档下新建连接。Royal TS 官网:https://www.royalapps.com/ts/win/download。双击对应的服务名,会自动输入密码,如果密码不一致需要从新输入就可以访问到对应的服务器了。显示 / 隐藏工具栏: [⌥ ⌘ T]清屏,清理到不显示滚动条:[⌘ K]清屏,清除所有:[⌘ K]

2023-06-10 17:36:05 1466

原创 localForage基本使用

1.localForage是一个JavaScript库,能够类似localStorage的存储。2.他是异步存储,可以优化你的web应用程序的离线体验,而且能存储多种类型的数据3.localForage有一个优雅的降级策略,如果浏览器不支持indexedDB或者WebSQL则使用localStorage4.支持es6的 Promises API,而且支持添加回调函数二. 安装使用。

2023-06-08 08:36:18 1007

原创 npm yarn 常用命令

【代码】npm yarn 常用命令。

2023-06-07 15:03:17 102

原创 Mac修改hosts配 顺带简单介绍一下Vim

每次都要查询怎么改Hosts文件,还是记录下来吧(2)输入本机密码后,会自动打开hosts文件。键盘输入i 开始编辑,修改完成后,按 esc 键退出编辑页面保存退出:输入 :wq 或者:wq!,再enter键不保存退出:输入q和!键,再enter键。

2023-06-07 09:31:35 253

原创 for in和for of的区别

可迭代数据:array string Map Set 函数的arguments对象 还有我们的生成器函数function*( ){ }什么是可迭代数据 :在原型链上具有Symbol.iterator属性,通过调用.next() 方法,返回对应的属性。看下图打印的信息,enumerable值为true表示都是可迭代对象。什么是可枚举的:属性的enumerable值为true,表示可枚举。for in 不仅能便利自身的属性,他还能便利原型链上可枚举的属性。他返回的是key的值,并且不能保证顺序。

2023-05-31 10:40:33 1241

原创 迭代器Iterator和生成器funcion *

object原型上是没有Symbol.iterator属性,因为javascript认为object可以直接通过调用key来获取对应的值,不存在顺序调用。迭代器 为各种不同的数据结果提供统一的访问机制,任何数据结构只要部署Iterator接口,就可以完成便利操作,主要提供for of。生成器是ES6中新增的一种函数控制、使用的方案,它可以让我们更加灵活的控制函数什么时候继续执行、暂停执行。第一次调用对象的next方法,会自动指向数据接口的第一个成员。生成器函数的返回值是一个Generator(生成器)

2023-05-28 21:05:46 604

原创 Set和weakSet Map和WeakMap

5.WeakSet它是弱引用,在weakSet里面引用了对象,垃圾回收机制不会考虑该对象的引用,若外面已经没有了该对象的引用,则垃圾回收机制会回收该对象,weakSet内部引用的该对象也会自动消失,所以他内部的对象不适合被引用,也不允许便利,2.Map是一组键直对的数据局结构,我们知道普通的对象,他的key只能是字符串类型的,但是Map他的key不限制于字符串,可以是函数 可以是对象包含任何类型。WeakSet 是类似于 Set 的集合,它仅存储对象,并且一旦通过其他方式无法访问它们,便会将其删除。

2023-05-28 20:30:34 1137

原创 px rem em rpx 区别 用法

设备上的viewport分为layout viewport 、 visual viewport 和 ideal viewport三类,其中的 ideal viewport 是最适合移动设备的viewport,ideal viewport的宽度等于移动设备的屏幕宽度,只要在css中把某一元素的宽度设为ideal viewport的宽度(单位用px),那么这个元素的宽度就是设备屏幕的宽度了,也就是宽度为100%的效果。对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。

2023-05-25 22:05:54 895

原创 Mac里面如何全局管理包,以及安装brow 如何切换node版本

安装brew-cask-upgrade, 管理升级软件。执行 brow -v 可以查看对应的版本。

2023-05-24 23:31:40 447

原创 npm nrm两种方式查看和切换镜像

通过nrm查看和切换镜像,下面是我平时用到的。首先需要全局安装nrm。

2023-05-24 22:47:39 1729

原创 useMemo和useCallback到底要怎么用

但是实践过程中,他们经常被过度使用:担心性能的开发者给每个组件、函数、变量、计算过程都套上了 mem,有一次我在接手一个项目时,看到一个函数就用useMemo或者useCallback给包起来,人都麻了。组件的缓存是在初始化时进行,虽然每个组件缓存的性能耗费很低,通常不足1ms,但大型程序里成百上千的组件如果同时初始化缓存,成本可能会变得很可观。3.不推荐默认给所有组件都使用缓存,大量组件初始化时被缓存,可能导致过多的内存消耗,并影响程序初始化渲染的速度。第一种和第三种往往被无用,导致适得其反,代码沉余。

2023-05-22 22:14:04 353

空空如也

空空如也

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

TA关注的人

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