- 博客(18)
- 收藏
- 关注
RSS订阅原创 React 路由跳转 react-router-dom
react-router-dom V4版本。react-router-dom V5版本。react-router-dom V6版本。
2024-05-21 10:54:53
333
原创 subModule在项目中的使用
为了把详情、大模型、大V，（也许还有后续项目）公共的代码抽离出来，单独放到一个git仓库里面，再在详情、大模型、大V里面分别引入这个子仓库，以后只需要维护一份代码。
2024-01-26 15:17:23
518
转载 prettier格式化配置
全局配置：{ // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[less]": { "editor.defaultFormatter": "esbenp.
2021-10-26 14:48:26
2432
原创 原始input只能输入数字，String.fromCharCode()排除e，和el-input的区别
1.先上结果：<inputtype="text"onkeypress="return/[\d]/.test(String.fromCharCode(event.keyCode))"/>2.String.fromCharCode()String.fromCharCode() 会把一个Unicode 编码转换为一字符串。比如键盘按下e的keyCode是数字101，String.fromCharCode(101) 结果为 e3.有人会问为什么不把 String.fro...
2021-04-23 17:38:24
928
原创 html2canvas使用方法，js截图，压缩，上传
npm install html2canvasimport html2canvas from 'html2canvas';1.插件截图生成canvas，转成blob，再转成file文件流html2canvas($("#app")[0]).then(function(canvas) { canvas.toBlob((blobObj)=>{ let file = new window.File([blobObj], 'capture.jpg', {type: 'image/j.
2020-11-16 17:45:25
2616
2
原创 react 项目 使用css modules模块化
1.vue项目的组件中有一个scoped属性，可以把style代码私有化，只在当前组件生效，react怎么做呢？react项目需要在webpack里面配置，首先运行npm run eject可以将webpack.config.js文件从nodemodules中暴露出来2.很多博客是这么写的{ loader: 'css-loader', options: { modules: true, // 开启模块化 localIdentName: '[loc
2020-09-07 17:56:11
2886
转载 nginx防止浏览器自动打开文件而不是下载文件并且重命名
1.防止浏览器自动打开文件而不是下载文件，添加add_header Content-Disposition "attachment;";举例：#所有文件都不打开 location / { ...
2020-09-07 13:58:45
1967
原创 不使用flex，实现高度height自适应
<table class="container"> <tbody> <tr style="height: 1px;"> <td> <div class="show"> <div>1</div> <div>1</div> <div>1</div> <di.
2020-06-30 13:39:10
789
原创 vue项目中使用mqttjs，注意事项及兼容IE11的处理
在一个项目中，前端用到的数据是设备接入后主动上报的，所以使用了mqtt第一步，看看GitHub有什么好的插件我采用了第二个，文档写的不错，直接有代码示例，果然选star最多的就对了第二步，开始开发一开始在每个vue文件每次交互都照着文档直接写一套，从创建客户端到连接到订阅到监听var mqtt = require('mqtt')var client = mqtt.connect('mqtt://test.mosquitto.org')client.on('connect',
2020-06-29 10:31:58
2876
4
原创 perfect scrollbar插件无限上拉bug，以及export default (imported as xxx) was not found in xxx报错
1.解决bug不要用npm安装，因为这个插件有个bug，有时候会出现可以无限上拉的bug，去cdn里面下载源码，修改js文件的333行（V1.5.0版本）：i.containerWidth = Math.ceil(rect.width);i.containerHeight = Math.ceil(rect.height);//ceil改成roundi.containerWidth = Math.round(rect.width);i.containerHeight = Math.round
2020-06-29 10:28:11
1899
原创 vscode打开状态下删除node_modules，需要管理员权限，导致每次都要关闭vscode，现在 rimraf 来了
1.安装npm包：rimrafnpm install rimraf -g2.进入项目根目录，再输入指令rimraf node_modules3.删除完成
2020-06-24 18:08:06
2099
转载 vue项目启动 no such file or directory, scandir node-sass/vendor
在启动vue工程项目时报错：npm installnpm run dev错误日志：huyikangdeMacBook-Pro:vbap-widgets kangkang$ npm run dev > vbap-widgets@3.0.6-SNAPSHOT dev /Users/kangkang/vbap-widgets> node build/dev-server.js [...
2020-05-25 11:42:20
1668
原创 padding右边距失效问题，出现滚动条时，右边并没有出现留白
需求：如下图。一个父容器，里面有一个子容器，想实现子容器和父容器之间保留20px距离。错误方法一：自然情况下，我们会给父容器加一个padding:20px; 但是并不能实现需求，右边并不出现空白 .father { height: 200px; width: 200px; border: 1px solid #000; ...
2020-04-13 16:54:23
5515
1
原创 JS判断变量是否是数字
1.isNaN()：缺点: null、空格以及空串会被按照0来处理2.typeof (): 缺点：typeof(NaN) 也等于number所以：typeof value === 'number' && !isNaN(value);ES6中的Number.isNaN() 方法就是采用这种判断规则...
2020-04-03 14:38:11
1445
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人