文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    测试开发之前端篇-Web前端简介

    前面给大家介绍网络协议时讲到，您在阅读这篇文章时，浏览器是通过HTTP/HTTPS协议向服务器发送请求、并显示了其响应内容的。...CSS（Cascading Style Sheets，层叠式样式表） 定义如何显示 HTML里的元素，包括其布局、大小、风格、色彩等，从而实现网页的内容和显示方式相分离。... h3 {color: blue} 这里的样式针对h3元素设置了color属性，效果为h3标签中的文字显示为蓝色。...通常应用服务器也会内嵌一个Web服务器，以实现将处理好的静态网页以HTML流的形式返回给浏览器。 前后端分离 传统的Web应用是在服务器端生成静态HTML响应的，比如PHP、ASP、JSP等。...前后端分离的架构下，网页的静态部分更接近于一个HTML模板，浏览器从服务器获取模板后，再通过执行JavaScript来请求服务器、获取数据、装载到模板，最终在用户自己的设备上完成网页的渲染。

    89510

    从零玩转系列之微信支付实战PC端装修我的订单页面 | 技术创作特训营第一期

    本篇完毕后将是UniApp的篇章感受移动端的诱惑 本次为前端知识点如果不懂前段可以去仓库直接copy出来使用,如果有什么问题可以在评论区留言,我会第一时间回复大家的.关注我不迷路，如果本篇文章对你有所帮助...官网查看数据表格的使用方法 图片 看上哪个用哪个直接CV 图片 将标签复制到html当中 将参数复制到script当中 刷新页面查看 图片 图片 分页插件 看上哪个用哪个老规矩直接CV 放到 el-table...它允许我们在父组件中定义一个插槽，并通过子组件将数据传递给插槽。这样我们就可以在父组件中使用子组件的数据，并根据需要进行渲染。...【写作提纲】 一、前言 通过前言表达我每次的文章内容是什么东西和注意事项,以及本篇文章的目录和彩蛋 二、介绍 介绍设计图的样式和功能,思路,以及后端接口的编写 三、后端接口制作中 教同学们搭建后端接口,...并且测试接口是否正常 四、装修前端页面 介绍设计图当中的样式和功能,并且教同学们如何使用组件库、如何编写请求、如何渲染数据、如何监听事件 以及完成了基本的前后端查询交互

    817111

    实战 HTML & CSS：如何快速搭建一个响应式博客首页

    比如说本次demo，分为5个盒模型，分别是导航栏、核心内容模块、文章内容模块、单个文章内容模块、右侧广告栏。 html页面内容实现 有了一个整体布局规划，接下来就开始网页内容实现。...先把所有的模块的内容使用html语法，完成编写。 使用到了html的 标题标签、链接标签、段落标签、图像标签和div标签（每个div就对应布局中的一个模块）。 <!...盒模型背景渲染 我们先给这4个模块添加不同的背景色（核心内容模块-红色、文章内容模块-黄色、单个文章内容模块-浅蓝、右侧广告栏-绿色），看看样式： .content{ background-color...完善样式 参考预期的效果，关于核心内容目前还缺少的样式如下： 右侧广告栏，固定展示位置，不管文章列表如何滚动，始终固定显示在页面上； 右侧广告栏的内容居中展示； 各种边框阴影效果等； .content...80% */ height: 80%; /* 图片高度为80% */ } 最终效果 最后删除调试时，增加的div 背景色，为文章内容模块和广告栏增加边框阴影，完成最终样式： .items {

    1.1K10

    从零玩转系列之微信支付实战PC端装修下单页面 | 技术创作特训营第一期

    第七章从零玩转系列之微信支付实战PC端项目构建Vue3+Vite+页面基础搭建 第八章从零玩转系列之微信支付实战PC端装修下单页面 图片 本次项目使用技术栈 后端: SpringBoot3.1.x、Mysql8.0...定义了一个具有边框、背景色、文字颜色和其他样式的列表项样式，用于在容器内的特定情境中显示。...点击任意盒子进行支付发起请求到后端创建订单数据,调用微信下单接口返回URL使用前端插件生成二维码,在进行弹出层显示即可 查看表 图片 图片 编写后端商品列表接口 图片 调试一波可以拿到 图片 编写axios...【写作提纲】 一、前言 通过前言表达我每次的文章内容是什么东西和注意事项 二、介绍 继上一篇针对内容区域的代码编写和介绍必须知道的一部分vue标签,介绍如何使用开发工具调试前端样式 三、装修 利用生活当中的名词讲解这块内容如何完成分别以...四、实现点击切换 介绍点击切换的用途，创建HTML结构，设计吸引人的CSS样式，编写JavaScript逻辑处理点击事件，添加平滑的过渡效果，考虑进阶功能并解决常见问题，最后总结所学内容。

    1.1K55

    zblog企业展示型主题模板赢天下（Winlee）助力小微企业成长

    主题自带三个广告位，分别是：分类顶部，文章页和文章推荐，按需开启！         - 可使用HTML代码或者联盟广告代码，html代码参考：Z-blogPHP常见问题答疑，里面有详细广告代码。...-- 修复文章页面部分表格没有样式的问题。 -- 优化文章页汉字及英文字符强制换行的代码。 -- 文章显示时间可自定义选择，可设置三种形式，主题设置，功能设置中选择，默认是友好显示时间。...-- 优化读者墙移动端显示效果。 -- 主题模板部分细节样式修整。 -- 文章新增目录索引功能，主题设置-文章设置-文章目录索引，开启。 -- 新增后台登录界面优化，功能设置，登录界面开启。...-- 优化图片灯箱后端php代码。 -- 文章页面外链加密功能，主题设置，文章设置开启。 -- 修复网友反馈的几处小BUG。 -- 评论增加IP显示属地功能。...V2.5.2（2021/12/10） -- 优化主题后端代码，分类侧栏模块程序，使用独立加载模块。 -- 优化后台授权api接口，延迟超时带来的卡顿问题。 -- 优化主题文字LOGO样式特效代码。

    2.2K40

    浏览器加载解析渲染机制的全面解析

    简介 在前面一篇文章中，讲到了用户从输入url到看到页面的过程，其中涉及到浏览器的工作机制这一块我们并没有去详细分析。这篇文章，将对浏览器的加载解析渲染机制进行深入地剖析。...UI 后端(UI backend)－ 用来绘制类似组合选择框及对话框等基本组件，具有不特定于某个平台的通用接口，底层使用操作系统的用户接口。...再下一步就是绘制，即遍历render tree，并使用UI后端层绘制每个节点。...Webkit使用Flex和Bison解析生成器从CSS语法文件中自动生成解析器。Bison创建一个自底向上的解析器，Firefox使用自顶向下解析器。...Html5增加了标记脚本为异步的选项，以使脚本的解析执行使用另一个线程。 Webkit和Firefox都做了预解析的优化，当执行脚本时，另一个线程解析剩下的文档，并加载后面需要通过网络加载的资源。

    1.3K10

    渲染树的形成原理你真的很懂吗？

    浏览器系列文章 ? 说一下为什么写这个系列？ 原因一：该文章系列不管你是前端开发者，还是后端开发者在面试中经常会被问到一个问题 “从浏览器输入url到页面显示经历了哪些？”...原因二：自己主要是后端方向，该系列文章也是为了学习记录，方便以后查阅。极客时间李兵老师也开了这个专栏，看后还有几个疑问的点，自己查询资料学习整理一遍。...本文我主要以 Webkit 渲染引擎来讲解，Safari 和 Chrome 都使用 Webkit。...HTML解析器 从后端返回给浏览器渲染引擎 HTML 文件字节流， 第一步要经过的就是渲染引擎中的 HTML 解析器。它实现了将 HTML 字节流转换为 DOM树 结构。...HTML 解析器做了哪些事 阶段一 字节流转换为字符并W3C标准令牌化 读取 HTML 的原始字节流，并根据文件的指定编码（例如 UTF-8）将它们转换成各个字符。

    1K51

    渲染树的形成原理你真的很懂吗？

    浏览器系列文章 ? 说一下为什么写这个系列？ 原因一：该文章系列不管你是前端开发者，还是后端开发者在面试中经常会被问到一个问题 “从浏览器输入url到页面显示经历了哪些？”...原因二：自己主要是后端方向，该系列文章也是为了学习记录，方便以后查阅。极客时间李兵老师也开了这个专栏，看后还有几个疑问的点，自己查询资料学习整理一遍。...本文我主要以 Webkit 渲染引擎来讲解，Safari 和 Chrome 都使用 Webkit。...HTML解析器 从后端返回给浏览器渲染引擎 HTML 文件字节流， 第一步要经过的就是渲染引擎中的 HTML 解析器。它实现了将 HTML 字节流转换为 DOM树 结构。...根据这段代码具体分析 HTML 解析器做了哪些事 阶段一 字节流转换为字符并W3C标准令牌化 读取 HTML 的原始字节流，并根据文件的指定编码（例如 UTF-8）将它们转换成各个字符。

    1K41

    Django添加ckeditor富文本编辑器

    如何设置默认选择的字体及大小？如何设置默认使用的字体及大小？ 前者，需要修改 ckeditor/contents.css 里的设置。...涉及到前端显示和后端编辑两部分。后端编辑方面，django_ckeditor-5.2.2-py2.7.egg中已经自带了code snippet插件，仅需进行简单的配置，就可以在后端激活这个插件。...六.添加后的文章，在显示全文的时候，如何合理自动换行？ 七.Tab键的使用，默认按Tab会移出编辑框，如何解决？...OL/UL的CSS样式表，padding-left导致的，解决方法，可以修改前端页面的样式表。 是否有其他更好的解决方法？假设后端的CKEditor已经添加好样式表了？...九.前端页面显示的字体/大小和后端设置的不一样？ 前端页面CSS造成的，如何解决？ 十.使用七牛云存储，缩略图无法生成？

    2.7K31

    JavaWeb之简单分页查询分析及代码

    分页方式 前端 JS 分页 - 不推荐 我们可以请求获取到所有数据后，使用 JavaScript 来进行数据分页显示，单纯的在数据的显示这一方面看确实美观了很多，并且这种分页方式要比后端分页简单很多...DOCTYPE html> 使用的语言 --> html lang="zh-CN"> 从数据库获取很多数据，也可以美化前端展示效果，优化用户体验 后端分页的实现方式 (一) 整体分析 根据我们上面所讲的，我们需要的就是前端向后端提交请求，后端响应前端需要的数据，并且展示在前端页面中...data.totalPage + "页"); (3) 用户信息回显 在HTML 中我们使用了 代码拼接的方式实现了这种需求，这个时候返回的 list集合中的一个User的数据被遍历显示到我们的表格中...总结 这篇文章到这里就基本结束了，这个样式是我参考某马中的一个样式布的局，使用 HTML + Ajax 替代了 JSP 然后后端的代码也对应全改写了 ，不过可以说是最简单的一种分页了，比较适合在JavaWeb

    2.9K20

    巧妙实现右键菜单功能，提升用户操作体验

    在文章开始之前，推荐一些很值得阅读的好文章！感兴趣的也可以去看一下哦！...以下将通过一段实际代码实现，展示从思路到实现的详细过程。实现右键菜单功能：从点击到显示右键菜单的核心是监听用户右键点击事件 (@contextmenu)，并根据点击的坐标显示菜单。...pageX, pageY } = event; // 获取点击位置 const { scrollLeft, scrollTop } = document.documentElement; // 设置菜单的显示位置...后端同步：调用 axios.delete 向服务器提交删除请求，确保前后端一致性。更新前端数据：在请求成功后，利用 splice 方法从数组中移除对应项，并实时更新 UI。...无论是动态菜单位置的设置，还是数组更新与后端同步的紧密结合，都体现了功能模块化的思路。这样的实现，不仅提升了交互体验，也为日后的功能扩展提供了良好的基础。

    22410

    前端实时更新后端处理进度之 进度条实现

    前端获取后端处理进度并更新进度条 环境介绍 1. 前端：html + Jquery + bootstrap2....后端：Django 功能实现 前端 html 网页页面使用bootstrap的进度条，进度条由2个div嵌套而成，通过修改内层div的width实现显示并更新进度，在此我们给进度条设置一个id：mbprocess...，以便根据进度更改其显示状态 给用来提交表单的form设置一个ID，用来绑定form表单提交时的函数 form中提交表单的button绑定checkmbfw()函数用来检测提交信息是否符合要求...setInterval函数完成持续向后端请求进度操作 在后端完成请求后结束setInterval动作，更新进度条样式 由于setInterval和get的回调函数都是异步执行，这里就相当于做了个登记，将任务加入队列...，故form表单应函数完成时return false 后端 后端使用Django url设置 首先后端需增加两个url，一个指向处理数据的的函数，另一个指向请求进度的函数 path('return_result

    11.6K30

    10个CSS技巧，极大提升用户体验

    如果你想在文本被选中后添加一些额外的样式，你可以使用::selection 。::selection CSS伪元素将样式应用于文档中被用户突出显示的部分（比如在文本上点击和拖动鼠标）。 但要记住。...Cursor 在不同的场景下使用不同的鼠标样式可以帮助读者感知页面的当前状态，从而改善用户的互动体验。 cursor CSS属性设置鼠标指针在一个元素上时要显示的鼠标指针（如果有的话）。...网络应用中使用的图片一般由后端提供。你可能已经与后端开发者达成协议，将图片保持在一个固定的尺寸。然后你写下这样的代码。 设置图片的宽度和高度。这样，我们就不必担心后端返回的图片的大小。...如果在加载图片时出现了错误，那么我们可以通过 onerror事件给该元素添加一个样式，并使用404图片。

    97010

    基于 Hugo 搭建静态博客网站

    后端服务，这里主要分为两部分： 根路径(/)下的静态网站页面 /hello 路径下的客户端信息捕捉服务 DNS 域名注册与管理 在腾讯云上可以注册域名，并生成域名对应的 SSL 证书。...; error_page 404 /404.html; } } 后端服务效果 访问 https://bowenerchen.com/hello 访问 https://bowenerchen.com...要根据实际需求和页面布局设置合适的尺寸，避免图片变形或显示不完整。 社交图标参数：配置socialicons参数时，每个社交平台的name、title和url都要准确填写。...name通常是社交平台的名称，title是鼠标悬停时显示的提示文本，url是社交账号的链接。 图片设置 图片路径：imageurl参数指定的头像图片路径要准确。...hidden：如果设置为true，文章可能不会在正常的文章列表等位置显示，但可以通过直接访问URL等方式查看，常用于一些不希望公开展示但又需要保留的文章。 toc：是否生成文章的目录。

    806109

    如何使用Python中Django模板？

    每个后端都能接受各种选项。startproject设置了许多上下文处理器。我们将在后面文章中回到上文处理器的话题上来。 模板设置好之后，你就可以继续往下进行了！...他们通过重复大量相同的HTML实现，HTML是一种定义页面结构的超文本标记语言。这些页面使用相同的CSS（层叠样式表），层叠样式表是定义页面元素外观形状的样式。...即使有2000个从base.html扩展的页面， 改变样式表时依然是一行代码就可以改变整个站点。 这就是Django模板扩展系统的强大之处。 另一个复用的强大的工具是include的标签。...如果你创建一个表格（下一篇文章我们会学习到）并且有一个文本区域用户可以输入新行，如果当渲染用户数据时你想显示那些新行，linebreaks过滤器会非常有用。HTML默认不会显示换行的字符。...我们已经学习的以下内容： 如何设置你网站的模板 从视图中调用模板的方法 如何使用数据 如何处理逻辑 可用于模板的内置标签和过滤器 使用你自己的代码扩展定制模板

    5K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券