工作半年总结 -web前端

最新推荐文章于 2022-08-05 11:56:58 发布
最新推荐文章于 2022-08-05 11:56:58 发布
阅读量2k 收藏
点赞数
分类专栏： 工作
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/vvion/article/details/49869649
版权
本文介绍了一个用户管理界面的设计与实现细节，包括用户信息展示、添加、编辑和删除等功能，并提供了丰富的交互模态对话框用于确认操作。此外，还展示了如何通过Ajax进行前后端的数据交互。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<form id="searchForm" name="searchForm" action="/admin/user/index">
    <input type="hidden" name="page" id="page" value="@paginator.getPage()"/>
    <input type="hidden" name="pageSize"  value="@paginator.getPageSize()"/>
</form>
<div class="bs-docs-section-6em">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#" ><span class="glyphicon glyphicon-th-list" ></span> .。。管理</a></li>
        <div class="pull-right f-margin-top-f60px">
            <a data-func="add" class="btn glyphicon glyphicon-plus" data-toggle="modal" data-target="#bs-modal-add">添加</a>
        </div>

    </ul>
    <table class="table table-striped  table-bordered table-hover" id="overall">
        <thead >
        <tr>
            <th>XXXX</th>
            <th>XXXX/th>
            <th>XXX</th>
            <th>XXX</th>
            <th>XXXX</th>
            <th>XXXX</th>
            <th  ><p  align="center">操作</p></th>
        </tr>
        </thead>
        <tbody>
        @for(mapEntry<-list){
        <tr>
        <td>@mapEntry.getCmsUserId()</td>
        <td>DummyCmsUserName </td>
        <td>@mapEntry.getUserId()</td>
            @if(u != null){
                <td>@u.get(0).get(mapEntry.getUserId().toString())</td>
            }else{
                <td>&nbsp;</td>
            }
            <td>@UserVerifiedType.getFromCode(mapEntry.getVerifiedType().toString()).getMsg()</td>
            <td>@mapEntry.getRecommendReason()</td>

        <td><input  class="btn "   type="button"   data-toggle="modal" id = "@mapEntry.getUserCmsUserId()" data-target="#bs-modal-edit"    value="编辑" />
            <input  class="btn "   type="button"   data-toggle="modal" id = "@mapEntry.getUserCmsUserId()" data-target="#bs-modal-delete"      value="删除" />
             @if(mapEntry.getIsTop()==0){ <input  class="btn "   type="button"   data-toggle="modal" _top="@mapEntry.getIsTop()" id = "@mapEntry.getUserCmsUserId()" data-target="#bs-modal-istop"    value="置顶"   />
            }else{
              <input  class="btn  "   type="button"   data-toggle="modal" _top="@mapEntry.getIsTop()"  id = "@mapEntry.getUserCmsUserId()" style="  font-weight:bold"data-target="#bs-modal-istop"   value="取消"   />
            }
        </td>

        }
        </tr>
        </tbody>
        </table>
    <script src='@routes.Assets.at("/javascripts/userTheme.js")' type="text/javascript"></script>
    @Page(paginator)
<div id="bs-modal-istop" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">置顶</h4>
            </div>
            <div class="modal-body">
                <p></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" func="istop">确认</button>
            </div>
        </div>
    </div>
</div>
<div id="bs-modal-error" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">出错啦！</h4>
            </div>
            <div class="modal-body">
                <p></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">确认</button>
            </div>
        </div>
    </div>
