- 博客(69)
- 收藏
- 关注
RSS订阅原创 用i18next使你的应用国际化-Vue
ref:创建i18n.js在main.js中导入i18n.js对于第一个文本，我们只使用一个简单的welcomekey 来直接调用$t函数。$t或多或少与i18next.t相同。对于第二个文本，我们使用v-html指令直接输出真正的HTML。在您的网站上动态渲染任意HTML是非常危险的，因为它很容易导致XSS漏洞。只在可信内容上使用v-html，不要在用户提供的内容上使用。
2023-07-25 10:06:16
587
原创 使用node内置test runner，和 Jest say 拜拜
在之前，我们写单元测试，必须安装第三方依赖包，而从node 20.0.0 版本之后，可以告别繁琐的第三方依赖包啦，可直接使用node的内置test runner......
2023-07-25 09:44:19
1163
原创 登录和注册表单的11个HTML最佳实践
大多数网站都有登录或注册表单;它们是业务转换的关键部分。然而，即使是流行的站点也没有实现本文中提到的11个最佳实践，并且至少有一个错误。所以，阅读这篇文章，然后检查你的表单，并通过使用HTML技术来改善你的用户体验。
2023-07-25 09:41:29
941
原创 ES2023新特性！
/ 库存低时返回 true function isNotEnough(item) {// undefined，没有找到 console . log([ 4 , 5 , 7 , 8 , 9 , 11 , 12 ] . findLast(isPrime));// 11。
2023-07-25 09:40:01
485
原创 React.js 中用于高质量应用程序的最佳实践和设计模式
本文将介绍React.js最有用的实践和模式。比如如何构建文件夹，逻辑分离和组件设计，这些建议将使你的开发更轻松，并帮你构建易于维护、扩展和性能良好的应用。
2023-07-25 09:38:26
1005
原创 Linux初学常用命令
rwx对应读、写、执行，以二进制表示为111，十进制为7，每个文件有三组固定权限，分别对应拥有者，用户组，其他用户，如rw-rw-rw-，表示三组都没有执行的权限，以666表示。u-user-用户，g-group-用户组，o-others-其他用户，+增加权限，-去掉权限，go-rw表示去掉用户组和其他用户的读写权限。从标准输入设备读入用户输入，输入完后，继续在终端打字，作为用户输入，只读取10个字节，最后输出到文件。从标准输入设备读入用户输入，输入完后，继续在终端打字，作为用户输入，最后输出到标准输出。
2022-10-09 14:42:16
929
原创 ‘npm‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
我的node为14.18.2，对应npm为6.14.15，然后。查看nvm的相关node文件夹，缺少npm相关文件，只有。文件夹，此时解压的文件夹名改版本号，改为。我们来手动添加npm，首先。文件至版本号文件夹下。
2022-08-11 17:30:04
1638
原创 error: switch `b‘ requires a value
在我想新建并切换到该新建分支的时候执行 git checkout -b #233_change_something，提示 error: switch ‘b’ requires a value猜想是分支名由#开头引起的，于是尝试给分支名加引号git checkout -b "#233_change_something"就成功啦。......
2021-12-13 09:44:40
3126
原创 nvm use 报错：You do not have sufficient privilege to perform this operation
尝试启动提升的命令提示符（即：开始>键入cmd>右键单击并以管理员身份运行）然后在以管理员身份运行的终端中输入nvm use x.x.x
2021-12-03 16:42:20
6694
原创 VSCode配置bash
原版："terminal.integrated.shell.windows": "C:\\development\\Git\\git-bash.exe",但是会有如下提示terminal.integrated.shell.windows已被弃用，最新配置方法如下"terminal.integrated.profiles.windows": { "git-bash": { "path": "C:\\development\\Git\\bin\\bash.exe", } },
2021-12-01 15:38:45
1663
原创 nvm use报错exit status
1.首先安装目录不要有空格和中文2.检查管理员权限是否打开，检查步骤win10系统怎么获得管理员权限？windows10获取管理员权限的方法－系统城·电脑系统下载之家3.更改环境变量NVM_HOME应为nvm的安装目录，如C:\development\nvmNVM_SYMLINK应为nodejs的目录，如下图就应为C:\development\nvm\v16.13.0注意用户变量和系统变量都需要更改，然后确定-确定-确定。4.关闭终端，重新打开再使用nvm use就可以啦。...
2021-11-30 16:23:26
8286
3
原创 Antd的Input监听allowClear事件
Select有onClear事件，可是Input没有，通过onChange监听：const onChange = (e: any) => { const { value } = e.target; if (!value && e.type !== 'change') { // do something } };
2021-09-29 14:20:22
6500
原创 antd Table 自适应滚动
antd Table 自适应滚动问题：antd的Table想要表头固定内容部分滚动的话必须给scroll设置固定值如：<Table columns={columns} dataSource={data} scroll={{ x: 1500, y: 300 }} />需清楚地指明300or calc(100vh - 30px)，而我需要Table高度自适应父div的高度即父元素div的高度初始化时是不定的，Table超出该div的高度时，内部自动发生滚动解决：const [scr
2021-08-11 15:53:43
4730
原创 隐藏antd Table的选择框
实现如图效果在rowSelection中配置renderCellconst rowSelection = { onChange: (selectedRowKeys, selectedRows) => { console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows); }, getCheckboxProps: (record) => ({ disable
2021-05-19 16:19:36
4963
17
原创 antd Table拖拽乱序
1.data的每条数据需有index，并按index排序const data = [ { key: '1', name: 'John Brown', age: 32, address: 'New York No. 1 Lake Park', index: 0, }, { key: '2', name: 'Jim Green', age: 42, address: 'London No. 1 Lake Park',
2021-05-06 17:27:00
858
原创 阻止Popconfirm冒泡
在Popconfirm外面再包一层span。<span onClick={(e) => { e.stopPropagation(); }} > <Popconfirm className="ibm-iconBtn" key="delete" title="确认删除该条检验分类吗？" onConfirm={() => deleteLabClass(record.id)} okText="确认"
2021-05-06 17:22:25
3068
3
原创 Cesium Label遮挡
在二维场景下, Label标签被遮挡找了一下相关文档, label并没用 index相关属性.接着改变绘制顺序, 将label置于最后绘制, 仍然会被覆盖.最后使用的是eyeOffset属性, 设为负值则在更上层const label = entities.add({ position: Cesium.Cartesian3.fromDegrees(coor[0], coor[1], coor[2] + 50), label : { text: index + 1 + '',
2020-06-22 11:49:23
6705
8
原创 electron-react-boilerplate集成cesium
网上找了好久没找到任何electron-react-boilerplate集成cesium的资料原因:1.使用electron-react-boilerplate的人本来就不多2.使用electron-react-boilerplate并且要集成react-cesium的人就更少了抠了两天脑壳之后终于搞出来了.以下是步骤:首先安装cesium和resiumcnpm install...
2020-04-03 14:42:00
1699
1
原创 electron中使用redux需注意的地方
假设state中有一个布尔值变量dataBool想在componentDidMount中的ipcRenderer中根根据dataBool做不同的操作componentDidMount() { const { dataBool } = this.props; ipcRenderer.on('save-data', () => { if (dataBool) { // ......
2020-04-03 11:42:13
1061
原创 Error running html-webpack-include-assets-plugin, are you sure you have html-webpack-plugin
之所以出现这个问题, 不是因为没有安装html-webpack-plugin , 而是因为html-webpack-include-assets-plugin的npm包改名了!!!重新安装 cnpm i -Dhtml-webpack-tags-plugin然后webpack中改为import HtmlWebpackIncludeAssetsPlugin from 'html-we...
2020-04-02 11:57:04
1593
原创 electron获取系统字体
electron框架我用的electron-react-boilerplate最近有个需求是获取系统字体.在网上找了一圈找到一个font-list库, 再一看用法, 觉得好简单, so easy.上代码:渲染程序中:ipcRenderer.send('get-sys-fonts');// 监听函数记得写在componentDidMount中ipcRenderer.on('font...
2020-03-23 15:53:47
3016
5
原创 antd多个表单元素相互验证
遇到表单相互验证的地方比较少, 一般就是密码, 二次输入密码.这种验证是以第二个表单元素为主, 提示错误也只在第二个表单下提示.那么有两个及以上的表单元素需要相互验证并且都有自己的判断条件及提示信息该怎么做呢?场景:最大值: 需大于最小值和中间值最小值: 需小于最大值和中间值中间值: 需介于最小值最大值之间代码:1.render中表单元素<FormItem label="最...
2019-12-03 11:51:08
4081
4
原创 通过URLSearchParams更方便地截取参数
通过newURLSearchParams更方便地截取参数if(window.URLSearchParams){ const params = new URLSearchParams('sex=1&age=24&like=reading') params.get('sex') // '1' params.get('age') // '24' params.set...
2019-11-14 15:24:08
290
原创 iview weapp radio默认绿色问题
针对ivew weapp的radio点击时默认绿色会闪一下的解决方案为了不影响组件的二次使用, 将以下组件复制到新的文件夹中编辑页面json配置radio的index.wxml这下就不会有绿色闪一下啦...
2019-08-16 19:04:18
553
原创 提取对象的 key:value 对
提取var obj = {x：1，y：2，z：3};var objEntries = Object.entries（obj）;console.log（objEntries）; // [[“x”，1]，[“y”，2]，[“z”，3]]转换回对象var entries = [["x", 1],["y", 2],["z", 3]];var obj = Object.fromEntries(...
2019-08-09 18:18:39
617
原创 node之图片的base64及png转化
base64转pngconst fs = require('fs');const path = 'xxx/'+ Date.now() +'.png';//去掉图片base64码前面部分data:image/png;base64const base64 = data.replace(/^data:image\/\w+;base64,/, "");//把base64码转成buffer对象c...
2019-08-07 18:08:05
1229
原创 JS私有类字段
class Dog { #sound = 'Woof! Woof!'; // this is private makeSound() { console.log( this.#sound ); }}// create instanceconst tommy = new Dog();tommy.makeSound() // Woof! Woof!//...
2019-08-07 18:05:10
337
原创 微信小程序图片懒加载实现
使用微信提供的 IntersectionObserver 对象IntersectionObserver 对象，用于推断某些节点是否可以被用户看见、有多大比例可以被用户看见.在页面渲染开始时，通过这个api指明需要监听的元素，系统会自动去监听元素位置let data = list;<view wx:for="{{data}}" wx:for-item="item"> <...
2019-04-18 15:44:22
8125
1
原创 Modal not found: Can't resolve '@babel/runtime/helpers/esm/extends'
项目用的dva最近从gitlab上down下来npm install之后总报如下错误:./node_modules/history/esm/history.jsModule not found: Can't resolve '@babel/runtime/helpers/esm/extends' in 'D:\gitlab\uam_web\node_modules\history\esm'...
2019-03-22 16:52:02
10188
12
原创 ES6 Module（export与export default）
ES6 Module（export与export default）ES6 Module使用import关键字导入模块，export关键字导出模块ES6 Module是静态的，和var以及function一样具有提升效果ES6 Module自动采用严格模式（顶层的this返回undefined）ES6 Module支持使用export{&lt;变量&gt;}导出具名接口，或export de...
2019-02-20 14:09:53
818
原创 for...of和for...in的区别
for…of和for…in的区别for…of 遍历获取的是对象的键值，for…in 获取的事对象的键名for…of 遍历当前对象不会遍历原型链，for…in 遍历对象的整个原型链，性能差不推荐for…of返回数组的下标对应的属性值，for…in 返回数组中所有可枚举的属性（包括原型链）...
2019-02-20 13:17:58
291
原创 箭头函数的arguments
箭头函数的argumentsES5中的argumentsfunction func(a,b,c){ console.log(arguments[0],arguments[1],arguments[2]) //1,2,3}func(1,2,3)箭头函数是没有arguments的，那么我们用什么来代替呢?let func = (...rest) => { consol...
2019-02-20 11:01:35
7975
原创 深拷贝与浅拷贝（学习笔记）
基本类型：Boolean、Null、Undefined、Number、String、Symbol引用类型：Object、Array、Function（深拷贝和浅拷贝）一维数组的深拷贝slice()、concat()、Array.from()一维对象的深拷贝Object.assign()没有undefined、函数以及symbol值的对象深拷贝JSON.parse(JSON.strin...
2018-12-18 14:37:12
218
2
原创 跨域（学习笔记）
协议、子域名、主域名、端口号中任意一个不相同时，都算作不同域。跨域是指服务端能收到客户端请求并正常返回返回结果，结果被浏览器拦截。PS：如果是协议和端口问题，“前台”无法解决允许跨域加载资源的标签：<img src="XXX"><link href="XXX"><script src="XXX">JSONP需要对方的服务器做支持..
2018-12-13 10:40:09
245
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人