Tag:distance

  • Tiktok live monitoring Api: random recommendation

    Time:2021-2-25

    Titodata: professional short video data acquisition and processing platform. For more information, please contact:TiToDataMassive data collectionCollect 500 million pieces of data for customers every dayTiktok Kwai: covering the mainstream platform: TikTok, Zynn, YouTube, jitter, fast, 1688, little red book, lots of Taobao, American group, hungry, Taobao, micro-blog Request API Http: // host address / Douyin […]

  • Realization of Zhihu particle beam

    Time:2021-2-16

    Recently I started canvas, and I just saw the implementation of a Zhihu particle beam. I thought it was very interesting, so I did it myself. The original effect is implemented with ES6, and I will use the syntax of ES6 in this article. However, some people may not be familiar with the syntax of […]

  • Realization of Zhihu particle beam

    Time:2021-2-15

    Recently I started canvas, and I just saw the implementation of a Zhihu particle beam. I thought it was very interesting, so I did it myself. The original effect is implemented with ES6, and I will use the syntax of ES6 in this article. However, some people may not be familiar with the syntax of […]

  • Jitter tiktok 6

    Time:2021-1-30

    Tiktok tiktok, tiktok, tiktok, Api, Api, jitter, voice, bullet screen comments, jitter, jitter, and jitter. Tiktok tiktok tiktok data, jitter data acquisition, live broadcast of shaking sound Titodata: professional short video data acquisition and processing platform. For more information, please contact:TiToData Massive data collection Collect 500 million pieces of data for customers every day Tiktok […]

  • 2. Animation and jog (setTimeout and setinterval)

    Time:2021-1-27

    setTimeout(once) setInterval(once at a fixed time)  HTML: CSS: #div1{ width: 100px; height: 100px; background: pink; } JS: div1.style.position = ‘relative’ div1.style.left = 0 let n = 0 let id =setInterver( ()=>{ N = n + 1 (distance of 1 per move) div1. style.left =N +’px ‘// (note the unit) if(n>=200){ window.clearInterval (ID) // clear this […]

  • HTML5 video custom video player

    Time:2021-1-26

    design sketch: video.html video <span style=”background-color: #f5f5f5; color: #800000;”> *</span><span style=”background-color: #f5f5f5; color: #000000;”>{</span><span style=”background-color: #f5f5f5; color: #ff0000;”>margin</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: #f5f5f5; color: #0000ff;”>0</span><span style=”background-color: #f5f5f5; color: #000000;”>;</span><span style=”background-color: #f5f5f5; color: #ff0000;”>padding</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: #f5f5f5; color: #0000ff;”>0</span><span style=”background-color: #f5f5f5; color: #000000;”>;</span><span style=”background-color: #f5f5f5; color: #ff0000;”>list-style</span><span style=”background-color: #f5f5f5; color: #000000;”>:</span><span style=”background-color: […]

  • Double 11 small black box is cool? Let’s use CSS variable to improve it!

    Time:2021-1-24

    preface Which websites did you go shopping in the past double 11? No matter which website you go to, it is estimated that tmall is indispensable. When you visit tmall, you find such an interesting phenomenon: Although this effect is quite common, one of the details is different. For example, let’s take a look at […]

  • How to make an automatic sensing trash can

    Time:2021-1-10

    brief introduction 「The above video is to make a shaped inductive trash can. When the hand is close to the sensor, it can automatically open the lid for about a second, and then automatically close it again. It’s very useful, such as drinking water, making noodles or being a pen holder. In short, the trash […]

  • Similarity in Recommendation System

    Time:2020-12-31

    By madhukara puttyCompile VKSource: gitconnected Have you ever thought about how Netflix recommends the movies you want to see? Or how does Amazon show you what you feel you need to buy? Obviously, those websites already know what you like to see or buy. They have a piece of code running in the background that […]

  • Angular component – special waterfall flow (original)

    Time:2020-12-23

    ng-water-scroll As mentioned in the last article, I wrote a waterfall flow component in the project because of some special requirements for the style in the project. I shared it here. Since I haven’t had much time recently, I sent this component up during the Mid Autumn Festival. The writing is not very detailed. After […]

  • Gesture unlocking of mobile phone by canvas

    Time:2020-12-9

    According to the international practice, the effect picture should be displayed first 1. JS dynamically initializes DOM structure First, in the index.html Add basic styles to body{background:pink;text-align: center;} Add a mobile meta head introduce index.js script index.js //Anonymous function self execution (function(){ //Canvas lock is a global object window.canvasLock=function(obj){ this.width=obj.width; this.height=obj.height; } //Dynamic generation of […]

  • JavaScript gets the coordinates of the mouse in the box

    Time:2020-12-6

    Realization idea: Click inside the box to get the distance between the mouse and the box First get the mouse coordinates in the pagee.pageX,e.page Secondly, we get the distance of the box in the pagebox.offsetLeft,box.offsetTop The coordinates of the mouse in the box are obtained by subtracting the distance between the mouse and the page […]