发表于 | 评论数： | 阅读次数：

title:js排序实现tags:[sort] categories:随笔1.冒泡排序 1.从头开始遍历数组的两个相邻元素,如果第一个比较大,则交换顺序,否则不变,这样一轮下来,最后一个数字为最大的数字; 2.对除了最后一个数以外的数据进行遍历,直到只剩下一个数; function bubbleSort(arr: Array<number>) { let arrLength = arr.length // for for (let i = arrLength - 1; i > 0; i--) { for (let j = ...

阅读全文 »

发表于 | 分类于 | 评论数： | 阅读次数：

之前写过一篇文章在vue项目中使用postcss-px-to-viewport,现在更新一下在react项目中使用postcss-px-to-viewport的方式. 新建 react 项目npxnpx create-react-app my-app npmnpm init react-app my-app yarnyarn create react-app my-app# 使用typescript模板yarn create react-app my-app --template typescript 安装 postcss-px-to-viewportyarn add postcss-px-t ...

阅读全文 »

发表于 | 分类于 | 评论数： | 阅读次数：

利用华硕固件可以将任意LAN口转化为WAN口的特性,可以实现宽带双拨的功能. 前置需求 光猫使用桥接模式(使用路由器拨号而不是光猫拨号); 固件支持虚拟WAN口; 操作流程开启虚拟wan口 把LAN3设置为IPTV端口 配置第二WAN(LAN4) 重启路由器看到这样的页面,就代表双拨成功了. 但是需要注意的是,双拨的最终效果还是取决于你的宽带运营商,小区的宽带质量等等,比如在我家,成功双拨以后,下载速度没有发生明显变化,但是上传速度翻倍了.

阅读全文 »

发表于 | 分类于 | 评论数： | 阅读次数：

记录在开发过程中遇到的一个坑:在开发环境中正常,但是在生产环境中,使用router.push()方法跳转路由以后页面会卡死. 依赖"dependencies": { "ant-design-vue": "2.1.6", "axios": "^0.21.1", "core-js": "^3.6.5", "uuid": "^8.3.2", "vue": "^3.0.0", "vue-router": "^4.0.0-0" }, 代码\\\...import { useRoute, useRouter } from "vu ...

阅读全文 »

发表于 | 分类于 | 评论数： | 阅读次数：

font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

阅读全文 »

发表于 | 评论数： | 阅读次数：

title:使用scss实现主题颜色动态切换功能tags:[scss] categories:随笔通过给 html 根 标签设置一个 data-theme 属性,然后通过 js 来切换 data-theme 的属性值,接着 scss 根据 data-theme 的值来动态切换主题,从而实现需求. 定义新建_theme.scss来保存预设的主题配置: //_theme.scss//light 代表亮色主题,dark 代表暗色主体,不同主题的颜色,配置等必须一一对应.//如果需要更多的主体,自行在 theme 中添加即可.$themes: ( light: ( background-c ...

阅读全文 »

发表于 | 分类于 | 评论数： | 阅读次数：

Electron 是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架。 这些应用程序可以打包后在 macOS、Windows 和 Linux 上直接运行，或者通过 Mac App Store 或微软商店进行分发。 这里是 electron的官方文档 前提条件安装node.js以及npm 检查 nodejs 和 npm 是否安装: node -vnpm -v 创建基本应用electron 应用程序基于 package.json 这对于前端开发或者 nodejs 使用者来说应该很熟悉了. 最小的项目结构应该包含以下的内容: my-electron-app/ ...

阅读全文 »

发表于 | 分类于 | 评论数： | 阅读次数：

环境变量和模式 在平时开发的过程中会遇到很多环境并对应很多的接口地址,例如在测试环境或者本地环境请求的是测试环境的地址,但是在正式环境,我们请求的是正式环境的后台地址,这时我们就可以通过环境变量进行修改了. 官方文档:环境变量和模式 创建不同的环境文件在项目的根目录下新建.env 打头的配置文件,例如: 在 .env.bata 中文件的内容为: NODE_ENV=bata //环境名称VUE_APP_URL=http://apiUrl //对应的beta环境地址 在 .env.production中的内容为: ...

阅读全文 »

发表于 | 更新于 | 分类于 | 评论数： | 阅读次数：

function f1(...rest: Array<number>): numberfunction f1(...rest: Array<string>): stringfunction f1(...rest: Array<any>): any { let first = rest[0] if (typeof first == "number") { return rest.reduce((pre, cur) => pre + cur) } else { re ...

阅读全文 »

发表于 | 分类于 | 评论数： | 阅读次数：

深拷贝和浅拷贝最根本的区别就在于是否真正获取到了一个对象的复制实体,而不是引用. 对于原始对象,不存在深拷贝/浅拷贝的问题let a =1;let b= a;a = 2;console.log(b)///2 浅拷贝的实例let arrA = [1,2,3]let arrB = arrAarrA.push(4)console.log(arrB)//[1,2,3,4]let objA = { a:1}let objB = objAobjA.a =2 console.log(objA)///{/// a:2///} 如何深拷贝// 判断arr是否为一个 ...

阅读全文 »