等时钟成长-CSDN博客

原创【leetcode】67. 二进制求和

leetcode 67. addBinary

2022-10-15 02:45:04 498

原创【MySQL80】Typeorm使用mysqljs/mysql连接MySQL8.0时报错 ER_NOT_SUPPORTED_AUTH_MODE

文章目录背景报错内容解决办法第一种：降级 MySQL的权限认证配置，不使用新的验证方式第二种：安装mysql2，在typeOrm的配置中，改用mysql2背景使用 typeorm + mysql 做项目，由于本机重新安装了mysql，使用了最新的mysql8.0版本，导致报了该错。报错内容Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; co

2022-05-10 12:49:48 905

原创【前端】从vben中学到的一些工程化技巧

文章目录本地图标还是在线图标可更改的 API 服务地址记录一些使用vben时学习到的新的技巧。本地图标还是在线图标使用 iconify，是从线上的 Public host 获取图标，当需要本地化（如部署到局域网内），可以借用 purgeIcons 来实现。对于 vite 有相应的插件 vite-plugin-purge-icons// vite.config.jsimport PurgeIcons from 'vite-plugin-purge-icons';return { plugin

2022-04-19 22:25:20 2231

原创【JavaScript】动手实现一个音乐播放器

【JavaScript】动手实现一个音乐播放器文章目录【JavaScript】动手实现一个音乐播放器前言技术效果实践基础组件`Icon``Button``Progress`使用`audio`播放本地音乐播放控制播放列表旋转唱片歌词解析LRC隐藏滚动条自动滚动渐淡工具栏页面底部固定音乐进度音量调节参考前言技术利用svelte框架利用<audio></audio> 播放音乐利用animation-play-state 控制动画启停利用正则解析歌词利用scrollInto

2022-03-28 15:33:17 1242

原创【JavaScript】图片的懒加载

【JavaScript】图片的懒加载文章目录【JavaScript】图片的懒加载1. 懒加载2. 利用`scroll`事件利用`HTMLElement.offsetTop`利用`Element.getBoundingClientRect()`节流优化3. 利用`IntersectionObserver`4. References1. 懒加载在一个很长很长的页面里，只渲染可视区域里的内容对于性能提升非常有用。图片懒加载就是这样一种技术，我们可以在图片进入可视区域之后再去请求/渲染。这需要一个技巧，就是

2022-03-25 19:32:00 4629

原创【Vue+Element】利用render函数实现一个递归的权限菜单

权限菜单

2022-01-19 20:27:06 1465 1

原创【面试记录】字节社招面试记录

【面试记录】2021-8月字节社招面试记录文章目录【面试记录】2021-8月字节社招面试记录ContentReferenceContent502 及解决方案https 和 http 区别cookiescss 实现一个秒针旋转动画<body> <div class="stage"> <div class="pointer"></div> </div> <style>

2021-08-18 00:33:12 492

原创【JavaScript】实现简单的图片处理

目录图片在前端的存储形式前端上传图片图片处理灰度操作负片效果压缩膨胀马赛克字符画参考资料图片在前端的存储形式图片以Uint8ClampedArray的格式存储. 这是一个一维数组,每四位组成一个像素点,分别代表rgba四个参数,每个参数的取值范围都是0~2^8-1(0~255).// 这是一个全黑色,透明的像素点const pixel = new Uint8ClampedArrray([0,0,0,255]);一张图片就是由宽 x 高个这..

2021-08-08 03:00:40 3473 7

原创【项目组织】前端项目`Api`模块的目录结构建设

前端项目Api模块的目录结构建设文章目录前端项目`Api`模块的目录结构建设`model``route``method`按模块建目录，内部目录结构如下:x-module ├── model │ └── xModel.ts |── route | └── xRoute.ts ├── xMethod.ts假如系统有user 和 menu 两大模块，大概如下：user ├── model │ └── user.ts | └── menu.ts |─

2021-07-14 10:54:37 523

原创【JavaScript】迭代协议

