EKsumic's Blog

let today = new Beginning();

Click the left button to use the catalog.

原創声纹查看器

这是一个简易的声纹查看器。你可以直接本地上传一个wav文件来实时查看声音波纹。它的目的，最主要还是——如果你懒得打开pr或ae等等软件的话，打开这个网页直接使用是一个不错的选择。（因为本来开AE就比较费时间，如果你只是想看看波纹哪里凹陷和突出，而不是想编辑的话 ...

2023-05-12 19:55:29

0 comments

原創 Wav Player

The "Wav Player" is a user-friendly audio player that allows you to play and visualize WAV files. With its intuitive interface, you can easily upload your WAV files, play them, and view the waveform in real-time. The waveform is displayed as a visual representation of the sound, allowing you to easily navigate through the audio and jump to specific parts of the file by clicking on the progress bar. ...

2023-05-12 19:49:34

0 comments

原創 JS代码实例：读取多张图片文件并显示（附说明）

这种写法可以更简洁地定义函数，并且在定义时会绑定 this 到当前的执行上下文中。在这个例子中，箭头函数的 this 将指向 fileInput 元素，而不是全局对象。而上一个方法：这种写法使用了一个普通函数来定义事件处理程序，它的 this 将在运行时动态绑定。在这个例子中，this 将指向 fileInput ...

2023-05-10 17:18:03

0 comments

原創 JS代码实例：读取图片文件并显示（附说明）

const 是 JavaScript 中的一个关键字，用于声明一个常量。声明的常量在声明后不能再被赋值，这与 let 或 var 声明的变量不同。作用域：let 声明的变量具有块级作用域，而 var 声明的变量只具有函数作用域。这意味着，在使用 let 声明变量时，该变量只在声明它的代码块中可见，在代码块外部不可见。而使用 var 声明变量时，该变量在函数内部可见，函数外部也可见。通常来说，建议优先使用 let 声明变量，因为它可以避免一些常见的 ...

2023-05-10 16:03:23

8 comments

原創 [目录] JavaScript基础：方法触发相关

JS复习：监测按钮点击事件触发方法（通过选择id） JS复习：最简单的通过点击触发方法 JS复习：通过表单提交触发方法 JS复习：监测按钮点击事件触发方法（通过选择类） JS复习：监测按钮点击事件触发方法（通过选择标签） JS复习：监测按钮点击事件触发方法（通过属性选择器） JS复习：监测按钮点击事件触发方法（通过后代选择器） JS复习：伪类选择器 JS：使用JQuery通过选择标签ID触发方法 JS：使用JQuery通过选择类触发方法 ...

2023-05-10 15:14:27

2 comments

原創 JS：使用JQuery通过后代选择器触发方法

JS：使用JQuery通过后代选择器触发方法 ...

2023-05-10 15:12:56

0 comments

原創 JS：使用JQuery通过属性选择器触发方法

JS：使用JQuery通过属性选择器触发方法 ...

2023-05-10 15:11:28

0 comments

原創 JS：使用JQuery通过选择标签触发方法

JS：使用JQuery通过选择标签触发方法 ...

2023-05-10 15:09:50

0 comments

原創 JS复习：伪类选择器

JS复习：伪类选择器 ...

2023-05-10 15:07:24

0 comments

原創 JS复习：监测按钮点击事件触发方法（通过后代选择器）

JS复习：监测按钮点击事件触发方法（通过后代选择器）这个你也不一定常用。但是还是需要记忆 ...

2023-05-10 15:05:02

0 comments

原創 JS复习：监测按钮点击事件触发方法（通过属性选择器）

JS复习：监测相同类的按钮点击事件触发方法通过属性选择器这种，也许你并不熟悉，但并不代表不常用。这个还是需要重点记忆一下的 ...

2023-05-10 15:03:14

0 comments

原創 JS复习：监测按钮点击事件触发方法（通过选择标签）

JS复习：监测按钮点击事件触发方法（通过选择标签） ...

2023-05-10 15:01:38

0 comments

原創 JS复习：监测按钮点击事件触发方法（通过选择类）

JS复习：监测相同类的按钮点击事件触发方法 ...

2023-05-10 14:56:36

0 comments

原創 JS：使用JQuery通过选择类触发方法

JS：使用JQuery通过选择类触发方法同样，这个也是非常常用的 ...

2023-05-10 14:54:47

0 comments

原創 JS：使用JQuery通过选择标签ID触发方法

