×

html5

【高德地图入门】--- 绘制点(高德地图路线绘制)

王亚楠 王亚楠 发表于2024-05-16 浏览5622 评论0
高德地图内置了许多遮盖物的api,今天主要就是讲解常用的点,线,面的绘制方法 点的绘制相对简单,只需要一个坐标值即可,例: [ 116.396783,39.894813 ] 创建地图 为了更好的展示点的绘制,我们需要先创建一个地图对象 <body> <div id="container"></div> </body> const map = window.map = new AMap.Map("contai

html5教程

React(四)React生命周期、发送网络请求、跨域处理

网站开发 网站开发 发表于2024-05-16 浏览86778 评论0
目录 一、react 生命周期 二、发送网络请求 一、react 生命周期         组件的生命周期是指组件从创建到最终的销毁的整个过程,在这个过程中有一些重要的、关键的时间点可以触发对应的函数,这些函数被称为钩子函数。         通用的组件的一个周期为 创建 -> 挂载 -> 更新 -> 销毁,框架不同具体实现也不同。         举例:点击按钮,通过一个变量的改变来控制组件的显示(渲染)与隐藏。 import React, { Compone

html5

HTML5画布(canvas)绘制图形

玉灵子 玉灵子 发表于2024-05-16 浏览5247 评论0
<canvas>标签 canvas 元素用于在网页上绘制图形 canvas 是 HTML5 新增的元素,可用于通过使用JavaScript中的脚本来绘制图形。 默认情况下它在网页上是一块空白区域,默认大小300*150 注意:canvas画布默认背景色为透明色,可以自行定义背景色 使用html5的<canvas>标签在网页中创建一个画布,语法格式如下: <canvas id="canvas" width="500" height="500

css3

animate动画库的使用步骤

Alkam(Bara-Bara) Alkam(Bara-Bara) 发表于2024-05-15 浏览5703 评论0
一、简介 辅助我们实现页面的的一些动画效果,比如抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等。不需要我们自己写jq代码,该库都封装好了,我们只需要引用并调用就行,大大降低了我们的工作量。 二、获取地址 官网:http://www.animate.net.cn/ 下载文件地址(下方是使用方法):https://www.dowebok.com/98.html 查看效果

CSS文章/教程

web前端面试题(必背面试题)(web前端面试题汇总)

愿林 愿林 发表于2024-05-15 浏览9043 评论0
css系列 面试官:说说你对盒子模型的理解 一、是什么 所有元素都可以有像盒子一样的平面空间和外形 一个盒子由四部分组成:context ,padding,margin,border content:实际内容,显示文本和图像 padding:内边距,清除内容周边的区域,内边距是透明的,不能取负值,受盒子的background属性影响 margin:外边距,在元素外创建额外的空白,空白通常指不能放其他元素的区域 下面来段代码: <style> .

html5教程

HTML5 考试题(一)

我的 我的 发表于2024-05-15 浏览10640 评论0
一、单选题(共30题,每题2分) 1.下面关于外部样式表的说法错误的是 A文件扩展名为 .cs B外部样式表内容不需要使用<style>标签 C使用<link>标签引入外部样式 D使用外部样式表可以使网站更加简洁,风格保持统一 正确答案: A 解析:文件扩展名为 .css 2.下列在HTML文档中插入样式表的方式,优先级最高的是 A外部样式表 B内部样式表 C层叠样式表 D内联样式表 正确答案: D 解析:样式表的优先级: 内联样式表的优先级

elementui

Vue3+Element-Plus 实现左侧菜单折叠与展开功能 二七

longhuahim longhuahim 发表于2024-05-15 浏览10532 评论0
1.最终实现的效果图 2.  实现左侧菜单折叠与展开功能步骤 2.1 首先应该在菜单顶部放一个折叠展开的按钮条  2.2 接下来,画按钮条UI结构,实现折叠与展开功能 1. 在侧边栏内部,在侧边栏菜单区域之前,放置一个DIV。  2. 在该DIV上面添加文本,通过点击该DIV,触发菜单折叠与展开  3.通过类选择器,为该DIV 添加相关样式 .toggle-button{ // 添加背景颜色 background-color: #4A5064; //

css

CSS基本布局——grid布局(css grid 布局)

小海 小海 发表于2024-05-15 浏览13944 评论0
grid布局简介: Grid布局是将容器划分成“行”和“列”,产生单元格,然后指定“项目所在”的单元格,可以看作是二维布局。 基本概念: 容器(container)——有容器属性 项目(items)——有项目属性 行(row) 列(column) 间距(gap) ——单元格之间的距离 区域(area)—— 自己划分每个单元格占据的区域 内容(content) 容器属性 grid-template-columns:设置每一列的宽度,可以是具体值,也可以是百分比 grid-tem

css3

OpenLayers - 加载静态图片(十二)(openlayers 加载矢量图层)

小调 小调 发表于2024-05-15 浏览5880 评论0
简介 本文讲解,如何使用OpenLayers在载静态图片上添加标记,预览图片。主要使用ol.source.ImageStatic用于显示单个静态图像的图层源。使用OpenLayers的好处有,地图的放大、缩小等view视图功能都可以使用,根据地理坐标绘制标注也能很好的使用,对于演示而言,无疑加快了开发效率。 开始使用 初始化地图 <!DOCTYPE html> <html lang="en"> <head> <meta char