2021-07-13 11:41:55 175

原创【Vue】＜style＞中的scoped和v-deep

Vue中<style>的scoped和v-deep组件样式在vue中，我们通过<template>写HTML，<script> 写JavaScript，而把样式放进<style>中。但是直接写在<style>中的css是全局的，不同组件间的样式会互相影响。所以组件内部的样式我们一般加上scoped标记，避免不同组件间样式的影响。但是有时候（例如引用第三方组件时）我们发现加了scoped的样式并不起作用，所以我们会有/deep/ 、>&gt

2020-09-17 16:33:21 1120 1

原创【JavaScript】ES5和ES6面向对象

前言（Preface）Object Oriented 的一个标志就是 Class （类），通过类可以创建任意多个具有相同属性和方法的对象。然而，JavaScript中只有对象，没有类。 ECMA-262 把对象定义成：无序的属性集合。由于许多开发者都喜欢并习惯于面向类的软件设计，所以JavaScript中充斥着各种模拟类的实现，以致 ES6 专门新增了 class 语法使类的概念在JavaScript中落地。本文主要整理了在ES5和ES6中模拟类的不同实现方式，分析二者之间的联系，...

2020-09-09 16:51:37 283

原创【JavaScript】JavaScript-MDN-tutorials-Advanced

MDN上的JavaScript教程——高级篇文章目录`MDN`上的JavaScript教程——高级篇继承与原型链（Inheritance and the prototype chain）拓展原型链的4种方式（Extending prototype chain）严格模式（Strict Mode）调用严格模式（Invoking strict mode）严格模式中的变化（Changes in strict mode）将过时错误转成异常（Converting mistakes into errors）简化变量的使

2020-09-04 15:11:05 237

原创【HTML】编码风格规范

HTML+CSS风格规范文章目录HTML+CSS风格规范HTML部分标签小写、属性名小写属性值永远使用引号闭合标签属性赋值的空格属性换行CSS部分分号花括号冒号减少内联样式测试时使用自定义属性HTML部分标签小写、属性名小写HTML大小写不敏感，更推荐的风格是全部小写<SECTION CLASS="red-text"> <P>不好</p></SECTION><section class="red-text"> <p

2020-07-30 11:12:24 231

原创【JavaScript】编码风格指南

JavaScript Code Style Guide文章目录JavaScript Code Style Guide空格（Spacing）缩进符（Soft Tab）空白（Whitespace）符号（Symbols）文件（Source File）注释（Comments）单行注释（Single line）多行注释（Multiline）文档注释（Document）命名习惯（Naming Conventions）变量（Variable）函数（Function）数组（Array）代码风格一致（Code Style

2020-07-14 10:43:59 204

原创【JavaScript】key、code、keycode

键盘码keycode不再被赞成使用了，请使用code键名使用主键盘回车小键盘回车event.keycode不被赞成1313event.key按键的描述EnterEnterevent.code按键唯一识别码EnterNumpadEnter键盘码查看网站 http://keycode.info/...

2020-06-04 19:03:56 1117

原创【JavaScript】egg.js的命名问题

关于egg.js中的命名问题在Java中，不管是Service、Controller、Model，一个单独的文件都作为类存在，其命名也遵循类的首字母大写的规范。这在任何时候都不会出错。最近学习egg.js，对于其命名却不甚明了。其中原因不了解，暂时记录一下，有大牛可以帮我解惑。controller和service文件名：首字母大小写随意调用：此时一定是首字母小写的模块名：随意示例：// controller/user.js/User.js // 文件名首字母大小写随意，不影响程序正确

2020-05-18 19:07:46 563 1

原创【JavaScript】关于无数据该不该当做异常の思考

该不该把无数据当做一个异常方式一：ctx.body = { "status":1, "data":{}, "message":"未查询到数据！"}方式二：ctx.body = { "status":0, "data":{ "total": 0, "dataList": [] }, "message":"未查询到数据！"}我认为无数据不值得单独作为异常提出。异常，是需要通过弹出式的对话框Dialogue、显式的的消息通知Toast等进行用户提示的