JS：使用JQuery通过选择标签ID触发方法这也是容易混淆的点，一般来讲，你既然使用了JQuery，就不应当再混用JS的事件监听来触发方法了。不然的话，看起来代码很乱。当然，随便你。（可以多加一些注释）不过我个人建议，既然你引入了JQuery，用选择器就选择器了，别监听了，真的 ...

2023-05-10 14:51:20

0 comments

原創 JS复习：通过表单提交触发方法

JS复习：通过表单提交触发方法这是最简单的表单提交触发前端JS的验证方法 ...

2023-05-10 14:48:03

0 comments

原創 JS复习：最简单的通过点击触发方法

JS复习：最简单的通过点击触发方法 ...

2023-05-10 14:45:16

0 comments

原創 JS复习：监测按钮点击事件触发方法（通过选择id）

JS复习：监测按钮点击事件触发方法。触发方法有多种，这里只说一个最简单的监听事件的 ...

2023-05-10 14:38:39

0 comments

原創 Silence Detector

The Silence Detector is a web-based tool that can be used to detect silence intervals within a WAV audio file. To use this tool, simply click on the "Start" button and select a WAV file from your local computer. The tool will then analyze the file and output a list of all the silent intervals within the file, including their start time, end time, and duration ...

2023-05-05 18:12:22

0 comments

原創究竟該使用Blogger還是Wordpress,哪個更好？

首先來看Goolge Search結果非常靠前的兩篇博客：《Blogspot/Blogger – 不推薦你使用的 10 個原因》踢館文章：《10 個不建議使用 Blogspot 建立網站的錯誤觀念釐清》這兩篇文章我不是在同一時間看到的，踢館文章是在最近。然後，作爲v2know網站的站長，我只能說，我一開始真的被第一篇博客給騙了。我一開始確實是打算用wordpress的，也確實做了不少嘗試，結果最終選擇了自己編碼建站。最後，回過頭來，覺得還是Blogger好 ...

2022-06-22 18:19:48

11 comments

原創 [已解决] Mathjax3.0 如何渲染删除线

代码： □■enclose{horizontalstrike} { Input anything you want to delete. }□ 但是效果会看起来全部粘在一起，就像这样： □■enclose{horizontalstrike} { Input anything you want to delete. }□ 你需要做的是，在每个空格位置增加■; □■enclose{horizontalstrike} ...

2021-08-19 23:09:22

0 comments

原創 [已解决] Mathjax3.0 无法渲染arccot符号

之所以无法渲染是因为 TeX/LaTex默认是不包含这个的，MathJax 仅定义了 TeXBook 第 162 页上列出的 Plain TeX 中的函数： arccos cos csc exp ker limsup min sinh arcsin cosh deg gcd lg ln Pr sup arctan cot det hom lim log sec tan arg coth...你可以学着以上的方式自行定义 ...

2021-08-19 19:51:25

0 comments

原創如何用MathJax畫一個增廣矩陣？

增广矩阵，又称广置矩阵，是在线性代数中系数矩阵的右边添上线性方程组等号右边的常数列得到的矩阵，如：方程{\displaystyle AX=B}{\displaystyle AX=B}系数矩阵为{\displaystyle A}A，它的增广矩阵为{\displaystyle (A|B)}{\displaystyle (A|B)}。方程组唯一确定增广矩阵，通过增广矩阵的初等 ...

2021-05-31 13:58:40

0 comments

原創如何用Mathjax畫一個箭頭，并且箭頭上可以寫字？

MathJax是用来在浏览器上渲染数学公式的Javascript库，使用简单灵活，只需要引入MathJax脚本就可以将网页中的MathML、TeX/LaTeX、AsciiMath语言转换为数学公式来显示，并且生成的数学公式仅使用了CSS、Web 字体以及SVG 等技术（没有使用位图），因此生成的数据公式是支持缩放的 ...

2021-05-31 13:46:16

0 comments

原創 [MathJax] How to create a matrix?

In this blog, I will show you how to make a matrix with mathjax. It will help you better blog about linear algebra ...

2021-05-31 13:02:47

0 comments

原創 Why not recommend you to use Blogger in 2020 (Specially for programmers)

As a programmer, I recommend that you write a blog yourself instead of using blogger. A few days ago, I used Blogger and I found its editor very difficult to use. Because I am a programmer, I need to paste the code, but the display of the code in Blogger is very bad. For example, the style I thought would work, but it didn't work on Blogger. I think the CSS style has been overwritten. So I opened ...

2020-12-14 16:46:06

23 comments

原創 [SVG] How to draw a coordinate system?

You might say that this is not a normal coordinate system. Yes, I just drew two vertical lines and added some text, but these can be used for your reference. What I didn't draw was just an arrow. You can use the path tag to achieve this. (The previous blog has made it very clear.) ...

