十个JavaScript页面布局技巧_威海佰年网络技术有限公司_网站建设_软件开发_私有云_商标注册_公众号_小程序_APP_物联网_ChatGPT

Categories

Tags

十个JavaScript页面布局技巧

1. 使用Flexbox布局：Flexbox布局是CSS3中的一个新特性，可以方便地实现灵活的页面布局，特别适合移动端页面设计。 2. 使用Grid布局：Grid布局也是CSS3中的一个新特性，可以支持复杂的页面布局，如网格、栅格、水平和垂直居中等。 3. 使用响应式设计：响应式设计能够根据设备的不同大小和分辨率自动屏幕适配，提升用户体验。 4. 使用媒体查询：媒体查询可以根据不同设备和屏幕大小调整CSS的样式和布局。 5. 使用相对单位：相对单位如em、rem和vw/vh等，可以在不同页面尺寸和设备上自适应地实现页面布局调整。 6. 使用浮动和清除浮动：使用浮动可以实现多栏布局，但需要使用清除浮动来避免布局破裂问题。 7. 使用绝对定位：绝对定位可以实现层叠布局和细微的位置调整，但需要小心地掌握布局属性，以避免超出容器的限制。 8. 使用表格布局：表格布局可以实现复杂的数据表格，但需要避免滥用，以免影响布局性能。 9. 使用栅格系统：栅格系统是一种常见的页面布局技术，可以快速实现网格和多栏布局。 10. 使用CSS网格或Flexbox工具包：有许多CSS网格或Flexbox工具包，如Bootstrap和Foundation等，可以方便地实现布局和样式的快速开发。

Public @ 2023-04-10 11:50:53

IIS 6.0 伪静态的配置方法

威海网站建设威海伪静态
1111

IIS 6.0 是微软的一款 Web 服务器软件，可以实现虚拟主机、网站发布、应用程序支持等功能。在使用 IIS 6.0 作为 Web 服务器时，可以使用伪静态的技术来实现 URL 重写和美化，增加网站的可读性和可维护性。以下是在 IIS 6.0 中配置伪静态的方法： 1. 在 IIS 控制台中创建一个 Web 应用程序，并在其根目录下创建一个名为“urlrewrite”（可自定义）的文件夹。

Public @ 2023-04-10 15:01:01

修改网站域名解析的技巧

更换了网站服务器空间的时候，站长通常需要对域名解析进行修改。由于不同的服务商之间的架构不同，很多时候并非IP的更换，而是CNMAE更换IP或IP更换CNAME，这里介绍一下这种情况的网站域名解析的技巧。如果使用传统方式将www从CNAME迁移到A，直接添加A记录，会提示一个CNAME记录已经存在，用户往往需要执行一个CNAME删除操作，才能再执行一个A添加操作，由于域名解析生效时间的延迟，会导致一

Public @ 2019-05-30 15:45:22

如何设计一个成功的网站

1. 确定目标受众：确定你希望网站吸引的受众群体并了解他们的需求和偏好，以此作为你网站设计的基础。 2. 网站结构的简洁性：在设计网站时，应该尽量保持简单而清晰的布局和导航，让用户可以直观的理解网站的内容结构和信息架构。 3. 沉浸式体验：网站设计不应该仅仅是美学和布局，用户体验应该与之紧密结合在一起，通过提供互动功能、引人注目的图片和动画等方式，创造出有趣、有趣和沉浸式的用户体验。

Public @ 2023-06-09 23:50:28

网页常用小技巧

下面是javascript的40个网页常用小技巧，对网站开发人员相信会有帮助。1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table2. <bo

Public @ 2011-01-24 15:45:19

更多您感兴趣的搜索

基本文件流程错误 SQL 调试

