一些前端工作中的使用的技巧

Bertha 。 2022-10-01 04:56 194阅读 0赞

1.  table不能设置没有规律的某几行直接的间隔,只能设置每一行都有或每一行都没有 此时我们可以在想要间隔的地方设置一个空的tr标签

<tr></tr>
    复制代码

1.  css3的animate可以设置动画暂停和继续

鼠标按住开始动画 松开停止动画

html,
    body {
        width: 100%;
        height: 100%;
        cursor: pointer;
    }
    body:active div {
        animation-play-state: running;
    }
    
    div {
        margin: 50px auto;
        width: 100px;
        height: 100px;
        background: #000;
        animation: move 1s linear infinite alternate;
        animation-fill-mode: forwards ;
        animation-play-state: paused;
    }
    
    @keyframes move {
        0% {
            transform:translate(0, 0) rotate(0deg);
        }
        100% {
            transform: translate(500px, 0) rotate(360deg);
        }
    }
    复制代码

1.  经常会遇到重复调用事件绑定多次的情况,解决办法:

jquery:

$("#foo").one("click", function() {
        console.log("Event fired once!!!");
    });
    复制代码

js:

select.once('click', buttonElement, function () {
        console.log('executed only once.');
    });
    复制代码

或者

buttonEl.addEventListener('click', function (e) {
        console.log('W3C标准事件');
    },{once: true});
    复制代码

vue:

<button v-on:click.once="doThis"></button>
    复制代码

1.  处理浮点数相加精度丢失问题

[juejin.im/post/5ccfa5…][juejin.im_post_5ccfa5]

转载于:https://juejin.im/post/5cbe7fc65188250a7a67acff

[juejin.im_post_5ccfa5]: https://juejin.im/post/5ccfa5be51882540407a1bbc?utm_source=gold_browser_extension

发表评论取消回复

表情：

评论列表（有 0 条评论，194人围观）

还没有评论，来说两句吧...

相关阅读

相关一些Redis很实用的工作技巧

常用技术框架、开源中间件，系统架构、数据库、大公司架构案例、常用三方类库、项目管理、线上问题排查、个人成长、思考等知识 ![f7d3ae9e661a4ed8bd8808

系统管理员/ 2023年10月07日 21:26/ 0 赞/ 47 阅读

相关一些前端工作中的使用的技巧

1. table不能设置没有规律的某几行直接的间隔,只能设置每一行都有或每一行都没有此时我们可以在想要间隔的地方设置一个空的tr标签 <tr></tr>

Bertha 。/ 2022年10月01日 04:56/ 0 赞/ 195 阅读

相关使用输入法的一些技巧

目录 1.u模式 2.v模式 3.简写 4.固定首位 5.自定义短语 1.u模式 ![在这里插入图片描述][fa066ea6632a

矫情吗；*/ 2022年09月02日 08:34/ 0 赞/ 232 阅读

相关 MySQL使用中的一些方法与技巧

利用MySQL表生成唯一id的方法表结构： CREATE TABLE `unique_id` ( `id` int(11) NOT NULL DEFAULT 0

女爷i/ 2022年08月09日 11:57/ 0 赞/ 203 阅读

相关 oracle的一些使用技巧1

1.使用创建临时表 ![20181031090413696.png][] ![20181031090431796.png][] ![watermark_type_ZmFu

亦凉/ 2022年05月16日 14:14/ 0 赞/ 227 阅读

相关关于element-ui中的一些使用技巧

1. 今天写auto-complete=“on” 的时候并没有效果，这个属性的意义是当获取光标可以帮助你输入，显示的都是你曾经输入过的东西，但是这个需要name

Bertha 。/ 2022年04月25日 09:36/ 0 赞/ 237 阅读

相关 React的一些使用技巧

目前使用的React版本是16.6.3 项目是直接通过脚手架命令自动生成的 1. 修改默认的启动端口号最开始，默认的启动端口号是3000，怎样能修改成其他的端口号

缺乏、安全感/ 2022年04月14日 02:23/ 0 赞/ 286 阅读

相关工作中git的使用技巧，idea版

我已经有一个多月没有写博客了，由于去了一家996的公司，让我没有过多的时间来写博客，今天是在公司的最后一天了（已经离职），打算把这一个多月在公司常用的git流程和大家分享一下，

我不是女神ヾ/ 2021年11月09日 08:16/ 0 赞/ 412 阅读

相关前端接口的一些使用技巧

需求 1. 点击编辑按钮，弹出编辑的对话框，但是，对话框里面的信息，必须是原来的信息 ![在这里插入图片描述][20200313111622952.png] ![在这

左手的ㄟ右手/ 2021年08月26日 18:13/ 0 赞/ 549 阅读

相关使用JavaScript的一些技巧

使用JavaScript的一些技巧在 JavaScript 中数组（Array）随处可见，使用ECMAScript 6 中的新特性扩展运算符我们可以做很多很棒事情...

小灰灰/ 2020年06月17日 16:13/ 0 赞/ 861 阅读