![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 75
宋燕sherleysong
永远在学习的路上
展开
-
TypeError: URL is not a constructor,Node不同版本安全写法
一、两种标准1. WHATWG API【强烈推荐】const myURL = new URL('xxxx')这种写法,采用了目前安全性最好的标准,包括URLs、域名、IP地址、 application/x-www-form-urlencoded格式及他们的API。2. Legacy API【不安全不推荐】const myURL = url.parse('xxxx')另一种 Legacy API ,至今NodeJS兼容着该写法,但不安全,不推荐。即使这种方式用起来更为简单一些。Legacy原创 2021-07-20 17:39:40 · 4503 阅读 · 3 评论 -
Angular8项目二次封装思路,基于httpClient实现接口统一配置和mock
问题1:接口很多的情况下,每个接口都有很多统一的配置,需要基于httpClient进行二次封装,降问题1:项目接口很多,每个接口上存在重复header配置,get请求参数需要额外拼接,以及接口可能会散落在各个模块的代码中。不便于维护。思路:抽取统一配置文件,用json格式维护全部接口。同时基于httpClient创建自己的服务,实现header的统一处理(如token)和get请求的参数拼接。问题2:开发调试过程中,数据不稳定,本地调试可以直接调取本地文件进行前端开发。思路:在配置文件中进行配置,实现原创 2021-06-09 17:32:17 · 956 阅读 · 0 评论 -
tooling.report- 构建工具测试结果 - webpack、parcel、browserify、rollup - 超级全面 (1)
参考文档:因此篇知乎回答 , 本文系翻译当前日期的Tooling.Report 【讲解,非直译】Tooling Report 简介什么是Tooling Report? 提供了快速确定项目最佳构建工具的方法,可用于确定工具迁移的代价,或确定如何在项目中应用工具。本报告选择了最受欢迎的 browserify、parcel、rollup和webpack四个打包工具,共48个特性测试;每个特性测试都有专门创建的创建的配置文件。欢迎贡献:GitHub性能总览绿圆 - 通过, 黄色半圆 - 部分通翻译 2021-06-08 17:55:39 · 563 阅读 · 0 评论 -
Vue打包优化实践结果记录
代码层面配置层面其他原创 2021-04-22 22:31:19 · 207 阅读 · 0 评论 -
Vue3+vue/cli4.5.x版本升级采坑(3) - Eslint校验报错/Vue语法不兼容
“@vue/component-compiler-utils”: “^3.1.2”,“vue-template-compiler”: “^2.6.12”,“babel-plugin-component”: “^1.1.1”,“less”: “^4.1.1”,“style-resources-loader”: “^1.4.1”,“vue-cli-plugin-style-resources-loader”: “~0.1.5”报错问题截图代码层面改造:.native报错 <!原创 2021-04-21 16:18:38 · 10591 阅读 · 1 评论 -
Vue/cli4.5版本升级采坑(2) - less-loader版本过高;引入less全局变量。
前提:vue2.6.x注:由于vue3.0.0 对应的mint-ui的版本无法使用,所以还是做了vue降版本处理。this.getOptions is not a function安装less-loader 默认版本过高导致报错 npm i less less-loader --save-dev...+ less-loader@8.1.1+ less@4.1.1直接安装less-loader 版本过高,会导致如下问题:Syntax Error: TypeError: this.getOp原创 2021-04-21 10:51:13 · 3473 阅读 · 0 评论 -
Vue3版本升级采坑(1) - Vue3+mintUI报错,实则版本vue3太高;
1. Mint-UI 2.2.13 不匹配 Vue3.0.0选择Vue2 or Vue3? Mint-UI是不匹配Vue3的。说明:如果选择Vue 3 Preview(下面那个), 版本号 “vue”: “^3.0.0”将导致: “mint-ui”: “^2.2.13”, 无法匹配。进node_module, 找到mint-ui/package.json , 看到vue的依赖2.2.X。不论后面抛哪个错误,大概率就是版本号不匹配的问题了。解决方法:直接降低Vue的版本,2.x即可。bab原创 2021-04-21 10:50:22 · 2275 阅读 · 0 评论 -
hexo 搭建个人博客
title: hexo markdowndate: 2016-05-25tags: [hexo,markdown]markdown语法 与 hexo new blog 与 githubPart1:markdown语法本段落摘自:Markdown 中文版语法说明编辑器随意,我用的是Hbuilder。可使用如:MarkdownPad /MarkPad / 简书(据说很火爆)语法规则:...原创 2019-10-25 15:48:08 · 99 阅读 · 0 评论 -
如何区别使用背景图 or img标签
title: 如何区别使用背景图 or img标签date: 2016-06-23tags: [SEO,搜索引擎,背景图]设计图转html时,使用img标签or使用background-image如何进行判断?有没有什么原则?区别和原则img标签,作为一个插入的图片应该添加alt属性;背景图应该是没有具体语义的图。浏览器解析机制决定了img可以被优先加载,而背景图会靠后。css3...原创 2019-10-25 15:46:02 · 458 阅读 · 0 评论 -
js闭包简述-不要太去强调闭包,不然你会晕的
title: ‘js闭包简述-不要太去强调闭包,不然你会晕的’date: 2016-05-27tags: [js,笔记,闭包]不要太去强调闭包,不然你会晕的看了几年的闭包了。但是深挖,就一群呵呵呵了。不信?先拿别人的试题来考一下,看看这题:https://segmentfault.com/q/1010000002916478js中的闭包内存会泄露吗?js中的闭包内存如何释放?js...原创 2019-10-25 15:45:10 · 160 阅读 · 0 评论 -
hexo的图片大小、非域名为根目录等大坑
title: hexo的图片大小、非域名为根目录等大坑date: 2016-05-26tags: [hexo,图片大小,坑]安装hexo和yilia主题已经有段时间了,这里的坑已经记不得了。发布博客时,还是遇到了很多坑,如果有幸和我遇到一样的问题,可能在这里你能找到解决办法。hexo/yilia主题坑1:language刚搭建完,就看到language不正常:如图:_config...原创 2019-10-25 15:44:09 · 1139 阅读 · 0 评论 -
chrome12px对H5媒体查询自适应的影响
title: chrome12px对H5媒体查询自适应的影响date: 2016-07-06tags: [12px,chrome,hack]这个问题,还是比较棘手的,做H5原生的页面的童鞋极有可能遇到,并且因为无法解决而放弃。转用框架或者绝对单位(px)写法。我希望看过此文后,这个问题可以顺利解决。工科生,文笔大概是初中水平,看得懂就好 ????????????直接表现:由于使用媒体查询,也就是含...原创 2019-10-25 15:43:03 · 167 阅读 · 0 评论