</div>
<div id="bs-modal-add" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">添加关联</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">

                    <div class="form-group">
                        <label for="cmsUserId" class="col-lg-3 control-label">户ID：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="cmsUserId" placeholder="户ID">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="userId" class="col-lg-3 control-label">ID：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control " id="userId" placeholder="ID">  <a data-func="search" class=" form-control btn glyphicon glyphicon-search" data-toggle="modal" data-target="#bs-modal-search "></a>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="reason" class="col-lg-3 control-label">ccc：</label>
                        <div class="col-lg-4">
                            <textarea id="reason" cols="24" rows="5"></textarea>
                        </div>
                    </div>

                    <div id="dropdownSatus" class="form-group" data-selectedid="2333">
                        <label for="verifiedType"  class="col-lg-3 control-label" >类型：</label>
                        <div class="col-lg-4 form-control-static">
                            <select  name="collocation_division" id = "verifiedType">
                            @for(c <- verifiedType){
                            <option value="@c.getCode" >@c.getMsg</option>
                            }
                        </select>
                        </div>

                    </div>
                </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" func="confirm">保存</button>
            </div>
        </div>
    </div>
</div>
<div id="bs-modal-edit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">修改关联</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">

                    <div class="form-group">
                        <label for="cmsUserId_edit" class="col-lg-3 control-label">ID：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="cmsUserId_edit" placeholder="ID">
                            <input type="hidden"  name ="userCmsUserId" id="userCmsUserId" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="userId_edit" class="col-lg-3 control-label">ID：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="userId_edit" placeholder="ID"><a data-func="search" class=" form-control btn glyphicon glyphicon-search" data-toggle="modal" data-target="#bs-modal-search-edit "></a>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="reason_edit" class="col-lg-3 control-label">由：</label>
                        <div class="col-lg-4">
                            <textarea id="reason_edit" cols="24" rows="5"></textarea>
                        </div>
                    </div>

                    <div id="dropdownSatus_edit" class="form-group" data-selectedid="2333">
                        <label for="verifiedType_edit"  class="col-lg-3 control-label" >：</label>
                        <div class="col-lg-4 form-control-static">
                            <select  name="collocation_division" id = "verifiedType_edit" orteus="true" >
                                @for(c <- verifiedType){
                                <option value="@c.getCode" >@c.getMsg</option>
                                }
                            </select>
                        </div>

                    </div>
                </form>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" func="confirm">保存</button>
            </div>
        </div>
    </div>
</div>
<div id="bs-modal-delete" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">删除！</h4>
            </div>
            <div class="modal-body">
                <p>确定要删除该关联关系么？</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-danger" func="confirm">删除</button>
            </div>
        </div>
    </div>
</div>
<div id="bs-modal-search" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">查找</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">

                    <div class="form-group">
                        <label for="cmsUserId" class="col-lg-3 control-label">用户名：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="username" placeholder="用户名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="userId" class="col-lg-3 control-label">密码：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" id="password" placeholder="密码">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" func="confirm">查询</button>
            </div>
        </div>
    </div>
</div>
<div id="bs-modal-search-edit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">查找真实用户ID</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">

                        <div class="form-group">
                            <label for="cmsUserId" class="col-lg-3 control-label">用户名：</label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" id="username_edit" placeholder="用户名">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="userId" class="col-lg-3 control-label">密码：</label>
                            <div class="col-lg-4">
                                <input type="text" class="form-control" id="password_edit" placeholder="密码">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" func="confirm">查询</button>
                </div>
            </div>
        </div>
    </div>
    </div>

