前端
文章平均质量分 62
逆风飞翔的猿
闲坐亭台清酒绕,醉卧霓裳红颜笑。
展开
-
git中无法使用方向键的问题
windows下使用git命令行执行react脚本安装,发现无法使用上下键来去选中选项。最后只能换成cmd命令执行,发现可以上下移动以选中需要的选项。bash命令行:移动光标无法移动选项。原创 2023-09-14 19:35:17 · 771 阅读 · 0 评论 -
Typescript下 Type ‘string | string[]‘ is not assignable to type ‘string | undefined‘
经常会因为一些数据类型导致编译不过,用惯了JS突然有点不习惯。在使用到antV Reac画图的时候,代码一直显示红线。dev模式下不影响运行,但是会导致编译失败。**,意思大概就是类型不匹配,需要手动设置Bar内属性的类型。**自定义的那样给每个属性定义类型,只能通过上述方式进行。因为是第三方组件的定义,所以不能想我们**即使用as方式给属性赋予类型。查看详细情况就会出现**原创 2023-09-14 10:56:54 · 2248 阅读 · 0 评论 -
在此系统上禁止运行脚本
最近在搭建前端项目的时候,频频出现这个错误,无论是使用yarn装包,还是执行vue命令都会出现"在此系统上禁止运行脚本"。因为实在cmd或者Power Shell上执行的,就觉得是不是cmd的问题。然后又切换到IDE上,无论是在vscode上还是HB上,均出现这种错误。因为确实安装了vue相关的cli,所以觉得应该是权限或者cmd本身的执行策略存在问题。执行了帮助查看,输出一堆更新的东西。这些东西可以忽略掉。执行get-ExecutionPolicy,发现是"Restric.原创 2020-09-04 18:07:19 · 393 阅读 · 0 评论 -
IP地址大小的校验方法
核心思想,就是讲地址段截分为四段,分段去比较大小ipChecked.js//比较两个IP地址的大小const compareIp = (startIP, endIP) => { var temp1; var temp2; temp1 = startIP.split("."); temp2 = endIP.split("."); for (v...原创 2019-09-16 17:14:10 · 1237 阅读 · 0 评论 -
IP地址校验
使用react时,IP地址的校验首先ip地址的格式应该是这样的:ipRules.jsconst ipRules = /^((25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[...原创 2019-09-16 17:08:54 · 4341 阅读 · 0 评论 -
Unexpected end of JSON input while parsing near 'xxxxxx'
在安装react依赖插件的时候,出现了这种错误信息一开始一脸懵逼,看了看后面的log文件,应该是缓存出现了问题,打开日志文件查看一下0 info it worked if it ends with ok1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',1 verbose cli 'C:\\Program Files\\...原创 2019-07-23 14:31:24 · 492 阅读 · 0 评论 -
gulp build 时出现Cannot find module 'internal/util/types'
在使用之前一直好用的gulp build编译压缩文件的时候,莫名的跑出这个错误,因为之前一直好用,突然不好用,就怀疑是不是代码出现了问题。但是这个module明显是npm安装的依赖包文件,一般提示cannot find module,都是缺少该依赖包,只要执行npm install xxxxx --save-dev就能解决,但是在这个却是不行。于是又搜了一下,发现有人说降版本能解决,于是尝试...原创 2019-05-23 11:09:00 · 1818 阅读 · 0 评论 -
执行live-server报错: Unexpected identifier
最近在研究webpack搭建react的开发环境是,在使用到live-server时报错,一头雾水,报错信息如下G:\chenqk\app\webpack-react-project>live-serverC:\Users\chenqk\AppData\Roaming\npm\node_modules\live-server\node_modules\opn\index.js:11...原创 2019-05-13 16:48:48 · 6206 阅读 · 2 评论 -
使用npm start 命令是报错 Error: listen EADDRINUSE :::3000
在使用到npm start 进行本地debug的时候,莫名的抛出了异常,一脸懵逼,G:\chenqk\app\HAM-Front>npm start> otherfrontends@1.0.0 start G:\chenqk\app\HAM-Front> node proxy-server.js[HPM] Proxy created: [ '**', '!...原创 2019-04-09 10:35:42 · 2540 阅读 · 0 评论 -
使用gulp build时EBUSY: resource busy or locked
在使用gulp build压缩js文件时,出现其实就是在build时调用任务去删除文件的时候,文件资源被占用了,需要将占用该文件软件关闭,即可原创 2019-04-01 17:13:01 · 1102 阅读 · 0 评论 -
css background-image 自适应宽高
最近接手前端页面,让给调样式。哥纯粹一个代码程序猿,表示那些个样式应该让前端人员或者美工小妹妹来实现.书归正传,碰到了问题,页面要在手机上展现,众所周知,手机在中国的牌子很多,很难做到统一。页面上有五个导航栏,是按百分比设置的,让我搞个背景图,点击某一导航栏的时候,背景改变,BUT,给我的背景图是一张有着固定大小的图片,放上去之后,各种不适应,不和谐,后来就想到如果能让背景图自适应导航栏的原创 2015-03-18 09:35:46 · 221681 阅读 · 7 评论 -
CSS中的position定位
在接触div+css做页面布局的时候,难免会碰到position进行定位操作。网面布局中分为标准流和定位以及层级结构布局。先看看一下什么是标准流的布局。1.标准流布局在标准流的布局中常见的有块级和内联布局。块级布局:div,p首先,定义了两个div,他们在浏览器中呈现的就是块级布局,即我们常说的独占一行。原创 2018-01-05 18:14:54 · 488 阅读 · 0 评论 -
JS判断json对象字段属性值
在处理编辑状态时的需求,如果用户不编辑或者编辑之后再取消编辑,需要判断选中对象是否发生变化。代码比较简单,由于是绑定的对象,所以字段是不会缺少或者变多的。 var validatorObject = function (objA, objB) { for(var key in objA){原创 2017-12-06 12:35:44 · 2863 阅读 · 0 评论 -
window使用之子窗口引用父窗口对象
1.需求 在项目中碰到这样的需求,在父窗口中通过某个操作,连接或者button按钮触发事件,然后跳转到一个新的窗口,在这期间需要把父窗口中的数据传递到子窗口,然后在子窗口中清除缓存,传递的对象数据仍然存在。数据在浏览器中的存储有很多种,依赖于服务器端的session,cookie等操作皆可用来存储数据,以便我们在其他操作中继续使用该数据。session的作用仅限于当前页面的操作,原创 2017-12-22 14:13:03 · 2070 阅读 · 0 评论 -
nodejs-gulp 打包前端项目代码
之前做过一个项目,是一种无线设备,由于设备本身的内存容量比较小,为了节约内存使用,选择了gulp这种工具,可以将前端的代码进行打包发布,并能在项目中正常运行,较之之前的代码量有了量的突破,还是不错的。后来接触的项目几乎无一例外的都是用到打包这种工具。我们知道在html中引入js才能让我们的事件起到效果,那么使用gulp这种工具的好处就在于,编译或者压缩之后的js文件完全可以替代之前传统意义上的js原创 2017-11-21 15:59:41 · 8485 阅读 · 0 评论 -
jquery 使用html video
在项目中碰到这么一个问题:用户在自定义portal页面的时候,可以上传自己的广告位视频。在上传的时候会出现视频是通过后台接口上传到服务器指定的目录下,但是页面上的视频并没有加载成功,而是显示之前的,这并没有达到预期的效果。我们先来看一看html的Video组件的使用方法和对应的API。我们从菜鸟网站或者W3C上都能轻而易举的找到对应的API及其使用方法。关于属性中我们所关注的就是aut原创 2017-11-14 16:26:36 · 6951 阅读 · 0 评论