JavaScript.net.cn 「线球实验室」

运维

简介apt（Advanced Packaging Tool）是一个在 Debian 和 Ubuntu 中的 Shell 前端软件包管理器。apt 命令提供了查找、安装、升级、删除某一个、一组甚至全部软件包的命令，而且命令简洁而又好记。apt 命令执行需要超级管理员权限(root)。apt 语法apt [options] [command] [package ...]options：可选，选项包括 -h（帮助），-y（当安装过程提示选择全部为"yes"），-q（不显示安装的过程）等等。command：要进行的操作。package：安装的包名。apt 常用命令列出所有可更新的软件清单命令：sudo

admin  2022-06-27  548

CSS 前端

使用 svg 作为背景图片

1 用utf8格式，需要双引号“”替换为单引号，而且采用url encode编码，例如# 替换为 %23，background-image: url('data:image/svg+xml;utf8, svg t="1656040038219" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3009" width="200" height="200" path d="M512 234.666667c131.946667 ...67 77.482667

admin  2022-06-24  654

JavaScript Node.js 前端

JavaScript console 的用法

1 console.log在console.log()中，可以用%s设置字符串，%i设置数字，%c设置自定义样式，console.log()接受的两个参数，前者是描述性的语言，而第二个参数是与第一个参数位置对应的字符console.log(' %c %s %s %s', 'color: yellow; background-color: black;', '–', '测试信息', '–');2 console.table()很多的时候，你可能会有一堆对象需要查看。可以用console.log把每一个对象都输出出来，也可以用console.table语句直接把所有的对象都直接输出成为一个表格3

admin  2022-06-23  616

前端开发前端

Vue3 挂载全局方法

方法一：挂载在原型链上import { createApp } from 'vue' import App from './App.vue' import router from './router' import Axios from 'axios'; const golBalTest = () = { console.log('测试全局挂载'); return '测试全局挂载'; } const app = createApp(App) // 挂载到vue原型上(方法1) app.config.globalProperties.$axios = Axios; app.con

admin  2022-06-23  Vue.js  616

MySQL Node.js

Node.js MySQL2 如何编写事务

方法一，await conn.query(`START TRANSACTION`); await conn.execute(`INSERT INTO user VALUES (?, ?, ?, ?, ?, ?)`, [...userDetails]); await conn.execute(`INSERT INTO account VALUES (?, ?, ?, ?, ?, ?)`, [...accountDetails]); await conn.query(`COMMIT`); START TRANSACTION 和 COMMIT 不可以使用 conn.execute，MySQL lim

admin  2022-06-15  687

前端

FFmpeg 修改默认音轨

FFmpeg 修改默认音轨：ffmpeg -i 西游2：伏妖篇.国粤双语.mkv -map 0:0 -map 0:2 -c copy -disposition:a:0 default -y output.mp4 ffmpeg -i gf.mkv -map 0:0 -map 0:2 -vcodec copy -acodec copy out.mkv 注： -map指定哪些流做为输入， 0:0 表示第0个输入文件的第0个流使用ffmpeg修改默认的音频轨道ffmpeg -i input.mkv -map 0:0 -map 0:1 -map 0:2 -c copy -disposition:a:0

admin  2022-05-01  815

JavaScript Node.js 前端

Node.js 18.x 开始支持内置单元测试

单元测试很重要，很多新兴的编程语言都是会内置对应的能力，但 Node.js 这块一直都是由社区来实现，前端同学耳熟能详的 Test Runner 有 Mocha、Jest。2022年04月19日正式发布的 Node.js 18.x ，终于，官方支持了 Test 能力。Fetch API 也被集成到这个版本中了。测试 API 接口在一定程度上代替 SuperTest 了。代码：import test from 'node:test'; import assert from 'assert/strict'; // 等价于 describe() test('asynchronous passing

admin  2022-04-28  单元测试  582

MySQL

如何使用命令修改 MySQL 数据库名称