<script>

    var _id;
     var msg ;
      var _top;
    $('#bs-modal-istop').on('show.bs.modal' , function(event){
             _id = $( event.relatedTarget ).attr("id");
              _top =  $( event.relatedTarget ).attr("_top");
             if(_top == 0) {msg ="确定将该搭配师置顶么？";
             }else{
             msg = "确定要取消置顶么?";
             }
              $('#bs-modal-istop .modal-body p').text( msg );
            });
     $('#bs-modal-istop').on( 'hidden.bs.modal' , function(){
            _id = '';

        });

   $('#bs-modal-istop [func="istop"]' ).on( 'click' , function(){
            var _url = '/admin/user/isTop?id='+_id;
                $.ajax( {
                    url     : _url,
                    dataType: 'json',
                    success : function( rtn ){
                        if( rtn.code == 200 ){
                        $('#searchForm').submit();
                        }else{
                          $('#bs-modal-istop').modal('hide');
                            showError( rtn.msg );

                        }
                    },
                    fail    : function( rtn ){
                   $('#bs-modal-istop').modal('hide');
                        showError( rtn.msg );
                    }
                } );
      });


        $('#bs-modal-add').on('show.bs.modal' , function(event){
        hideAndRmoveAllTips( $('#bs-modal-add .modal-body') );
        });
         $('#bs-modal-add [func="confirm"]' ).on( 'click' , function(){
          hideAndRmoveAllTips( $('#bs-modal-add .modal-body') );
          var _userId  = $('#userId').val().trim();
          var _cmsUserId =$('#cmsUserId').val().trim();
          var _reason = $('#reason').val().trim();
          var _type = document.getElementById("verifiedType").value;

            if(_userId != '' &&  _cmsUserId != '' && _reason != '' ){
                  var _url = '/admin/user/addData';
                        $.ajax( {
                            url     : _url,
                            data    :{
                             userId: _userId,
                             cmsUserId:_cmsUserId,
                             recommendReason:_reason,
                             verifiedType:_type
                            },
                            dataType: 'json',
                            success : function( rtn ){
                                if( rtn.code == 200 ){
                                gotoPage(1);
                                }else{
                                  $('#bs-modal-add').modal('hide');
                                    showError( rtn.msg );

                                }
                            },
                            fail    : function( rtn ){
                           $('#bs-modal-add').modal('hide');
                                showError( rtn.msg );
                            }
                        } );
             }
            else{
                     if( _userId == '' ){
                                addAndshowTips( $('#userId'), '“用户ID”不能为空！');
                     }
                     if( _cmsUserId == '' ){
                                addAndshowTips( $('#cmsUserId'), '“马甲ID”不能为空！');
                     }
                     if( _reason == '' ){
                                addAndshowTips( $('#reason'), '“推荐理由”不能为空！');
                     }
             }
      });

        function selectSetValue(val,obj){
          for(var i=0;i<obj.options.length;i++)
          {
            if(obj.options[i].text==val)
            {
             obj.options[i].selected=true;

            break;
            }
          }
        }

       $('#bs-modal-edit').on('show.bs.modal' , function(event){
        hideAndRmoveAllTips( $('#bs-modal-edit .modal-body') );
         var btn = $( event.relatedTarget );
           var cmsUserId = btn.closest('tr' ).find('td').eq(0).text();
           var userId = btn.closest('tr' ).find('td').eq(2).text();
           var verifiedType = btn.closest('tr' ).find('td').eq(4).text();
           var recommendReason = btn.closest('tr' ).find('td').eq(5).text();
           $('#userId_edit').val(userId);
           $('#cmsUserId_edit').val(cmsUserId);
           $('#verifiedType_edit').val(verifiedType);
           $('#reason_edit').val(recommendReason);
           $('#userCmsUserId').val(btn.attr('id'));
           var sel=document.getElementById('verifiedType_edit');
           selectSetValue(verifiedType,sel)

        });



         $('#bs-modal-edit [func="confirm"]' ).on( 'click' , function(){
          hideAndRmoveAllTips( $('#bs-modal-edit .modal-body') );
          var _userId  = $('#userId_edit').val().trim();
          var _cmsUserId =$('#cmsUserId_edit').val().trim();
          var _reason = $('#reason_edit').val().trim();
          var _type = document.getElementById("verifiedType_edit").value;

            if(_userId != '' &&  _cmsUserId != '' && _reason != '' ){
                  var _url = '/admin/user/updateData';
                        $.ajax( {
                            url     : _url,
                            data    :{
                             userId: _userId,
                             cmsUserId:_cmsUserId,
                             recommendReason:_reason,
                             userCmsUserId:$('#userCmsUserId').val().trim(),
                             verifiedType:_type
                            },
                            dataType: 'json',
                            success : function( rtn ){
                                if( rtn.code == 200 ){
                                $('#searchForm').submit();
                                }else{
                                  $('#bs-modal-edit').modal('hide');
                                    showError( rtn.msg );

                                }
                            },
                            fail    : function( rtn ){
                           $('#bs-modal-edit').modal('hide');
                                showError( rtn.msg );
                            }
                        } );
             }
            else{
                     if( _userId == '' ){
                                addAndshowTips( $('#userId_edit'), '“用户ID”不能为空！');
                     }
                     if( _cmsUserId == '' ){
                                addAndshowTips( $('#cmsUserId_edit'), '“马甲ID”不能为空！');
                     }
                     if( _reason == '' ){
                                addAndshowTips( $('#reason_edit'), '“推荐理由”不能为空！');
                     }
             }
      });
    var deleteBtn;
       $('#bs-modal-delete').on('show.bs.modal' , function(event){
        deleteBtn = $( event.relatedTarget );
       });

    $('#bs-modal-delete').on('hidden.bs.modal' , function(event){
            deleteBtn = {};
           });
   $('#bs-modal-delete [func="confirm"]' ).on( 'click' , function(){
          var _id = deleteBtn.attr('id');
                  var _url = '/admin/user/delete';
                        $.ajax( {
                            url     : _url,
                            data    :{
                             userCmsUserId:_id
                            },
                            dataType: 'json',
                            success : function( rtn ){
                                if( rtn.code == 200 ){
                                $('#searchForm').submit();
                                }else{
                                  $('#bs-modal-delete').modal('hide');
                                    showError( rtn.msg );

                                }
                            },
                            fail    : function( rtn ){
                           $('#bs-modal-delete').modal('hide');
                                showError( rtn.msg );
                            }
                        } );
      });
  $('#bs-modal-search').on('show.bs.modal' , function(event){
         hideAndRmoveAllTips( $('#bs-modal-search .modal-body') );
       });
 $('#bs-modal-search [func="confirm"]' ).on( 'click' , function(){
                hideAndRmoveAllTips( $('#bs-modal-search .modal-body') );
                 var _username = $('#username').val();
                 var _password = $('#password').val();
                  var _url = '/admin/user/search';
                        $.ajax( {
                            url     : _url,
                            data    :{
                             username:_username,
                             password:_password
                            },
                            dataType: 'json',
                            success : function( rtn ){
                                if( rtn.code == 200 ){
                                   $('#bs-modal-search').modal('hide');
                                   $('#userId').val(rtn.data);
                                }else{
                                 addAndshowError( $('#bs-modal-search .modal-body'),rtn.msg);
                                }
                            },
                            fail    : function( rtn ){
                       addAndshowError( $('#bs-modal-search .modal-body'),rtn.msg);
                            }
                        } );
      });

 $('#bs-modal-search-edit').on('show.bs.modal' , function(event){
         hideAndRmoveAllTips( $('#bs-modal-search-edit .modal-body') );
       });
 $('#bs-modal-search-edit [func="confirm"]' ).on( 'click' , function(){
                 hideAndRmoveAllTips( $('#bs-modal-search-edit .modal-body') );
                 var _username = $('#username_edit').val();
                 var _password = $('#password_edit').val();
                  var _url = '/admin/user/search';
                        $.ajax( {
                            url     : _url,
                            data    :{
                             username:_username,
                             password:_password
                            },
                            dataType: 'json',
                            success : function( rtn ){
                                if( rtn.code == 200 ){
                                   $('#bs-modal-search-edit').modal('hide');
                                   $('#userId_edit').val(rtn.data);
                                }else{
                                 addAndshowError( $('#bs-modal-search-edit .modal-body'),rtn.msg);

                                }
                            },
                            fail    : function( rtn ){
                          addAndshowError( $('#bs-modal-search-edit .modal-body'),rtn.msg);
                            }
                        } );
      });

    function gotoPage(page){
        $("#page").val(page);
        $("#searchForm").submit();
    }
    function addAndshowTips( obj , msg ){
                var _str = '<div class="col-lg-4 alertWrapper"><div class="alert alert-danger f-margin-bottom-0" role="alert">'+ msg +'</div></div>';
                obj.closest('.form-group').append( _str );
           }
    function hideAndRmoveAllTips( wrap ){
                wrap.find('.alertWrapper').remove();
            }
    function addAndshowError( wrap , msg ){
                var _str = '<div class="alert alert-danger alertWrapper" role="alert">'+ msg +'</div>';
                wrap.append( _str );
            }

          function showError( msg ){
        $('#bs-modal-error').on('show.bs.modal' , function(){
            $('#bs-modal-error .modal-body p').text( msg );
        });
        $('#bs-modal-error').modal('show');
    };