2020-05-14 15:21:59 175

原创【JavaScript】关于前端收到字段为nullの思考

关于前端收到字段为null的思考null、undefined：都应当被认为是该字段无意义，前端不需要，统一处理成不传数组字段：应当返回[]字符串字段：返回""数字字段: 0或者一个特定的数字？现在会出现一种奇怪的现象：字段的类型是string，但是返回的值是null那就要思考，null到底是一个独立的类型还是“所有类型中代表空的标志”，string里有null，number里也...

2020-04-23 16:40:01 611

原创【JavaScript】分享一个定时到网站上签到/签退的JS脚本

之前介绍过使用temperMonkey屏蔽CSDN广告的方法，主要就是要针对性地分析网站结构，然后用代码去改变或者操作DOM。今天也一样，我们需要观察网页结构，找到我们要操作的按钮，触发他的click事件就可以了。下面分享一个定时签到或者签退的程序：(function() { 'use strict'; // user setting const SIGN_IN_TIME =...

2020-04-21 17:28:20 3144 3

原创【JavaScript】函数参数は一个对象の部分属性てす

情景描述：// 对象a拥有多个属性var a = {b: 1, c: true, d: ‘string’, e: 1587226319818};// 函数console需要其中的b和e属性function console(b, e){ console.log(b, e);}// 函数log需要其中的c和d属性function log(c,d){ console....

2020-04-19 00:23:10 115

原创【一句话博客】SyntaxError: Failed to execute ‘querySelector’ on ‘Document’: “xxx” is not a valid selector."

出现了报错SyntaxError: Failed to execute ‘querySelector’ on ‘Document’: “xxx” is not a valid selector."原因我使用了guid做div的id，出现了数字为首的id形式，而querySelector不识别数字开头的命名，所以报错。解决办法改用getElementById()即可...

2020-04-14 00:26:57 15178

原创【JavaScript】判断整数

JavaScript判断整数1. Number.isInteger()Number.isInteger([]); // false几乎可以完美的判断类型2. Math.floor/ceil/round()function isInteger(obj) { return Math.floor(obj) === obj;}3. parseInt()function isInteg...

2020-04-03 16:17:32 163

原创【JavaScript】常用表单验证规则

表单验证规则实现参考参考了jQuery.validators.js的实现，使用“n~m”来标记范围规则 - Rules使用 - Usagevalidators.email("[email protected]"); // truevalidators.positive()("12345"); // truevalidators.integer("1~2")("123"); // 输入范...

2020-04-03 15:11:03 1306

原创【JavaScript】Eslint规则学习记录

Eslint 规则0. 前言lint工具是检测语法，规范代码的工具。JavaScript语言主要有JsLint，JSHint和Eslint三种。机遇让Eslint成为了最受欢迎的lint工具，详见参考链接Eslint全面指南。1. 配置方式一般有两种方式，一是package.json风格；二是独立的.eslintrc.js文件rc文件都是配置文件，rc是 run control 的缩写...

2020-03-27 14:02:03 207

原创【HTML】使用Vscode快速书写HTML

快速书写HTML1. 前言快速书写的语法应该溯源到Emmet插件，现在绝大多数编辑器都支持该语法；本文以Vscode为例介绍核心语法，力求简洁明了。2. 内容H5模板 !! 快速生成H5模板 class & id<div class="container" id="main"></...

2020-03-26 15:15:53 2437

原创【Webpack】转载：Webpack与Gulp、Grunt共性和区别

博客园《Webpack与Gulp、Grunt共性和区别》：作者checccy这篇文章写得十分清晰，好文章，让更多人看见！

2020-03-24 19:32:39 162

原创【Jest】Jest学习记录

Jest学习记录一、安装npm isntall jest --global # 全局npm install --save-dev jest # 项目二、概念1. MatcherstoBe, toEqual, nottest('two plus two is four', () => { expect(2 + 2).toBe(4);});toBe 使用Object...

2020-03-24 18:57:06 201

原创【jsDoc】jsDoc学习记录

jsDoc学习记录一、安装npm install -g jsdoc # 全局安装二、书写规范@abstract 抽象方法 @virtual@access 访问权限 private protected package public/** constructor */function Thingy() { /** @access private */ var foo...

2020-03-22 02:07:35 252

原创【Ubuntu】Linux拾遗

Linux命令1. 界面级别【Tab】快捷补全命令或路径；多次按下可以选择Ctrl+D 退出终端Ctrl+C 结束程序Ctrl+S 暂停程序Ctrl+Z 将程序放到后台运行fg 后台程序返回前台Ctrl+A 行首，相当于HomeCtrl+E 行尾，相当于EndCtrl+K 删除当前光标至行尾Alt+Backspace 向前删除一个单词Shift+PageUp 向上翻S...

2020-02-24 23:40:19 154 3

原创【Shell】菜鸟教程bash学习记录

1 . 通用Bourne Again Shell称为bash#!申明解释器，#!/bin/bashPOSIX 可移植操作系统接口Portable Operating System Interface of Unixchmod +x file 添加文件可执行权限使用变量$双引号字符串"value is ${num}"#计算字符串长度$string:n:m提取子串数组用空格分开Ar...

2020-02-22 21:31:25 466 1

原创【Github】git的使用（Ubuntu）

1. 安装git较新版本Ubuntu：sudo apt-get install git 等待安装完成git --version 国际惯例：查看版本号，确认是否安装成功2. 本地仓库管理git作版本管理：mkdir myRepository 在心仪的目录下创建一个文件夹git init 初始化touch myFile 新建一个文件vim myFile 随便写些你喜欢的话并保存...

2020-02-16 23:29:49 148

原创【canvas】JS五子棋UI与AI

注：本文思路源于幕客网JS实现人机大战五子棋0. 效果1. 代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...

2020-02-16 15:29:32 276

原创【WPS】word通配符の替换所有引用文献标号为上标

Word通配符1. 前言最近在写毕业论文，遇到许多问题，特此一记。Word通配符的概念和我们编程时用的正则表达式异曲同工，只是具体规则略有区别。个人感觉“通配符”一词不太妥当，“匹配符”会更好一些。“通配符”一词更像是“通用匹配符”的简称，特指能够匹配任意字符的匹配符，包括? 和 * 。?匹配单个任意字符，*匹配多个任意字符，这里将【字符匹配】和【次数匹配】耦合在一起了，而正则表达式中，...

2019-11-26 18:36:25 6585 3

原创【JavaScript】字符串处理の压缩字符串

分享一道字符串编程题目：1. 解决function abbr(str){ str = str + "*"; // 添加一个结尾标志，不同于输入字符串中的任何值即可 let cur = str[0]; // 当前 let pre = cur; // 前一个 let res = ""; // 最终结果 let pad = ""; // 每次增加的 let num = 1; // 计数...

2019-11-17 21:22:33 1240 1

原创【JavaScript】贪吃蛇

在线试玩：GITHUB<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2019-11-13 16:50:13 138 1

原创【面试题】JavaScript不要用name作全局变量名

这是2020海康威视的一道笔试题var obj = { name: 'zpj', sayHello: ()=>'Hello ' + this.name}obj.sayHello(); // ？分析：this指向取决于函数的调用方式。如果是function函数，当作方法调用打印的应该是’zpj’var obj = { name: 'zpj', sayHello: fu...

2019-09-15 15:11:55 305

原创【JavaScript】关于Infinity

目录&快速连接关于`Infinity`1. 满足数学性质2. 用来区分正负零关于Infinity在Number下有静态变量Number.POSITIVE_INFINITY1. 满足数学性质Infinity === Infinity; // trueInfinity + 1 === Infinity; // trueInfinity * 2 === Infinity; /...

2019-09-15 12:39:45 740

空空如也

空空如也