MySQL 中，不可直接修改数据库名称。有一种变通的方式如下：如果有一个数据库名称是 “old_database”，想把这个数据库的名字改成 “new_database”;首先创建一个新的数据库 “new_database”create database new_database; 获取所有源库的表名use information_schema; select table_name from TABLES where TABLE_SCHEMA=’old_database’; 然后按照以下命令一个个修改rename table old_database.[tablename] to new_da

admin  2022-03-27  943

CSS 前端

CSS3 实现 Switch 开关

网上看过很多 Switch 的例子，很多还需要额外的 label 或者 i 标签配合来实现，看到有个完全使用 CSS3 来实现的例子。只使用 CSS3 的伪类就可以实现。HTML： input type="checkbox" class="switch" input type="checkbox" class="switch" checked input type="checkbox" class="switch" disabled input type="checkbox" class="switch" checked disabled CSS.switch { box-s

admin  2022-03-08  605

JavaScript 前端开发

Rollup 教程

简介Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。Rollup 对代码模块使用ESM。ES6 模块最终还是要由浏览器原生实现，但当前 Rollup 可以使你提前体验。Webpack 的理念是“万物皆是模块”，rollup.js 从一开始，就没有那样宏大的愿景，它描述自己是：“一个 JavaScript 模块打包器”。致力于“将小块的代码编译成大的复杂的代码”。快速使用Rollup 可以通过命令行接口(command line interface)配合可选配置文件(optional configuration fil

admin  2022-03-03  rollup  511

CSS

如何调整 iconfont 图标的位置和基线

一，放大图标方法一：直接修改图标的 font-size。方法二：使用 transform:scale(1.5) 放大图标，需要注意有时在 iconfont 上是无效的，因为 transform 只能使用在块状元素上。比如：display:block 或者 display:inline-block。二，图标位置图标和文字往往不在一条基线上，常常需要调整 iconfont 图标的位置，最简单的方法是：.some-div .iconfont{ position: relative; top：0.1rem; } 另一种方法是使用 vertical-align 属性设置元素的垂直对齐方式。该属性

admin  2022-03-01  iconfont  894

JavaScript Node.js

支持 Selector API 的 HTML 解析器 node-html-parser

简介做爬虫解析 HTML，之前一直是用 cheerio，随着 jQuery 的渐行渐远，使用 cheerio 的类 jQuery API 已经成为一种负担，我使用这个支持 Selectors API 的解析器 node-html-parser 来代替 cheerio。前后端的 HTML Selectors API 终于统一了。官方地址：https://www.npmjs.com/package/node-html-parser在 npmjs.com 的周下载量是：1,777,505。 cheerio 的周下载量是 6,696,323。执行速度上：cheerio :12.072

admin  2022-02-28  爬虫  850

CSS

CSS 媒体特性 prefers-color-scheme

媒体查询（Media queries）非常实用，尤其是当你想要根据设备的大致类型（如打印设备与带屏幕的设备）或者特定的特征和设备参数（例如屏幕分辨率和浏览器视窗宽度）来修改网站或应用程序时。使用Window.matchMedia() 和MediaQueryList.addListener() 方法来测试和监控媒体状态。媒体特性（Media features）描述了 user agent、输出设备，或是浏览环境的具体特征。媒体特性表达式是完全可选的，它负责测试这些特性或特征是否存在、值为多少。每条媒体特性表达式都必须用括号括起来。最常用的媒体特性肯定就是“width"了。今天介绍的这个 CSS

admin  2022-02-22  684

JavaScript Node.js

Node.js 使用 Jest 和 supertest 做接口测试

var assert = require("assert"); var request = require('supertest'); // describe('接口测试', async function () { const http = require('http'); const app = require('../../app'); const PORT = process.env.PORT || 3003; const SERVER = http.createServer(app.callback()); it('获取 API 版本信息', (done) = { let

admin  2022-02-22  单元测试  646

JavaScript Node.js

Node.js 使用 Jest 做单元测试

Jest 简介Jest 是一个越来越流行的测试框架，使用率渐渐超过了Mocha, 这些项目都在使用 Jest：Babel、 TypeScript、 Node、 React、 Angular、 Vue 等等！Jest 的目标是在大部分 JavaScript 项目上实现开箱即用，无需配置。从 it 到 expect - Jest 将整个工具包放在同一个地方。好书写、好维护、非常方便。快速上手npm install --save-dev jest 下面我们开始给一个假定的函数写测试，这个函数的功能是两数相加。首先创建 sum.js 文件：function sum(a, b) { return

admin  2022-02-22  单元测试  640

MySQL

数据库中间表应该如何命名

1，数据库中间表一般，使用下划线连接两个表作为中间表表名(table1_table2)。比如，表前缀是tb，表 tb_article 和 tb_tag 的中间表的表名就应该是 tb_article_tag。有时候可以把表命名为 "tb_article_tag_relation" 来突出一个表是中间表。2，在项目简单的时候，这种命名方式是没有问题的。如果复杂一点, 一个文章表 tb_post，和一个文章的类型表 tb_post_type，按照上面方式命名方式，就会出现 tb_post_post_type 这样的奇葩表名。看到有人使用双下划线“__”或者“_to_“连接两个表，比如“tb_post

admin  2022-02-16  2366

App 开发前端

uni-app 实现暗黑模式/夜间模式/深色模式/暗黑主题（DarkMode）的几种方法

本文方法已经过时，官方最新方法：https://uniapp.dcloud.net.cn/tutorial/darkmode.htmlhttps://ask.dcloud.net.cn/article/36995简介：uniapp 暗黑模式适配主要包括三部分，一部分是应用中的页面，另一部分是特定功能弹出系统原生界面（如alert提示框）和安全区域外背景颜色，下面会详细说明分别如何适配。方法一：官方方法，只能适配 ios这个方法是官方给的，但暂时只能适配 ios，地址：https://ask.dcloud.net.cn/article/36995官方给的方法主要是靠 plus.navigator

admin  2022-02-15  uni-app  2660

运维

macOS 生成 icns 图标

1 准备一个 1024 * 1024 的png图片，假设名字为 pic.png2 命令行 $ mkdir tmp.iconset，创建一个临时目录存放不同大小的图片3 把原图片转为不同大小的图片，并放入上面的临时目录# 全部拷贝到命令行回车执行，执行结束之后去tmp.iconset查看十张图片是否生成好sips -z 16 16 pic.png --out tmp.iconset/icon_16x16.png sips -z 32 32 pic.png --out tmp.iconset/icon_16x16@2x.png sips -z 32 32 pic.png -

admin  2022-01-21  611

Node.js

TypeScript 和 Koa 实践

一，TypeScript 基本操作安装 TypeScript：npm install -g typescript 编写 test.ts 文件function greeter(person: string) { return "Hello, " + person; } let user = [0, 1, 2]; document.body.innerHTML = greeter(user); 编译 ts 文件生成 js 文件：tsc test.ts 提示：greeter.ts(7,26): error TS2345: Argument of type 'number[]' is no

admin  2022-01-19  Koa.js,TypeScript  664

开发工具

curl 的用法指南

简介curl 是常用的命令行工具，用来请求 Web 服务器。它的名字就是客户端（client）的 URL 工具的意思。它的功能非常强大，命令行参数多达几十种。如果熟练的话，完全可以取代 Postman 这一类的图形界面工具。本文介绍它的主要命令行参数，作为日常的参考，方便查阅。内容主要翻译自《curl cookbook》。为了节约篇幅，下面的例子不包括运行时的输出，初学者可以先看我以前写的《curl 初学者教程》。不带有任何参数时，curl 就是发出 GET 请求。$ curl https://www.example.com上面命令向www.example.com发出 GET 请求，服务器返回

admin  2022-01-13  559