EKsumic's Blog

let today = new Beginning();

Click the left button to use the catalog.

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

23 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

OR 网页如何注入JQuery？

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

2020-09-01 14:31:39

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

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

0 comments

OR CSS for shadow effect of div

CSS code for shadow effect of div ...

2020-06-06 17:48:41

0 comments

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

0 comments

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

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

2020-04-03 12:52:50

0 comments

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

0 comments

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

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

2020-01-24 22:01:37

0 comments

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

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

2020-01-22 08:03:25

0 comments

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

0 comments