- 博客(36)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 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
原创 如何实现浏览器界面点击按钮直接修改并发布npm库
npm一般登录是用密码的，需要有交互式命令控制台，为了完全自动化发布，需要用到npm提供的token方式。
2024-07-16 15:55:21
230
原创 charles使用指南
Charles 是一个http代理、管理以及反向代理工具，它允许开发者查看本地机器和互联网之间的关于http、https的所有通信，包含请求、响应以及他们的请求头、响应头
2024-01-22 15:42:51
1139
原创 redux与react-redux简述
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分
2022-10-24 18:09:51
805
原创 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
原创 如何将yarn.lock文件锁定的版本直接搬到package.json文件中
const fs = require('fs');const yarnLock = fs.readFileSync('./yarn.lock', { encoding: 'utf-8' });const package = fs.readFileSync('./package.json', { encoding: 'utf-8' });let dependencies = '';package.replace(/\"dependencies\"\: \{[\s\S]+?(.+?)[\s\S]+?.
2021-11-24 13:38:40
946
原创 用nodejs编写pre-commit
参考https://segmentfault.com/a/1190000007820338下面，我将从自己实际项目（a）出发，写一个pre-commit。主要为解决，想锁定其他包版本，但是，对于自己团队开发出的b-kite-comp包，则允许其一直安装最新包。如果采用yarn.lock方式锁版本，则每次升级b包后，均需要手动改a项目的package.json才可以在执行yarn install时更新yarn.lock。所以，在这里采用的方法是，删除yarn.lock中的b-kite-comp包锁定，
2021-11-09 10:11:18
751
原创 使用antd日期组件国际化问题
先看现象：上图中的问题是：在同一个组件，中文和英文混合出现。出现该问题的原因主要有两个：1、没有正确设置moment语言包；2、有两个版本共存的moment。第一个就不细说，只需在入口文件引入语言包即可，至于为啥要引入，一般是因为很多项目并不需要国际化，在webpack打包时，设置了new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)，防止语言包过大。因此需要手动引入需要的语言包import 'moment/locale/zh-c..
2021-11-04 16:19:15
1243
1
原创 9宫格键盘数字对应字母组合实现
const rules = { 2: ['a', 'b', 'c'], 3: ['d', 'e', 'f'], 4: ['g', 'h', 'i'], 5: ['j', 'k', 'l'], 6: ['m', 'n', 'o'], 7: ['p', 'q', 'r', 's'], 8: ['t', 'u', 'v'], 9: ['w', 'x', 'y', 'z']}const getData = (arr, result, index) => { cons.
2021-07-27 17:43:36
7574
原创 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
原创 微信小程序踩坑、填坑记
1、为什么数据库有数据，但在小程序客户端查出来的数据是空数组？原因：数据库的表的数据权限没有放开解决办法： 将数据权限设置为第一项即可2、为什么在小程序客户端无法删除数据，而云函数却能删除数据？我们都知道，小程序客户端和云函数端都可以进行数据库的增删改查，但小程序客户端的增删改查有限制，如：新增数据时小程序客户端不能一次插入多条数据，删除数据时一次只能删除一条等。另外，权限方面也有不同。如：如果是云函数接口新增的记录，则小程序客户端无法删除。小程序客户端接口新增的数据，小程序客户端可以单
2020-09-20 14:40:04
2003
原创 如何利用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
5624
原创 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
原创 夜神模拟器调试
1、如何在react native(rn)项目中使用夜神模拟器1.1下载夜神模拟器并进入Nox/bin目录，在该目录下打开命令行窗口，运行：adb connect 127.0.0.1:62001。1.2此时已经能够看到连接成功，运行adb devices确认是否有挂载成功，如下图，确实挂载成功。1.3在RN所在项目中运行adb devices，如果出现下图情况(正常讲应该是server版本高于client版本，我这里是因为已经做了下面所需的替换操作，已经不可复现了)，则需做另外处理
2020-08-20 11:19:27
3269
1
转载 关于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
原创 Git 清空工作区和暂存区
1. 还没有进行 add . 和 commit 操作:$ git checkout .命令作用:只能清空全部已修改的文件, 但是对于新建的文件和文件夹无法清空, 必须组合下面命令;$ git clean -f命令作用:清空所有新建的文件和文件夹;2. 已经 add . 了, 用如下命令重置 git reset ....
2019-08-26 18:12:31
6445
1
原创 webpack之DllPlugin详细解析
功能：DLLPlugin和DLLReferencePlugin用某种方法实现了拆分 bundles，同时还大大提升了构建的速度。-webpack官网何时使用：当有依赖包较大时，因依赖包不常改动（一般基本不会去改），如：react,axios,antd等，如果不将其分离打包，则每次打包时均会被打包，影响打包速度。先看效果：分离前：（打包时间：12.9s,包大小：6.48M）...
2019-08-19 10:10:02
5047
原创 css-modules学习
解决问题：css是公共的，不同文件加载的css最终的呈现方式都是在同一个文件中出现，会导致样式覆盖。css-modules的解决思路是：生成hash类名，具有唯一性。引用方法：通过打包工具引入,如webpack。以下以react为例：.babelrc{ "presets": [ ["env", { "targets": { "browsers":...
2019-07-22 16:18:11
189
原创 eslint部分问题
1、强制使用.号取属性：参数： allowKeywords：true 使用保留字做属性名时，只能使用.方式取属性// false 使用保留字做属性名时, 只能使用[]方式取属性 e.g [2, {"allowKeywords": false}]// allowPattern: 当属性名匹配提供的正则表达式时，允许使用[]方式取值,否则只能用.号取值 e.g [2, {"allowPa...
2019-07-06 00:49:55
197
原创 配置eslintrc遇到问题解决思路心得
前言：万能方法，就是在报错的JS文件中第一行写上 /* eslint-disable */哈哈，给懒人的建议查询eslint规则指南：https://cloud.tencent.com/developer/doc/1078解决问题方法：1、简单的，遇到如下图所示问题前面一块为报错或警告描述，后一块为导致报错的规则，可在.eslintrc文件中找出该规则并重新配置，配...
2019-07-05 18:28:26
17075
2
原创 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
转载 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
原创 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
原创 @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
原创 js调用网页打印接口
打印前后监听函数 window.onbeforeprint = beforePrint; window.onafterprint = afterPrint;1、创建新窗口 let wind = window.open('/print/' + printModalName, //跳转地址'newwindo...
2019-06-20 09:51:47
3279
原创 装饰器报错
安装npm install babel-plugin-transform-decorators-legacy --save-dev.babelrc 配置"plugins": ["transform-decorators-legacy",]
2019-06-15 22:51:30
824
转载 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
转载 使用ant-design报错问题
Webpack打包时提示"InlineJavaScriptisnotenabled"我是用了antd的babel-plugin-import，在react项目中用webpack打包时提示说"InlineJavaScriptisnotenabled.Isitsetinyouroptions?"这是啥毛病呀？我的webpack配置里已经配了less的加载... 我是用了antd的babel...
2019-06-15 14:08:31
987
转载 在本地电脑搭建服务器-转
转载自www.shenlin.ink，以备自己不时之需！下面就如何在Windows7系统下搭建Web服务器与大家交流一下。【局域网简介】局域网（Local Area Network，LAN）是指在某一区域内由多台计算机互联成的计算机组。一般是方圆几千米以内。局域网可以实现文件管理、应用软件共享、打印机共享、工作组内的日程安排、电子邮件和传真通信服务等功能。局域网是封闭型的，可以由办公室...
2019-03-17 15:29:40
2227
2
原创 前端入门基础知识大全（一）-CSS基础（1）
个人学习笔记，仅供想入前端大门小伙伴学习一、什么是CSS Cascading Style Sheets : 样式表 CSS用于HTML元素的样式的定义 能够实现内容(HTML页面元素) 与 表现(CSS展示效果)相分离 能够提升代码的可重用性 和 可维护性二、CSS 与 HTML 之间的关系 HTML 负责搭建网页结构 CSS 负责页面的样式的设置 HTML元素属性 与 CSS...
2018-11-11 13:31:44
334
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人