首页 > 代码库 > 自说自话1

自说自话1

2024-09-24 05:58:52   217人阅读

1.当写样式的时候一定要考虑到如果图片变大，或者文字变长的时候的处理，要保证在替换任何文字和图片的时候页面布局不会乱掉

2.要记得把元素模块化，如果是官网或很多结构类似的设计，一定要像bootstrap一样把设计稿分解成各种模块，比如按钮，和字体，要和bootstrap一样分成几种模式，需要用到哪个便直接添加样式，特别是字体颜色和大小尽可能不分散写在某个元素里面，不然修改的时候会很麻烦，同时也要和设计沟通好，相同的结构，间距大小最好都一样，不接受看起来一样的结构，结果实际大小参差不齐

3.js基础原理一定要继续熟悉，不然会遇到很多坑。

比如动态修改视频链接后需要对视频进行刷新

  var media = document.getElementById("video");
   media.load();　　　

比如

<div class="sel-con none">
      <select class="sel">
          <option value="http://www.mamicode.com/1">1</option>
          <option value="http://www.mamicode.com/2">3</option>
          <option value="http://www.mamicode.com/3">3</option>
      </select>
  </div>
  <div id="mysel"></div>
 
  <button id="btn"></button>

sel-con为隐藏元素，当点击btn按钮时，把sel里的内容放到mysel中。并对下拉框改变时进行事件处理

 $("#btn").click(function(){
            $("#sel").html($(".sel").html());
        });
        $(".sel").change(function(){
            //处理事件
        })

js绑定的元素是最初的sel元素，对后来的#mysel元素中的下拉框并不会有change事件，所以不能这样处理，要一开始就把下拉框写在#mysel中

比如为含有某个类的元素添加点击事件，运行过一次后，即使移除这个类，点击事件并不会消失，需要解除绑定　　

1

自说自话1


联系
我们