2020-12-09 14:06:37

0 comments

原創 [SVG] What is SVG path?

The element is used to define a path. The following commands can be used for path data: M = moveto L = lineto H = horizontal lineto V = vertical lineto C = curveto S = smooth curveto Q = quadratic Bézier curve T = smooth quadratic Bézier curveto A = elliptical Arc Z = closepath Note: All the above commands allow lowercase letters. Upper case means absolute positioning, lower case means relative positioning ...

2020-12-09 13:17:49

2 comments

原創 [SVG] How to write text?

The default value of the font size is 16px, I set 20px specially here; "x" and "y" are coordinate values. Note that its coordinates are not relative to svg. You can try to reduce the value of 15 to 10 to see what happens. I'll just show it to you: You see that the text display is not complete, and the above part is not in the svg so it cannot be displayed ...

2020-12-09 12:42:02

0 comments

原創 [SVG] How to draw a straight line?

The x1 attribute defines the start of the line on the x axis The y1 attribute defines the start of the line on the y axis The x2 attribute defines the end of the line on the x axis The y2 attribute defines the end of the line on the y axis The stroke attribute defines the color of the line ...

2020-12-09 12:38:11

0 comments

原創 [SVG] How to draw polygons?

If you have noticed, we did not define the width and height of the previous svg, and its default value is 300*150. And this time we must define the width and height of the svg, because the polygons we draw cannot be fully displayed. We must define an area that can accommodate ...

2020-12-09 11:53:27

0 comments

原創 [SVG] How to draw a rectangle?

Why did I write two examples? This is simply another way of writing that I want to tell you, which is written in "style", even though they are separate attributes. stroke:rgb(0,0,0) ⇔ stroke=black This is another way to show colors. ...

2020-12-09 11:33:09

0 comments

原創 [SVG] How to draw a circle?

You can accurately see that this is a circle with a center at (100, 50) and a radius of 40. It is a black circle with a thickness of 2 and the filling is transparent. "cx" and "cy" are used to determine the position of the center of the circle. "r" is used to determine the radius of the circle ...

2020-12-09 11:16:56

0 comments

原創 [Tutorial] Teach you step by step to use JavaScript to write a Sokoban game (Part 2)

Okay, we learned the logic of detecting key presses before. This is the most basic but also the most core part. After all, we need to control game characters. Next, I will use a picture to represent the character you control. Let us find any picture you like. ...

2020-11-14 22:14:12

0 comments

原創 [Tutorial] Teach you step by step to use JavaScript to write a Sokoban game (Part 1)

If you are a complete beginner, you have found the right blog. This blog will teach you how to use JavaScript through a game example——Sokoban game. By default you have some basic knowledge of HTML, and you know how to write a javascript tag. The first knowledge ...

2020-11-14 21:40:03

0 comments

原創 Difference between HTTP GET and HTTP POST method

Generally speaking, GET is to obtain data, and POST is to submit data. But because GET and POST are both HTTP methods, HTTP is a TCP/IP-based protocol on how data communicates on the World Wide Web. So in essence, there is no difference between GET and POST requests. They are all TCP connections. What they can do is the same. Now that the HTTP protocol has these two methods, it is to ...

2020-10-29 21:56:13

0 comments

原創 How does native JS get the number of child elements that the current element belongs to the parent element

I will tell you where this thing is applied. Basically every mobile game will have a star system. Especially those card games. I want to show you an example of Princess Connect: Re Dive. You know, if you have played this game, the number of stars of the character is very important ...

2020-10-28 17:18:03

0 comments

原創 [JavaScript] Brief introduction of three interactive boxes (alert, confirm, prompt) of JavaScript

Brief introduction of three interactive boxes (alert, confirm, prompt) of JavaScript 1. Alert box is only used to display certain information. You only need to write "alert("Hello!");" in the JavaScript tag to use it. 2. The confirm box is used to enable the user to verify or accept ...

2020-10-24 17:18:22

0 comments

原創 [JavaScript] Insert a new div before, in the middle or behind a div

I did a project before. I can't write code with jQuery, but I can only write and insert it with native JS. The code is as follows: ...

2020-10-24 00:40:53

0 comments

原創 What is hue-rotate(270deg)？

This is a tonal rotation filter Assuming your original picture is yellow, this code will make your yellow picture purple. The complete code is style="filter: hue-rotate(270deg);" You can use star.png as a test. I have given the picture here, you will understand if you try to do it. ...

2020-10-21 02:37:49

0 comments