![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习笔记
文章平均质量分 62
xiange18
BUG都是暂时的,解决就会有成就感,欢迎一起探讨前端技术~
展开
-
一文读懂eslint和prettier
eslint prettier,看我就行了原创 2023-01-17 18:02:14 · 6552 阅读 · 0 评论 -
零宽断言正则研究
零宽正则研究原创 2023-01-06 17:46:41 · 129 阅读 · 0 评论 -
零宽断言正则表达式替换方案
零宽正则替换通用方法原创 2023-01-06 15:09:39 · 1344 阅读 · 0 评论 -
https网页下报Mixed Content
现象:在https网页下,发送http请求,会在控制台报错,网页的一些功能可能会异常,如:Mixed Content: The page at 'https://10.124.225.94/#/embeddedPage?linkUrl=https%3A%2F%2F10.124.225.94%2Fkite-react%2F%23%2Freception&systemInfoId=10085&menuActiveKey=329&usePortalFoot=false' was loa原创 2022-01-13 16:10:59 · 2440 阅读 · 0 评论 -
使用antd日期组件国际化问题
先看现象:上图中的问题是:在同一个组件,中文和英文混合出现。出现该问题的原因主要有两个:1、没有正确设置moment语言包;2、有两个版本共存的moment。第一个就不细说,只需在入口文件引入语言包即可,至于为啥要引入,一般是因为很多项目并不需要国际化,在webpack打包时,设置了new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),防止语言包过大。因此需要手动引入需要的语言包import 'moment/locale/zh-c..原创 2021-11-04 16:19:15 · 1244 阅读 · 1 评论 -
cookie的存取
functiongetsec(str){if(!str)return24*60*60*1000;conststr1=str.substring(1,str.length)*1;conststr2=str.substring(0,1);if(str2==='s'){returnstr1*1000;}if(str2==='h'){returnstr1*60*60*...原创 2020-12-18 15:57:38 · 963 阅读 · 3 评论 -
react-dnd.github.io/react-dnd无法访问
现阶段,github.io网址均无法访问。造成原因:(猜测)运营商行为。像封锁某歌。可以通过修改 hosts文件 / 修改DNS服务器 / 代理 的方式访问。修改host前:访问http://react-dnd.github.io/react-dnd解决步骤:1、打开网址https://www.ipaddress.com/跳转后查看:2、修改hosts文件:C:\Windows\System32\drivers\etc用编辑器打开并新增:185.199..原创 2020-11-06 19:29:43 · 791 阅读 · 0 评论 -
微信小程序踩坑、填坑记
1、为什么数据库有数据,但在小程序客户端查出来的数据是空数组?原因:数据库的表的数据权限没有放开解决办法: 将数据权限设置为第一项即可2、为什么在小程序客户端无法删除数据,而云函数却能删除数据?我们都知道,小程序客户端和云函数端都可以进行数据库的增删改查,但小程序客户端的增删改查有限制,如:新增数据时小程序客户端不能一次插入多条数据,删除数据时一次只能删除一条等。另外,权限方面也有不同。如:如果是云函数接口新增的记录,则小程序客户端无法删除。小程序客户端接口新增的数据,小程序客户端可以单原创 2020-09-20 14:40:04 · 2003 阅读 · 0 评论 -
如何利用nginx将前端的两个项目放置在同一个域名同一个端口下(windows)
场景:有A、B两个前端项目,A项目有链接需要跳转到B项目。要求效果:线上访问A项目(如:www.project.com/a/)时,点击链接跳转到B项目(如:www.project.com/b),这两个项目处于同一域名,统一端口下。先看页面效果:配置nginx前,项目访问必然出现不同的端口号:访问A项目访问B项目,或由A项目点击编辑应用跳转B项目配置nginx后访问A项目:访问B项目,或由A项目点击编辑应用跳转B项目步骤如下:1、首先,下载nginx压缩包,原创 2020-09-15 17:28:13 · 5631 阅读 · 0 评论 -
highlight.js在es6中的使用教程
写在前面:highlight.js是用来凸显高亮代码的一种工具包。这篇文章主要讲述如何在webpack打包工程中,使用import方式引入并使用highlight.js,进行动态代码的高亮显示。使用前:(不会保持格式,没有高亮)Traceback (most recent call last):File "/root/python3/lib/python3.8/unittest/case.py", line 60, in testPartExecutor yield File "/root/p原创 2020-09-10 11:27:44 · 2461 阅读 · 0 评论 -
vscode中,如何正确的使用eslint和prettier?
1、eslint和prettier是什么?eslint是代码的规范性检查工具,只针对js/jsx等文件prettier是代码的格式化工具,可以格式化js/html/css/less/sass...等代码从定位可以看出二者还是有区别的,一个用来检查规范性,一个格式化。eslint也可以通过--fix进行针对不符合规范的少量代码格式化修复,对代码的可读性没有改变,只是统一了如使用单引号、多引号等问题。而prettier意为使...美观,可以将代码格式化代码成看起来比较舒服的形式。2、如何使用原创 2020-08-21 12:00:31 · 2197 阅读 · 0 评论 -
关于nodejs 服务中断自动重启
现象:在node服务中,使用了request包,用以解决前端跨域请求酷狗音乐,在连接的过程中,会时不时出现node宕调情况,于是乎查找解决方案。看到博客园https://www.cnblogs.com/lliule/p/7943365.html,给出的方案正合我意,很好的解决了我的问题,特此记录。下面是测试demo。 1 2 3 4 5 ...转载 2019-08-29 18:19:34 · 2123 阅读 · 0 评论 -
使用ant-design报错问题
Webpack打包时提示"InlineJavaScriptisnotenabled"我是用了antd的babel-plugin-import,在react项目中用webpack打包时提示说"InlineJavaScriptisnotenabled.Isitsetinyouroptions?"这是啥毛病呀?我的webpack配置里已经配了less的加载... 我是用了antd的babel...转载 2019-06-15 14:08:31 · 987 阅读 · 0 评论 -
React Router4
React Router4是一个流行的纯React重写的包。现在的版本中已不需要路由配置,现在一切皆组件。本文涵盖了开始使用React Router构建网站所需要的一切知识。我们将会为本地运动队制作一个网站。代码想看网站最终效果,查看demo安装React Router被拆分成三个包:react-router,react-router-dom和react-router-nati...转载 2019-06-15 14:09:09 · 669 阅读 · 0 评论 -
js调用网页打印接口
打印前后监听函数 window.onbeforeprint = beforePrint; window.onafterprint = afterPrint;1、创建新窗口 let wind = window.open('/print/' + printModalName, //跳转地址'newwindo...原创 2019-06-20 09:51:47 · 3279 阅读 · 0 评论 -
装饰器报错
安装npm install babel-plugin-transform-decorators-legacy --save-dev.babelrc 配置"plugins": ["transform-decorators-legacy",]原创 2019-06-15 22:51:30 · 824 阅读 · 0 评论 -
@babel/plugin-proposal-class-properties
作用:用来编译类(class)安装:npm install --save-dev @babel/plugin-proposal-class-properties配置:.babelrc 有参数:{ "plugins": [ ["@babel/plugin-proposal-class-properties", { "loose": true }] ] } ...原创 2019-07-02 15:29:43 · 15578 阅读 · 0 评论 -
babel-plugin-syntax-dynamic-import
作用:用以解析识别import()动态导入语法---并非转换,而是解析识别安装:npm install babel-plugin-syntax-dynamic-import使用:.babelrc{ "plugins": ["syntax-dynamic-import"]}...原创 2019-07-02 16:19:54 · 20616 阅读 · 0 评论 -
git免密push
配置好git后,在C:\Documents and Settings\Administrator\ 目录下有一个 .gitconfig 的文件,里面会有你先前配好的name 和email,只需在下面加一行[credential]helper = store下次再输入用户名 和密码 时,git就会记住,从而在C:\Documents and Settings\Administrator...转载 2019-07-03 23:46:52 · 376 阅读 · 0 评论 -
react:什么是Refs转发
ref是用来绑定元素的constructor(props){ super(props); this.myRef = React.createRef(); //创建ref}<button ref={this.myRef}>按钮</button> //绑定ref如果想绑定子组件中的元素,想操作子组件中的元素,该如何?当然,可...原创 2019-07-04 16:39:43 · 2089 阅读 · 0 评论 -
配置eslintrc遇到问题解决思路心得
前言:万能方法,就是在报错的JS文件中第一行写上 /* eslint-disable */哈哈,给懒人的建议查询eslint规则指南:https://cloud.tencent.com/developer/doc/1078解决问题方法:1、简单的,遇到如下图所示问题前面一块为报错或警告描述,后一块为导致报错的规则,可在.eslintrc文件中找出该规则并重新配置,配...原创 2019-07-05 18:28:26 · 17075 阅读 · 2 评论 -
eslint部分问题
1、强制使用.号取属性:参数: allowKeywords:true 使用保留字做属性名时,只能使用.方式取属性// false 使用保留字做属性名时, 只能使用[]方式取属性 e.g [2, {"allowKeywords": false}]// allowPattern: 当属性名匹配提供的正则表达式时,允许使用[]方式取值,否则只能用.号取值 e.g [2, {"allowPa...原创 2019-07-06 00:49:55 · 197 阅读 · 0 评论 -
css-modules学习
解决问题:css是公共的,不同文件加载的css最终的呈现方式都是在同一个文件中出现,会导致样式覆盖。css-modules的解决思路是:生成hash类名,具有唯一性。引用方法:通过打包工具引入,如webpack。以下以react为例:.babelrc{ "presets": [ ["env", { "targets": { "browsers":...原创 2019-07-22 16:18:11 · 189 阅读 · 0 评论 -
前端入门基础知识大全(一)-CSS基础(1)
个人学习笔记,仅供想入前端大门小伙伴学习一、什么是CSS Cascading Style Sheets : 样式表 CSS用于HTML元素的样式的定义 能够实现内容(HTML页面元素) 与 表现(CSS展示效果)相分离 能够提升代码的可重用性 和 可维护性二、CSS 与 HTML 之间的关系 HTML 负责搭建网页结构 CSS 负责页面的样式的设置 HTML元素属性 与 CSS...原创 2018-11-11 13:31:44 · 334 阅读 · 0 评论