/www/wwwroot/www.briline.net/public/index.php ( 0.79 KB )
/www/wwwroot/www.briline.net/public/public.php ( 1.08 KB )
/www/wwwroot/www.briline.net/thinkphp/start.php ( 0.73 KB )
/www/wwwroot/www.briline.net/thinkphp/base.php ( 2.66 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Loader.php ( 19.47 KB )
/www/wwwroot/www.briline.net/vendor/composer/autoload_namespaces.php ( 0.21 KB )
/www/wwwroot/www.briline.net/vendor/composer/autoload_psr4.php ( 0.84 KB )
/www/wwwroot/www.briline.net/vendor/composer/autoload_classmap.php ( 0.14 KB )
/www/wwwroot/www.briline.net/vendor/composer/autoload_files.php ( 0.42 KB )
/www/wwwroot/www.briline.net/vendor/qiniu/php-sdk/src/Qiniu/functions.php ( 7.10 KB )
/www/wwwroot/www.briline.net/vendor/qiniu/php-sdk/src/Qiniu/Config.php ( 0.70 KB )
/www/wwwroot/www.briline.net/vendor/topthink/think-captcha/src/helper.php ( 1.59 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Route.php ( 59.82 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Config.php ( 6.03 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Validate.php ( 40.27 KB )
/www/wwwroot/www.briline.net/vendor/topthink/think-queue/src/config.php ( 0.77 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Console.php ( 21.22 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Error.php ( 3.59 KB )
/www/wwwroot/www.briline.net/thinkphp/convention.php ( 10.31 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/App.php ( 21.04 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Request.php ( 50.94 KB )
/www/wwwroot/www.briline.net/app/config.php ( 9.67 KB )
/www/wwwroot/www.briline.net/app/database.php ( 1.40 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Hook.php ( 4.76 KB )
/www/wwwroot/www.briline.net/app/tags.php ( 1.16 KB )
/www/wwwroot/www.briline.net/app/common/behavior/InitBase.php ( 8.17 KB )
/www/wwwroot/www.briline.net/app/common.php ( 23.30 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Env.php ( 1.25 KB )
/www/wwwroot/www.briline.net/thinkphp/helper.php ( 17.86 KB )
/www/wwwroot/www.briline.net/app/function.php ( 0.78 KB )
/www/wwwroot/www.briline.net/app/extend.php ( 13.29 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Debug.php ( 7.06 KB )
/www/wwwroot/www.briline.net/app/common/model/Config.php ( 0.78 KB )
/www/wwwroot/www.briline.net/app/common/model/ModelBase.php ( 12.18 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Model.php ( 66.83 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Db.php ( 6.54 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Log.php ( 5.84 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/db/connector/Mysql.php ( 3.94 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/db/Connection.php ( 29.97 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/db/Query.php ( 89.54 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/db/builder/Mysql.php ( 2.16 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/db/Builder.php ( 30.47 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Cache.php ( 6.17 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/cache/driver/File.php ( 6.98 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/cache/Driver.php ( 5.52 KB )
/www/wwwroot/www.briline.net/app/common/behavior/InitHook.php ( 1.25 KB )
/www/wwwroot/www.briline.net/app/common/model/Hook.php ( 0.77 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Lang.php ( 6.95 KB )
/www/wwwroot/www.briline.net/thinkphp/lang/zh-cn.php ( 3.85 KB )
/www/wwwroot/www.briline.net/app/route.php ( 0.91 KB )
/www/wwwroot/www.briline.net/app/index/config.php ( 0.96 KB )
/www/wwwroot/www.briline.net/app/index/common.php ( 0.68 KB )
/www/wwwroot/www.briline.net/app/index/controller/Wiki.php ( 2.44 KB )
/www/wwwroot/www.briline.net/app/index/controller/IndexBase.php ( 1.10 KB )
/www/wwwroot/www.briline.net/app/common/controller/ControllerBase.php ( 4.75 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Controller.php ( 6.20 KB )
/www/wwwroot/www.briline.net/thinkphp/library/traits/controller/Jump.php ( 4.97 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/View.php ( 6.86 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/view/driver/Think.php ( 5.61 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Template.php ( 46.46 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/template/driver/File.php ( 2.24 KB )
/www/wwwroot/www.briline.net/extend/qrcode/qrlib.php ( 1.61 KB )
/www/wwwroot/www.briline.net/extend/qrcode/qrconst.php ( 1.72 KB )
/www/wwwroot/www.briline.net/extend/qrcode/qrconfig.php ( 1.41 KB )
/www/wwwroot/www.briline.net/extend/qrcode/qrtools.php ( 6.18 KB )
/www/wwwroot/www.briline.net/extend/qrcode/qrspec.php ( 25.99 KB )
/www/wwwroot/www.briline.net/extend/qrcode/qrimage.php ( 3.54 KB )
/www/wwwroot/www.briline.net/extend/qrcode/qrinput.php ( 24.22 KB )
/www/wwwroot/www.briline.net/extend/qrcode/qrbitstream.php ( 5.26 KB )
/www/wwwroot/www.briline.net/extend/qrcode/qrsplit.php ( 11.11 KB )
/www/wwwroot/www.briline.net/extend/qrcode/qrrscode.php ( 8.29 KB )
/www/wwwroot/www.briline.net/extend/qrcode/qrmask.php ( 12.29 KB )
/www/wwwroot/www.briline.net/extend/qrcode/qrencode.php ( 17.10 KB )
/www/wwwroot/www.briline.net/app/index/logic/Wiki.php ( 6.16 KB )
/www/wwwroot/www.briline.net/app/index/logic/IndexBase.php ( 0.79 KB )
/www/wwwroot/www.briline.net/app/common/logic/LogicBase.php ( 0.83 KB )
/www/wwwroot/www.briline.net/app/common/model/Article.php ( 0.78 KB )
/www/wwwroot/www.briline.net/app/common/model/ArticleTongji.php ( 0.79 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/paginator/driver/Bootstrap.php ( 5.90 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Paginator.php ( 9.45 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Collection.php ( 8.63 KB )
/www/wwwroot/www.briline.net/runtime/temp/ed93fe93a97037f6982d9724e437d222.php ( 55.89 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/Response.php ( 8.64 KB )
/www/wwwroot/www.briline.net/thinkphp/library/think/debug/Html.php ( 4.27 KB )

[ DB ] CONNECT:[ UseTime:0.028594s ] mysql:dbname=briline;host=127.0.0.1;port=3306;charset=utf8
[ SQL ] SHOW COLUMNS FROM `ob_config` [ RunTime:0.002513s ]
[ SQL ] SELECT * FROM `ob_config` [ RunTime:0.000399s ]
[ EXPLAIN : array ( 'id' => 1, 'select_type' => 'SIMPLE', 'table' => 'ob_config', 'partitions' => NULL, 'type' => 'ALL', 'possible_keys' => NULL, 'key' => NULL, 'key_len' => NULL, 'ref' => NULL, 'rows' => 25, 'filtered' => 100, 'extra' => NULL, ) ]
[ SQL ] SHOW COLUMNS FROM `ob_article` [ RunTime:0.181229s ]
[ SQL ] SELECT * FROM `ob_article` WHERE `id` = 7038 LIMIT 1 [ RunTime:0.000410s ]
[ EXPLAIN : array ( 'id' => 1, 'select_type' => 'SIMPLE', 'table' => 'ob_article', 'partitions' => NULL, 'type' => 'const', 'possible_keys' => 'PRIMARY', 'key' => 'PRIMARY', 'key_len' => '4', 'ref' => 'const', 'rows' => 1, 'filtered' => 100, 'extra' => NULL, ) ]
[ SQL ] select * from `ob_article_tongji` where category_id=12 and mark_type='cate' order by times desc limit 15 [ RunTime:0.002349s ]
[ EXPLAIN : array ( 'id' => 1, 'select_type' => 'SIMPLE', 'table' => 'ob_article_tongji', 'partitions' => NULL, 'type' => 'ALL', 'possible_keys' => NULL, 'key' => NULL, 'key_len' => NULL, 'ref' => NULL, 'rows' => 608, 'filtered' => 1.0000001192092896, 'extra' => 'Using where; Using filesort', ) ]
[ SQL ] select * from `ob_article_tongji` where category_id=12 and mark_type='tags' order by times desc limit 100 [ RunTime:0.000999s ]
[ EXPLAIN : array ( 'id' => 1, 'select_type' => 'SIMPLE', 'table' => 'ob_article_tongji', 'partitions' => NULL, 'type' => 'ALL', 'possible_keys' => NULL, 'key' => NULL, 'key_len' => NULL, 'ref' => NULL, 'rows' => 608, 'filtered' => 1.0000001192092896, 'extra' => 'Using where; Using filesort', ) ]
[ SQL ] select * from `ob_article_tongji` where category_id=12 and mark_type='tags' order by rand() limit 30 [ RunTime:0.001216s ]
[ EXPLAIN : array ( 'id' => 1, 'select_type' => 'SIMPLE', 'table' => 'ob_article_tongji', 'partitions' => NULL, 'type' => 'ALL', 'possible_keys' => NULL, 'key' => NULL, 'key_len' => NULL, 'ref' => NULL, 'rows' => 608, 'filtered' => 1.0000001192092896, 'extra' => 'Using where; Using temporary; Using filesort', ) ]
[ SQL ] SELECT * FROM `ob_article` WHERE `id` = 7038 LIMIT 1 [ RunTime:0.000372s ]
[ EXPLAIN : array ( 'id' => 1, 'select_type' => 'SIMPLE', 'table' => 'ob_article', 'partitions' => NULL, 'type' => 'const', 'possible_keys' => 'PRIMARY', 'key' => 'PRIMARY', 'key_len' => '4', 'ref' => 'const', 'rows' => 1, 'filtered' => 100, 'extra' => NULL, ) ]
[ SQL ] update `ob_article` set views=views+2 where id=7038 [ RunTime:0.215035s ]
[ SQL ] SELECT COUNT(*) AS tp_count FROM `ob_article` WHERE `category_id` = 12 AND `cate` = '威海网站建设' AND `status` <> -1 LIMIT 1 [ RunTime:0.429102s ]
[ EXPLAIN : array ( 'id' => 1, 'select_type' => 'SIMPLE', 'table' => 'ob_article', 'partitions' => NULL, 'type' => 'ALL', 'possible_keys' => NULL, 'key' => NULL, 'key_len' => NULL, 'ref' => NULL, 'rows' => 7784, 'filtered' => 0.89999997615814209, 'extra' => 'Using where', ) ]
[ SQL ] SELECT * FROM `ob_article` WHERE `category_id` = 12 AND `cate` = '威海网站建设' AND `status` <> -1 ORDER BY rand() LIMIT 0,2 [ RunTime:2.546906s ]
[ EXPLAIN : array ( 'id' => 1, 'select_type' => 'SIMPLE', 'table' => 'ob_article', 'partitions' => NULL, 'type' => 'ALL', 'possible_keys' => NULL, 'key' => NULL, 'key_len' => NULL, 'ref' => NULL, 'rows' => 7784, 'filtered' => 0.89999997615814209, 'extra' => 'Using where; Using temporary; Using filesort', ) ]
[ SQL ] SELECT COUNT(*) AS tp_count FROM `ob_article` WHERE `category_id` = 12 AND `tags` = '威海网站设计' AND `status` <> -1 LIMIT 1 [ RunTime:0.145820s ]
[ EXPLAIN : array ( 'id' => 1, 'select_type' => 'SIMPLE', 'table' => 'ob_article', 'partitions' => NULL, 'type' => 'ALL', 'possible_keys' => NULL, 'key' => NULL, 'key_len' => NULL, 'ref' => NULL, 'rows' => 7784, 'filtered' => 0.89999997615814209, 'extra' => 'Using where', ) ]
[ SQL ] SELECT * FROM `ob_article` WHERE `category_id` = 12 AND `tags` = '威海网站设计' AND `status` <> -1 ORDER BY rand() LIMIT 0,2 [ RunTime:1.114980s ]
[ EXPLAIN : array ( 'id' => 1, 'select_type' => 'SIMPLE', 'table' => 'ob_article', 'partitions' => NULL, 'type' => 'ALL', 'possible_keys' => NULL, 'key' => NULL, 'key_len' => NULL, 'ref' => NULL, 'rows' => 7784, 'filtered' => 0.89999997615814209, 'extra' => 'Using where; Using temporary; Using filesort', ) ]

5.520734s

ShowPageTrace