EKsumic's Blog

let today = new Beginning();

Click the left button to use the catalog.

Web Design

32 Blogs

12k+ Reads 12539 Reads


OR 如何用MathJax畫一個增廣矩陣?

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

2021-05-31 13:58:40

42 reads


OR 如何用Mathjax畫一個箭頭,并且箭頭上可以寫字?

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

2021-05-31 13:46:16

52 reads


OR [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

48 reads


OR 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

634 reads


OR [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

341 reads


OR [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

240 reads


OR [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

229 reads


OR [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

396 reads


OR [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

261 reads


OR [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

213 reads


OR [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

270 reads


OR [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

383 reads


OR [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

299 reads


OR 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

284 reads


OR 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

211 reads


OR [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

323 reads


OR [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

220 reads


OR 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

260 reads


OR 关于pcrdfans的网页元素分析

//20 $('#battle_chara_select > div > div:nth-child(1) > div.ant-collapse-content.ant-collapse-content-active > div').children().length; //17 $('#battle_chara_select > div > div:nth-child(2) > div.ant-collapse-content.ant-collapse-content-active > div').children().length ...

2020-09-03 03:58:42

570 reads


OR 网页如何注入JQuery?

之前用谷歌内核模拟器去读取一些内容,发现需要JQuery,而我要爬取的网页正好是没有JQuery的,这对我来讲非常麻烦,于是我想到如何在网页加载后,注入JQuery供我调用。 稍微研究了一下,其实在控制台输入:[Code] 就可以实现的。 像我不能获取的.offset()方法,当注入了这个之后,即可调用了 ...

2020-09-01 14:31:39

378 reads


OR How to do blog donation function?

About CSS: The total number of images replaced is 3, which are quotation marks, radio1 and radio2 images The. Content class may conflict with your CSS. It is necessary to modify your style About JavaScript: No change required ...

2020-07-03 00:57:07

410 reads


OR CSS3彩色渐变效果实现

/*start*/ h1,.user-name{ color: #f35626; background: coral; background-image: -webkit-linear-gradient(45deg,#f35626,#feab3a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: hue 6s infinite linear; } @-webkit-keyframes hue { from { -webkit-filter: hue-rotate(0deg); } to { -webkit-filter: hue-rotate(-360deg); } } /*end*/ ...

2020-06-23 11:10:33

430 reads


OR 博客打赏功能制作(附源码)及详细说明

关于CSS: 图片替换总数为3张,分别为引号、radio1、radio2图片 .content类可能与你的CSS冲突,有必要修改你的样式 关于JavaScript: 无需改动 关于HTML: alipay.jpg\wechat.jpg\alipayimg.png\wechatimg.png\close.jpg 要准备好 注意裁剪二维码,大小为140*140px ...

2020-06-13 18:23:18

638 reads


OR How to add hidden sidebar to websites

On blogger, I found a great solution:This is what I see when I press F12 in chrome. This CSS code may help you find out how to design a hidden sidebar. This will be very useful for improving your mobile user experience ...

2020-06-07 21:59:29

411 reads


OR There's a serious problem with my RSS Feed

I don't know why my RSS doesn't seem to work. By the way, I'm a rookie at building websites. Now I think my RSS format is right, because I got the content of my website on feedly. But the problem is that feedly can only read last month's content ...

2020-06-06 18:14:40

451 reads


OR CSS for shadow effect of div

CSS code for shadow effect of div ...

2020-06-06 17:48:41

431 reads


OR ' can be used instead of \' escape characters

I have to say that I've been learning .NET Core programming for so long that I only found out today that I didn't know anything about the use of quotation marks in JavaScript. At the same time, I found an interesting thing: ' replaced single quotation mark. I mean, ' replaced \' ...

2020-06-05 18:17:09

403 reads


OR [解决方案]移动端Web表格宽度溢出问题

在表格标签外面设置个div 样式为 width: 100%; overflow-x: auto; 把表格包裹住,同时要注意表格内部的width和height必须是auto,不能写100%,否则还会撑破,这样的写法不仅适用于table,你还可以把一段文字包含进去 ...

2020-04-03 12:52:50

506 reads


OR CSS里面的1em是什么?

css里面的1em是什么? 1em=16px (如果你不设置body内的font-size的话) 1em=10px(如果你在body内的声明font-size=62.5%的话) 是的,1em是一个字高,它是相对单位,em会继承父级元素的字体大小 ...

2020-03-31 06:23:01

399 reads


OR 仿CSDN侧边栏滚轮响应脚本

这是本网站使用的,仿CSDN侧边栏滚轮响应脚本,需要先引入Jquery配合使用 ...

2020-01-24 22:01:37

626 reads


QA 在a标签里面增加rel="noopener noreferrer"有什么用?

简单来讲,这样做是为了防止钓鱼网站。你的页面如果不加上这个rel="noopener"会被人链接到别的网站,原理: ...

2020-01-22 08:03:25

1k+ 1690 reads


OR What are the brush types of SyntaxHighlighter?

Highlight: quickly understand and use the plug-in to save your time ...

2019-12-24 05:33:46

490 reads