-
![规避笔记陷阱 [译]](https://blog.biekanle.com/wp-content/themes/b2/Assets/fontend/images/default-img.jpg)
规避笔记陷阱 [译]
在我们的学习和工作过程中，笔记的重要性不言而喻。然而，并非所有人都需要做笔记。许多人在大学时期，甚至没有做笔记，也能顺利完成学业。他们可以在考试中即兴发挥，也可以通过阅读和死记硬背老师画的范围准备考试。那么，如果你能记住所有需要的信息，如果你不需要处理来自多个来源的复杂信息，如果你不需要写长篇报告或内容，你为什么还需要做笔记呢? 这似乎是多余的，对吧? 对于需要经常更新自己知识的人来说，做笔记是必…- 26
- 0
-
JavaScript中几种数组去重的方式
1) 双重for循环数组去重 双重for循环可以说是一个比较笨重的方法来数组去重，时间复杂度是O(n²)，如果数组很长，他的性能将会很差 原理：先定义一个包含原始数组第一个元素的数组，然后遍历原始数组，将原始数组中的每个元素与新数组中的每个元素进行比对，如果不重复则添加到新数组中，最后返回新数组 function unique(arr) { if (!Array.isArray(arr)) { c…- 15
- 0
-
在Vue中实现右键菜单
使用vue-contextmenu.js，可以做到Vue实现右键菜单组件 首先需要npm npm i vue-contextmenujs 当然也可以从公共库进行引入，但是目前只发现UNPKG有该文件 <script src="<https://unpkg.com/vue-contextmenujs/dist/contextmenu.umd.js>"> 引…- 11
- 0
-
Vue2的12种和Vue3的7种组件通信
Vue 2 1. props 就是父传子的属性; props 值可以是一个数组或对象; // 数组:不建议使用 props:[] // 对象 props:{ inpVal:{ type:Number, //传入值限定类型 // type 值可为String,Number,Boolean,Array,Object,Date,Function,Symbol // type 还可以是一个自定义的构造函数…- 9
- 0
-
前端工程化入门06 - 技术选型
技术选型应该对很多程序员都不陌生了，无论是大到技术框架、编程语言，还是小到工具库的选择，都属于技术选型的范围。个人认为技术选型应该按照以下四个指标进行选择： 可控性 稳定性 适用性 易用性 由于没有统一的叫法，所以以上四个指标的名称是我自己定的。下面就让我们一起来深入了解一下如何进行技术选型吧。 可控性 可控性是技术选型中非常重要的一个指标。可控，就是指如果这门技术因为 BUG 对项目造成了影响，…- 9
- 0
-
前端工程化入门05 - 代码规范
试想一下，一个几十万行代码的项目，存在几种不同的代码规范，阅读起来是什么感受？连代码缩进使用空格还是 Tab 都能引发不少程序员的争论，可以说统一代码规范是非常重要的事情。 统一代码规范除了刚才所说的两点外，还有其他好处： 规范的代码可以促进团队合作 规范的代码可以降低维护成本 规范的代码有助于 code review（代码审查） 养成代码规范的习惯，有助于程序员自身的成长 当团队的成员都严格按照…- 8
- 0
-
前端工程化入门04 - 前端组件化
高内聚，低耦合 高内聚，低耦合是软件工程中的概念，它是判断代码好坏的一个重要指标。高内聚，就是指一个函数尽量只做一件事。低耦合，就是两个模块之间的关联程度低。 仅看文字可能不太好理解，下面来看一个简单的示例。 // math.js export function add(a, b) { return a + b } export function mul(a, b) { return a * b …- 15
- 0
-
前端工程化入门03 - 构建工具
构建工具常见的功能有： 代码转换，例如将 ts 文件转换为 js 文件。 代码打包，将有关联的代码打包在一起。 代码压缩、文件压缩、gzip 压缩等。 热加载，修改代码后自动刷新页面。 代码检验，检查代码格式是否符合规范。 ... 在开发中使用构建工具，能够大大的提升了开发效率。 由于前端构建工具比较多，所以本章选取了其中的三个 webpack、rollup、vite 来进行讲解。 webpack…- 8
- 0
-
前端工程化入门02 - 测试
什么是测试 维基百科的定义： 在规定的条件下对程序进行操作，以发现程序错误，衡量软件质量，并对其是否能满足设计要求进行评估的过程。 也可以这样理解：测试的作用是为了提高代码质量和可维护性。 提高代码质量：测试就是找 BUG，找出 BUG，然后解决它。BUG 少了，代码质量自然就高了。 可维护性：对现有代码进行修改、新增功能从而造成的成本越低，可维护性就越高。 什么时候写测试 如果你的程序非常简单，…- 8
- 0
-
JavaScript复杂判断的优雅写法
我们在编写JavaScript代码的时候经常遇见要写复杂的判断情况，通常是用多个if/else或者switch来实现多个条件判断，但是随着代码量的增加，代码块会越来越臃肿，到最后变的难以维护，现在我们来写一下如何优雅的实现复杂判断 首先先看一个例子，这是最原始的if/else ### if/else写法 /** * 按钮点击事件 * @param {number} status 活动状态：1 开团…- 20
- 0
-
浏览器html的DOM尺寸相关api
先来看三幅图，如果能解决问题就可以不往下看了 1. offset offset 指偏移，包括这个元素在文档中占用的所有显示宽度，包括滚动条、padding、border，不包括overflow隐藏的部分 offsetParent属性返回一个对象的引用，这个对象是距离调用offsetParent的父级元素中最近的（在包含层次中最靠近的），并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行C…- 17
- 0
-
前端工程化入门01-前端监控
什么时候需要监控 当你的应用频繁报错找不到原因的时候。 需要分析用户兴趣爱好、购买习惯。 需要优化程序的时候，可以做监控收集数据，做针对性的优化。 需要保证服务可靠性稳定性。 如果你的应用符合以上任意一条，就可以对应用实行监控了。监控的作用有两个：事前预警和事后分析。 事前预警：提前设置一个阈值，当监控的数据达到阈值时，通过短信或者邮件通知管理员。例如 API 请求数量突然间暴涨，就得进行报警，否…- 27
- 0
-
一些适用于中国大陆的CDN整理
由于某些众所周知的原因, 很多开源的库、开箱即用的Blog模板采用的都是国外CDN, 在大陆访问速度不尽人意, 这可能导致你的网站打开速度非常慢, 我整理收集了目前稳定运行的免费CDN站, 能让你的站点资源在国内外都获得不错的速度。 文中的链接如果不是一个a标签, 代表这个CDN没有可视化的页面, 但是可以通过拼接字符获取到相关资源。 大厂运营： 七牛云存储 https://staticfile.…- 21
- 0
-
在Windows中，搜狗输入法输出直角引号「」的优雅方式
在中文排版中，直角引号「」相比于弯引号“”具有多项优势： 在 Unicode 中，中文和西文的弯引号使用的是相同的码位，它的默认显示宽度是按西文设计的，小于一个汉字的宽度，直角引号能清晰区分中文引用内容，视觉辨识度优于弯引号 使用「」不会认为是在说反话，而使用“”需要考虑是不是在说反话 然而，搜狗输入法的最新版本在自定义标点功能中并未直接提供「」的设置选项。本指南将详细介绍如何通过修改配置文件来实…- 9
- 0
-
node管理工具Volta的使用
这是一个可以根据项目，来自动使用对应node版本的工具，不需要nvm每次切换版本的操作。 即在多个项目之间无感转换node版本 下载 下载地址 安装 官方推荐的安装方式是 注意 Volta的功能依赖于创建符号链接，因此您必须： 启用开发人员模式（推荐） 使用提升的权限运行 Volta（不推荐） 给定一个默认使用的node版本 下面这些命令都是可以工作的 如果没有安装则会执行下载安装，如果已经安装了…- 10
- 0
-
nvm-windows的使用
下载地址 https://github.com/coreybutler/nvm-windows/releases 下载时选择 nvm-setup.exe 注意 安装之前先卸载电脑中已有的Node，安装时，右键——以管理员身份运行 nvm-setup.exe安装文件 使用 注意：涉及Node的安装、卸载、切换版本操作，需要以管理员!!!!!身份运行打开控制台（按Win+X——Windows终端（管理…- 9
- 0
-
前端持续更新⭐收集有特色的库
交互类 Name/GitHub Desc Demo Vue Grid Layout vue拖拽 https://jbaysolutions.github.io/vue-grid-layout/ Vue-Fliplay vue3列表动画 https://vue-flip.netlify.app/ vue-clamp vue2多行展开折叠 https://vue-clamp.vercel.app/?l…- 30
- 0
-
利用GitHub Action自动备份Notion数据到仓库
近期因为一些笔记软件的服务崩溃导致大家都在说要Local first，但Notion确实有一些令人无法割舍的功能，所以这里提供了一种折中的方案，通过设置GitHub Action，定期自动备份Notion数据至GitHub仓库。这种做法不仅提高了数据安全性，也实现了有效的容灾措施，降低了因依赖单一服务而导致数据丢失的风险。(其实Notion本身的可用性还是可以的, 详见Notion Status)…- 14
- 0
-
自建Docker Hub镜像方法
自从2023年5月中旬，因为一股神秘力量导致Docker 容器平台 https://hub.docker.com 无法访问了。 一年多过去了，截止目前（2024年6月9日），南京大学、中科大、上海交大 目前明确停止docker镜像缓存服务。网易之前就死了，腾讯微软据说内网可用，阿里登陆后就可以拿到子域名，百度好像也挂了，dockerproxy被墙。 所以，让我们来自建一个吧！（微笑脸） 本文介绍的…- 30
- 0
-
某大佬收藏100+前端工具和网站推荐收藏夹公开
收藏自己看！ 自学前端程序 私藏工具和网站分享 01.JavaScript JavaScript 教程 | 通俗易懂的JavaScript教程 ES6 入门教程 | 通俗易懂的ES6入门教程 JavaScript 30 | 使用原生JavaScript在30天内完成30个项目 现代 JavaScript 教程 | 最近很流行的JavaScript教程 Node.js学习指南 | 系统的Node.j…- 20
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×