</script>
【前端个人工作复盘总结】2021-10-18
weixin_48596030的博客
10-26 3118
利用空余时间，复盘一下近期的工作，把重要的经验教训梳理沉淀下来，在此记之以提醒和勉励自己。
Web前端工作2个月小结
weixin_30810239的博客
08-28 195
开始语： 2013年6月30日，Microsoft Learning support 项目结束，转而进入Forerunner Development 项目，这对于这块领域空白的我，空前的困难，可是我坚信事在人为！于是乎，开始了我的Web 前端的征程…… 　　首先，为了能快速加入这个项目，我提前开始了HTML5+CSS3+JavaScript+jQuery的学习 　　其次，为了能快速适应这个项目...
IT公司前端年度工作总结报告
02-19
年度前端公司工作总结报告,将技术与业务相结合，通过技术改善业务模式，通过业务推动技术革新，将以技术为基石，业务为方舟，乘风破浪，逆水直上！ 其他 严格按照公司规定的方案进行规律的工作，认真对待任务和需求，不拖延，不划水，不懒惰。加强和各部门同事们的沟通与合作，对技术型演讲要保持积极、严谨的态度，力争保持先进和完备，时刻对新技术保持同步，时刻对自身做技术提升准备。
半年前端总结
weixin_34402090的博客
11-25 910
做前端也半年了,有自己的一些思考和对自己的改进,借此机会总结一下!!! 因为本人比较要强,对自己要求比较高,所以一直对自己要求比较严格,但是因为自己的惰性,所以一些计划迟迟没有执行下去,下面就技术和自己生活方面总结一下 技术 1.因为不是科班生,所以开始工作的时候基础比较薄弱,于是我就开始读js高程并且在平时关注一些技术网站,比如掘金里面的好文章,看到好文章便加入收藏夹,想着有时间了一定好好学习,...
2017年前端工作小结，个人踩坑之旅，前端学习者的杂谈
weixin_34314962的博客
03-30 129
工作差1月就要满一年了，这一年中水平并没有直接性的提升，以至于初学前端时无法探究的诸多问题，依旧没有头绪，但工作就是的一次次跳坑和爬坑，它终究是带给了我一些... 关于工作，在一家创业公司（没人带-_-），日常开发vue，react，react-native，微信小程序（目前）项目 关于技术栈，杂而不精没救了...目前沉迷typescript 关于css 写多少项目就得写多少css，我...
前端工作小结
weixin_30835649的博客
03-25 177
进入前端开发行业到现在有了一段时间，发些工作总结性的内容，仅供大家参考： 1、前端开发首先要精通HTML、CSS，这两个是作为前端的基本要求，这里的精通并不仅仅指快速的做出需要的页面，我想更重要的是页面的可扩展行、模块的可复用性。所谓的可扩展性就是说你的页面在有新的需求要加入、或是某些区域暂时不要时，页面调整的难易程度。以我自己的经验来说，页面一定要低耦合高内聚，有特定功能的模块要尽量的独立开来...
前端小结
weixin_44543433的博客
02-10 243
Js小练
2019年下半年Web前端开发初级理论考试附答案.pdf
12-01
Web 前端开发初级理论考试知识点总结 一、HTML 基础知识点 1. 块级元素（block-level element）：块级元素对宽和高生效，边距生效。 2. table 标签：table 是表格标签。 3. HTML5 新增特性：新增了语义化标签、...
2021年web前端工程师上半年工作总结.docx
09-30
2021年web前端工程师上半年工作总结.docx
1+X认证Web前端开发中级模拟题.docx
12-16
1.+X认证Web前端开发中级模拟题知识点总结 HTML和CSS * HTML中文字粗体的标记除了使用 `<strong>` 外，还可以使用 `<b>` * 在HTML中，用于播放视频与音频文件的元素是 `<video>` 和 `<audio>` * 使用媒体查询时，...
Web前端----初识Html-前端最基础入门教学
软件测试的坑，让我来踩吧
08-05 777
随着计算机的不断发展，Web前端这门技术也越来越重要，很多人都开启了前端的学习，本篇文章就是简单的写了一下Html的语法，用来对Html进行学习。一、Html是什么？HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。...
2018年个人有关前端的职位年终总结
02-26
这是一个个人在年终时 上台演讲 的 前端职位的年终总结
web开发人员工作心得
09-03
第二个月的工作总结web开发人员工作心得
2021年毕业半年前端生涯总结
01-02 6464
三大遗憾 1.实习辞职遇疫情干扰，未能实现毕业旅行 实习经历–从2020年9月份开始，在学校巩固了一下前端的基础，便踏上寻找前端实习岗位的旅程。这段时间，投过许许多多的简历，但是由于之前没有相关的工作经验，回复不多，但也收到一些校招笔试的邀请，但因为自己算法方便确实是有些不足，最后错失了许多游戏行业机会，最后迫于学校压力，选择一家软件公司实习。在里面做的工作也就是修修补补。当然，收获还是有的，接触到了自动化部署一套流程和前端微服务框架项目，但没有自己从0到1搞过项目，缺乏对项目整体流程把控的经验。差不多到3
web前端总结(一)
我想静静的博客
06-25 466
1 . HTML&CSS  表单标签        actioon : 表单的提交路径 method:表单的提交方式               提交方式  get  默认方式  把请求参数显示到地址栏 不安全 大小有限制                               post  相反        输入域标签 (应用)                 文本框  text
web前端总结(三)
我想静静的博客
06-26 332
mysql数据库 DDL 数据定义语言 定义数据库  定义数据表 DML 数据操作语言  对数据库中数据 增删改查 DQL 数据查询语言 对数据库中的数据进行查询     查询 全部  select * from user                单条件 select *from user where age>18                多条件 select *fr
前端近期工作总结
qq_40088443的博客
05-23 1179
1/按钮字号要适中，一般15px大小 2/苹果手机会在input的地方放大，所以开头要加限制语句 3/安卓手机会在input输入时导致背景图上移 4/input按钮要优化，无内容时不显示清除按钮，内容输入正确后清除按钮也要不再显示 5/交互区域要大，不要靠a标签跳转 6/微信浏览器会出现下面的导航栏，盖住layer。iphone6/7/s都出现了，但是iphone X/XR没有 7/微...
一枚菜鸟前端工程师月度工作总结
热门推荐
前端攻城狮
12-22 1万+
工作总结前言技术工作学习2019年的展望 前言 每个月进行工作总结，有利于自己回顾在这个月完成了什么工作，有哪些地方做的好，想想还能不能做的更好；哪些地方做的不好遇到哪些问题，记录下来，审视自己避免重蹈覆辙。以下从技术、工作、学习上来总结一下自己这个月遇到了什么问题，有哪些感悟以及未来如何去做一个梳理。 技术 在技术上的收获来源于具体的场景和解决的问题。这周遇到了两个问题。一是如果是多条件判断赋值...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值