• 编程小技巧持续汇总中


    1:两次取反操作!!--------------------将目标对象转变成对应的boolean类型而已。取反操作“!”会得到与目标对象代表的布尔型值相反的布尔值,而再做一次取反就得到了与其相同的布尔值。Boolean(xx)和!!xx是一样的。

    以a两次取反为例:

    如果a是0;两次取反当然是false;
    如果a是null;两次取反是false;
    如果a是undefined;两次取法是false;
    其余的,两次取反是true。

    2:短路操作符 ||  &&

    (创建对象时注意前面的取反)    如果mob存在就不执行后面的返回本身,mob不存在则创建一个新对象,开辟一个纯净的内存空间,返回新对象。

    (判断对象时)

    等号右边为表达式先执行或运算。如果window.jjmatch存在则不执行后面的返回本身,不存在就用个空对象赋值,返回空对象。

    当&&时,找到为false的分项就停止处理,并返回该分项的值,否则执行完,并返回最后分项的值。

    当||时,找到为true的分项就停止处理,并返回该分项的值,否则执行完,并返回最后分项的值。

    && 优先级高于 ||。

    3:前后端分离调试------->前后端数据格式约定,前端根据后端返回的数据进行页面的拼接。

      开发阶段:本地通过数据造假、复写的形式调试;

      线上测试阶段:尽可能的在console.log里直接调试;

             从用户的角度对不同状态进行复现。

                测试账号1:name1  password1 无兑换资格

                测试账号2:name2  password2 有兑换资格

    4:渐变效果、特殊边框------->背景色 + 渐变图 + repeat方式。

     4.1  内容区两栏背景色--------先来个最基本的背景用图片repeat-y的方式保证整体页面背景平滑,然后根据需要在不同内容区开发渐变效果。

       

      4.2 从底部向头部渐变----- 背景色为渐变图最顶部颜色 + 渐变图bottom对齐 + repeat-x 

  • 相关阅读:
    swiper把左右箭头放到外侧
    vue复制地址栏链接:clipboard
    移动端适配rem.js
    vue登录弹框
    vue使用vue-aplayer(还用了SiriWave波形动画插件)
    vue 锚点定位,并平滑过渡
    vue引入scss报错:scss版本太高
    Kylin |3.Cube的优化
    Kylin |2.ModuleProject
    算法| 高级动态规划
  • 原文地址:https://www.cnblogs.com/fengluzheweb/p/6074791.html
Copyright © 2020-2023  润新知