EKsumic's Blog

The current theme of this website is Japanese learning.

Click the left button to use the catalog.

Web Design

21 Blogs

5k+ Reads 5142 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

58 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

55 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

56 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

57 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

69 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

53 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

56 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

317 reads


OR 网页如何注入JQuery?

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

2020-09-01 14:31:39

196 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

195 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

249 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

362 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

246 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

295 reads


OR CSS for shadow effect of div

CSS code for shadow effect of div ...

2020-06-06 17:48:41

292 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

265 reads


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

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

2020-04-03 12:52:50

336 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

232 reads


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

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

2020-01-24 22:01:37

414 reads


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

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

2020-01-22 08:03:25

1k+ 1055 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

284 reads