![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
磕磕绊绊
Run_youngman
送人玫瑰,手有余香。
展开
-
【解决】You May need an additional loader to handle the result of these loaders
【解决】You May need an additional loader to handle the result of these loaders原创 2023-04-13 17:59:38 · 4507 阅读 · 0 评论 -
前端开发必备工具之 - TinyPNG
说在前面推荐一个实用的压缩图片小工具,通过他,我们首页的背景图从3.9MB缩小至800KB,帮助我们改善了项目首屏加载效率,提升用户体验。开门见山神奇的 TinyPNG何谓神奇?神奇就神奇在,他不是通过减少图片的清晰度来换取图片的空间!Can you tell the difference?说到最后优化不是一朝一夕可以完成的,每天前进一点点,水滴石穿!...原创 2022-03-02 09:30:17 · 492 阅读 · 0 评论 -
【解决】IE浏览器提示SCRIPT5009 “Symbol”未定义
说在前面今天处理浏览器兼容性的时候,Edge浏览器运行良好的情况下,IE浏览器报错SCRIPT5009: “Symbol”未定义,经过了很长时间的搜索,从webpack官网得到了解决方案,这里分享给大家。啰嗦两句IE作为著名的拦路虎,对于ES6的支持可以说是一塌糊度,所以我们开发的系统如果想兼容IE,比如箭头函数等ES6的特性是需要进行转码处理的。babel是我们熟知的转码软件,它可以帮我们处理大多数的转码问题,但是我配置之后仍然会提示我SCRIPT5009: “Symbol”未定义,可能这部分内容原创 2022-02-11 17:30:32 · 5819 阅读 · 0 评论 -
调整Node运行内存全攻略
说在前面前端工程开发过程中会出现打包缓慢,或者打包过程中提示内存不足的情况,如果我们电脑内存足够,可以尝试分配更大的内存给node环境,以提升打包速度。提升打包速度实践提升打包速度,插件安装npm install --save-dev increase-memory-limitnpm install --save-dev cross-env然后在pageage.json中添加一行:"scripts": { "dev": "vue-cli-service serve", "fi原创 2022-01-13 15:22:02 · 11285 阅读 · 3 评论 -
解决: npm install 报错 ‘The operation was rejected by your operating system‘
背景最近准备开始一个新项目,但是在初始化依赖包这一块儿就卡住了,最初以为是公司的网络限制,结果仔细看了报错之后便尝试解决了。开门见山方案1、由于报错是 The operation was rejected by your operating system. npm ERR! It's possible that the file was already in use (by a text editor or antivirus),本能的想法就是权限不够,所以直接使用管理员权限打开了命令行然后执行 n原创 2021-02-23 14:36:08 · 44643 阅读 · 37 评论 -
【解决】You are using the runtime-only build of Vue where the template option is not available...
直奔主题不想往下看的看这里。我是用的vue-cli4,项目报错是因为我对一个子路由的组件使用了非template模板,代码如下const User = { template: '<div>User</div>'}然后将User置于路由对应的组件,当把User新建到一个新的.vue文件中,系统便不在报错。背景今天在学习vue-router的过程中,当我通过声...原创 2020-03-11 21:37:10 · 437 阅读 · 0 评论 -
使用antd的Row、Col组件绘制word申请表
背景想到用Row,Col绘制word申请表,首先他的span属性调节可能更方便一些,而且整体使用起来也是React风格,避免了使用tr, td这种原生的标签带来一系列属性错误以及不兼容。当然了我使用tr,td完成了一版,踩了一些坑,如果你想用这种方式,希望这篇文章可以帮到你。开始coding说一句,嫌啰嗦直接拉到最后,拷贝一下就能用。当我一开始使用的时候JS文件代码是这样的。<d...原创 2019-03-18 22:02:01 · 9407 阅读 · 2 评论 -
react下绘制word申请表
背景最近项目里有个需求,绘制一个word表格,就类似大学的时候填写的那种表格。开门见山为了不耽误大家时间,我先说结论,如果你的代码拿到react环境中参差不齐了,可能是你把colspan这个属性放到style里面了,然而这个属性属于标签的固有属性,放到style中是起不到作用的。拿到这个需求之后我首先想到了tr,td的方式来绘制,然后绘制的效果大概是这样。代码如下:<!DOCT...原创 2019-03-18 20:08:46 · 1992 阅读 · 1 评论 -
react 项目使用highcharts滚动条来展示数据
在使用图表画图的时候总会,由于展示的面积有限,无法将数据完全展示到图表中,这个时候就可能考虑使用滚动条来滑动展示数据。 讲一下过程,我首先找资源,找到了这个,发现很适合我的需求。 highcharts很有意思,他单独的为react创立了一个包叫react-highcharts,如果你引入这个包,并且你想使用滚动条来实现,要引入: var ReactHighstock = require(...原创 2018-08-21 16:12:50 · 1650 阅读 · 0 评论 -
微信小程序: navigator 设置 openType="switchTab"不起作用
最近刚开始学习小程序,官方文档不够充分的组件说明导致了一些现象无法说清楚。就比如这个openType=”switchTab”, 我使用了一下这个,首先说明我的代码结构没有完全按照官网结构,只是截取了footer的功能。 如图: 就是有一个navigator,动作是用switchTab的方式跳转到首页面。我看了官方说实例是可以跳转的,但是我自己代码里面就没有办法跳转。 代码:&l...原创 2018-08-28 19:06:16 · 6475 阅读 · 3 评论 -
React项目报错 : Missing class properties transform
如果你报了这个错误,并且你使用的是create-react-app的脚手架,你一定是运行了yarn run eject这个命令。 其实这个配置环境与我而言一直是一个比较玄幻的事情,一步只差就能让你的错误持续很久也解决不出来,目前的版本,推荐大家按照这个配置来搭建自己的项目,如果自己时间比较充足,也可以自己一步一步的试水。 下面来说一下我的解决方式,几乎不怎么费力我就把问题锁定到了.babelr...原创 2018-08-17 14:33:32 · 4485 阅读 · 0 评论 -
Node报错: can't not set headers after they are sent to the client
今天在开发的时候,Node服务器端报了这个错误,根据他的提示不难发现,我在响应之后又去执行了设置响应头部的操作,导致了这一错误,下面我把代码截图一下,给大家做个参考: 在代码执行一开始执行那几个设置type以及header的操作是可以的,不会报错。 但是我这个操作,不知道什么原因,他在执行end()这个回调函数之前已经完成了response操作。 所以,当我在里面的ctx.respons...原创 2018-08-16 11:38:59 · 2183 阅读 · 0 评论 -
koa2 : 返回Not Found
今天在写node服务器代码的时候,发现在浏览器中输入网址之后会显Not Found,没有任何其他内容,而且代码也没有报错,我在输出代码ctx.response.body之前也打印了相关信息,发现数据是成功的组织出来了,并且执行了这句话。这个时候考虑下原因,可能就是在输出这句话之前这个处理函数已经执行完成了,虽然我是在回调函数中执行的返回函数,但是他还是继续往下执行了。 这里我...原创 2018-08-16 11:28:22 · 5657 阅读 · 0 评论 -
解决 :'import' and 'export' may appear only with 'sourceType: module'
yarn add babel-preset-stage-0 -D yarn add babel-preset-env -D 然后在根目录的.babelrc中加入 "presets": [ "env", "react", "stage-0" ],即可。保证env和stage-0存在,env囊括了es2015,2016,2017,现在也是官方推荐的写法。...原创 2018-06-20 16:16:12 · 23489 阅读 · 0 评论 -
为本地项目添加两个远程仓库
一般我们开发项目的时候,从远端clone下来,会默认有一个origin 远程库,输入命令git remote这个远程仓库我们平时可以提交代码。现在呢,我们这边分内网和外网,部署在阿里云的代码也需要推送到内网的远程库,所以现在的需求如下:平时提交代码的同时,还要提交一份到自动化部署的远程库,由于分支命名限制,本地还要先合并代码到一个本地的分支(dev)然后由本分支推送到远程库,下...原创 2018-06-20 11:30:54 · 2041 阅读 · 0 评论 -
解决:对修饰器的实验支持是一项将在将来版本中更改的功能。设置+"experimentalDecorators"+选项以删除此警告。
首先安装一个依赖包yarn add babel-plugin-transform-decorators-legacy -D,这种写法会将依赖包加载到devDependencies中,而不是dependencies第一个是只用于开发环境,第二个要用于生产环境。所以生产环境中用不到的包就可以直接添加到第一个里面就好了。安装了依赖包之后,在根目录下面新建一个.babelrc来覆盖一些eslint的默...原创 2018-06-19 22:25:29 · 11101 阅读 · 4 评论 -
svn cleanup failed to process the following paths:
首先呢,为大家解释一下发生这种问题的原因:之前一些不当的操作,导致了svn出现了故障同时为了保障安全,会将你权限下的一些东西给锁掉。这种情况一般有两种解决方案:如果文件不是太大的话,可以将文件整个delete掉,然后重新导入文件。如果文件很大的话这种方案就很不可取了。所以要另走他路。首先呢,我们要先下载一个小软件,sqlite3.exe,注意是exe不要去下载.dll,为什原创 2016-12-16 14:29:55 · 1471 阅读 · 0 评论