• 前端框架学习


    bootstrap+jquery

    开始:

    以前总以为前端很容易,可是真正接触过之后才明白,并不是那么简单,下面总结的是CSS/HTML框架之:bootstrap;版本: v3.3.7 

    首先,值得一提的是两个学习网站:https://www.bootcss.com/  (bootstrap中文网);

    https://www.runoob.com/bootstrap/bootstrap-tutorial.html(菜鸟教程);

    比较适合初学者的网站,可以从这上面下载一些需要的工具,并且都有使用教程;

    以下页面就是用此框架实现的,这也是我刚做的项目,博山区新生入学平台,客户是博山区一年级新生家长,

    前端页面主要用了下拉框,input标签,还有radio button按钮等等,整个页面也是手机自适应,按快捷键F12可进入开发者模式,查看手机自适应情况

                                                                   电脑端

                                            手机端

    本系统遇到的最大问题就是radiobutton按钮有默认值,用jquery语句清空了好久也清空不了,只能以代码段的形式实现;

    通过remove方法移除和prepend方法进行添加,这样就解决了默认值的问题,里面的页面跳转和隐藏现实逻辑也是通过jquery封装的方法实现;

    总体来说,bootstrap框架还是比较实用的,可以实现大部分功能。

  • 相关阅读:
    1.28
    1.27
    1.26
    如果给你以下功能怎么测试
    测试面试题
    对h5页面的测试方式
    完美解决linux下Django报错Error: That port is already in use.
    KeyError:使用Python的Appium中的“ touchAction” 错误码
    Appium自动化测试
    selenium IDE使用
  • 原文地址:https://www.cnblogs.com/jingyukeng/p/10997952.html
Copyright © 2020-2023  润新知