- 前端没兴起之前，网页的展示大都是后端渲染，也就是服务器渲染。 随着前端行业的发展，前端的工作越来越精细。前后端开始分离，前端只关注ui渲染。后端只提供数据和进行逻辑处理。 简单的解释，前端写好html模板，让后端直接填数据，这就是后端渲染。 前端渲染是，通过ajax请求接口返回的数据，将数据渲染出来。后端只写接口，分工更明细。 前端渲染： 指的是后端返回JSON数据，前端... 前端没兴起之前，网页的展示大都是后端渲染，也就是服务器渲染。 随着前端行业的发展，前端的工作越来越精细。前后端开始分离，前端只关注ui渲染。后端只提供数据和进行逻辑处理。 简单的解释，前端写好html模板，让后端直接填数据，这就是后端渲染。 前端渲染是，通过ajax请求接口返回的数据，将数据渲染出来。后端只写接口，分工更明细。 前端渲染： 指的是后端返回JSON数据，前端...
- 使用d3创建 panel插件 简介 本文讲解如何使用d3创建一个panel插件 如何创建panel插件参考第本系列文章-第一篇 为了简化说明，重新修改SimplePanel.tsx文件，初始化成如下： import React from 'react'; import { PanelProps } from '@grafana/data'; import { SimpleO... 使用d3创建 panel插件 简介 本文讲解如何使用d3创建一个panel插件 如何创建panel插件参考第本系列文章-第一篇 为了简化说明，重新修改SimplePanel.tsx文件，初始化成如下： import React from 'react'; import { PanelProps } from '@grafana/data'; import { SimpleO...
- 一、题目内容 有一幅以二维整数数组表示的图画，每一个整数表示该图画的像素值大小，数值在 0 到 65535 之间。 给你一个坐标 (sr, sc) 表示图像渲染开始的像素值（行 ，列）和一个新的颜色值 newColor，让你重新上色这幅图像。 为了完成上色工作，从初始坐标开始，记录初始坐标的上下左右四个方向上像素值与初始坐标相同的... 一、题目内容 有一幅以二维整数数组表示的图画，每一个整数表示该图画的像素值大小，数值在 0 到 65535 之间。 给你一个坐标 (sr, sc) 表示图像渲染开始的像素值（行 ，列）和一个新的颜色值 newColor，让你重新上色这幅图像。 为了完成上色工作，从初始坐标开始，记录初始坐标的上下左右四个方向上像素值与初始坐标相同的...
- 前言 严寒酷暑，晚上进入理发店准备剪头时翻开班群消息。 勾起了我的兴趣，理发店人有点小多，回去瞅瞅吧。因为知道B站技术还是不错的。可能有难度。 分析 抱着看一看，玩一玩的态度，开始B站分析之旅。由于时间精力有限，不做太详细说明。B站的信息。第一想到肯定不可能直接渲染,只有比较old的网站现在才会渲染到html。我想他的数据肯定时js渲染或者a... 前言 严寒酷暑，晚上进入理发店准备剪头时翻开班群消息。 勾起了我的兴趣，理发店人有点小多，回去瞅瞅吧。因为知道B站技术还是不错的。可能有难度。 分析 抱着看一看，玩一玩的态度，开始B站分析之旅。由于时间精力有限，不做太详细说明。B站的信息。第一想到肯定不可能直接渲染,只有比较old的网站现在才会渲染到html。我想他的数据肯定时js渲染或者a...
- Vue+iVIew项目开发过程中，需要实现页面根据html格式的字符串，在页面中解析的效果。 例如 let htmlStr='<div style="font-size=16px">我是小标题</div>' 页面中显示效果如下： 我是小标题 主要是在render()函数中实现,示例代码如下： { title: "标题", ke... Vue+iVIew项目开发过程中，需要实现页面根据html格式的字符串，在页面中解析的效果。 例如 let htmlStr='<div style="font-size=16px">我是小标题</div>' 页面中显示效果如下： 我是小标题 主要是在render()函数中实现,示例代码如下： { title: "标题", ke...
- #Python进阶(五十三)-Flask Web来发实现将表单渲染成HTML 在利用Flask进行Python Web开发时，页面中的wtf.quick_form(form)函数中的参数form是如何与视图函数中的form变量关联起来的？即Flask是如何将表单渲染成HTML的？下面以实例的形式进行问题求解。 在视图函数views.py中： 将相应的表单类... #Python进阶(五十三)-Flask Web来发实现将表单渲染成HTML 在利用Flask进行Python Web开发时，页面中的wtf.quick_form(form)函数中的参数form是如何与视图函数中的form变量关联起来的？即Flask是如何将表单渲染成HTML的？下面以实例的形式进行问题求解。 在视图函数views.py中： 将相应的表单类...
- 当 Vue.js 用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。 key的两种应用场景 在列表渲染时使用key属性 假设Vue实例的data属性中有一个叫numbers的变量，它的值是[1, ... 当 Vue.js 用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。 key的两种应用场景 在列表渲染时使用key属性 假设Vue实例的data属性中有一个叫numbers的变量，它的值是[1, ...
- 在组件的整个生命周期中，随着该组件的props或者state发生改变，其DOM表现也会有相应的变化。 一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。 一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。 React应用中，组件加载顺序及生命周期如下图所示： constructor( ) constructor是ES6对类的默认方法... 在组件的整个生命周期中，随着该组件的props或者state发生改变，其DOM表现也会有相应的变化。 一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。 一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。 React应用中，组件加载顺序及生命周期如下图所示： constructor( ) constructor是ES6对类的默认方法...
- 一、key的作用 作为一个DOM节点的标识值，结合Diff算法可实现对节点的复用。(key相同的节点会被复用。) 只有当key(或其他导致isSameNode判断为false)发生改变时，才会触发节点的重新渲染。否则Vue将会复用之前的节点，通过改变节点的属性来实现节点的更新。 二、key使用id与index的区别 不推荐使用index作为key，因为这种做法会导... 一、key的作用 作为一个DOM节点的标识值，结合Diff算法可实现对节点的复用。(key相同的节点会被复用。) 只有当key(或其他导致isSameNode判断为false)发生改变时，才会触发节点的重新渲染。否则Vue将会复用之前的节点，通过改变节点的属性来实现节点的更新。 二、key使用id与index的区别 不推荐使用index作为key，因为这种做法会导...
- 由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。 无论是组件本身的数据变更，还是从父组件接收到的 props 或者从vuex里面拿到的数据有变更，都会触发虚拟 DOM 重新渲染和打补丁，并在之后调用 updated。 有个值得注意的地方，举例说明： 例子 <template> <div> <div v-for... 由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。 无论是组件本身的数据变更，还是从父组件接收到的 props 或者从vuex里面拿到的数据有变更，都会触发虚拟 DOM 重新渲染和打补丁，并在之后调用 updated。 有个值得注意的地方，举例说明： 例子 <template> <div> <div v-for...
- AngularJS进阶(四十二)ng-options渲染的第一项为空的解决办法 现象 我们在使用ng-options时，如果首次使用，可能会在渲染完成后发现下拉列表的第一项为空，并且我们在选择一项之后，为空的第一项已经消失了，这样用户体验上来说很不好。 原因 原因就在于：我们使用ng-options的时候，是配合模型指令ng-model一起使用的，从而我... AngularJS进阶(四十二)ng-options渲染的第一项为空的解决办法 现象 我们在使用ng-options时，如果首次使用，可能会在渲染完成后发现下拉列表的第一项为空，并且我们在选择一项之后，为空的第一项已经消失了，这样用户体验上来说很不好。 原因 原因就在于：我们使用ng-options的时候，是配合模型指令ng-model一起使用的，从而我...
- 在开发前端项目过程中，解决适配性、兼容性问题是经常遇到且费事费力的苦差事，尤其是在开发Vue项目，应用部署在IE（尤其是IE9）上的时候。 在进行动态展示（根据后台返回的表头、表数据展示）搜索结果时，会遇到搜索结果适配屏幕宽度或高度，但是却会出现纵向或横向滚动条的现象，通过F12调试页面元素，会发现动态的增删overflow:auto元素属性，会解决以上问题。由此可知... 在开发前端项目过程中，解决适配性、兼容性问题是经常遇到且费事费力的苦差事，尤其是在开发Vue项目，应用部署在IE（尤其是IE9）上的时候。 在进行动态展示（根据后台返回的表头、表数据展示）搜索结果时，会遇到搜索结果适配屏幕宽度或高度，但是却会出现纵向或横向滚动条的现象，通过F12调试页面元素，会发现动态的增删overflow:auto元素属性，会解决以上问题。由此可知...
- Shader是什么，Canvas可以绘制图形（圆形、弧形、矩形等），Shader是为这些图形着色的，改变这些图形外观的，例如在一个圆形上将图片贴在圆形上，就可以实现圆形头像控件，在这里BitmapShader改变了圆形这个图形的外观，将图片内容附着到了图形上面。Shader不只有BitmapShader，它总共包括如下Shader：BitmapShader、LinearGra... Shader是什么，Canvas可以绘制图形（圆形、弧形、矩形等），Shader是为这些图形着色的，改变这些图形外观的，例如在一个圆形上将图片贴在圆形上，就可以实现圆形头像控件，在这里BitmapShader改变了圆形这个图形的外观，将图片内容附着到了图形上面。Shader不只有BitmapShader，它总共包括如下Shader：BitmapShader、LinearGra...
- 简单介绍 目前在JavaEE领域有几中比较常用的模板引擎，分别是Jsp、Velocity、Freemarker、Thymeleaf，对Freemark语法不是特别熟悉，不过对于前端页面渲染效率来说，jsp其实还是最快的，Velocity次之。Thymeleaf虽然渲染效率不是很快，但是语法方面是比较轻巧的，Thymeleaf语法比Velocity轻巧，但是渲染效率不如V... 简单介绍 目前在JavaEE领域有几中比较常用的模板引擎，分别是Jsp、Velocity、Freemarker、Thymeleaf，对Freemark语法不是特别熟悉，不过对于前端页面渲染效率来说，jsp其实还是最快的，Velocity次之。Thymeleaf虽然渲染效率不是很快，但是语法方面是比较轻巧的，Thymeleaf语法比Velocity轻巧，但是渲染效率不如V...
- “不要重复发明轮子”，很多开发者在新入行不久，就经常会被这样叮嘱：这个世界上程序员已经太多，遇到的问题已经够多，而解决方案层出不穷。你走过的路，跳下的坑，已经有无数的先驱在你之前路过，跳过。 所以在做技术选择的很多时候，你不需要自己从头去实现一个东西，就可以在现实世界中找到现成的趁手的利器，小到一个类库，工具，大到一个框架，平台，来满足自己的“需求”。你以为你看到了***的风景，后面是... “不要重复发明轮子”，很多开发者在新入行不久，就经常会被这样叮嘱：这个世界上程序员已经太多，遇到的问题已经够多，而解决方案层出不穷。你走过的路，跳下的坑，已经有无数的先驱在你之前路过，跳过。 所以在做技术选择的很多时候，你不需要自己从头去实现一个东西，就可以在现实世界中找到现成的趁手的利器，小到一个类库，工具，大到一个框架，平台，来满足自己的“需求”。你以为你看到了***的风景，后面是...
上滑加载中
推荐直播
-
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中 -
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-道通无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
即将直播
热门标签