- 博客(26)
- 收藏
- 关注
原创 闭包_Trim
若是已经声明了一个全局变量,再以相同的关键字和标识符重新声明全局变量,后者的赋值会替代前者的赋值。特别是在多人协作时,若大量使用全局变量,全局变量的这种行为会降低程序的可靠性。降低JavaScript变量污染的核心就是减少全局变量,基于这个理念,可以将在脚本中创建一个全局变量,作为当前应用的唯一接口,然后通过对象直接量的形式包含所有应用程序变量。函数套函数,并把内部函数return,内部函数可以访问外部函数的作用域,跨域访问变量,内部函数可以访问外部函数的变量,一级级向上找。优点:不会造成变量污染。
2023-03-09 22:56:46
180
原创 CSS后代选择器
CSS后代选择器样式针对div进行设置,例如将页面首部header中的内容部分inner居中则可通过后代选择器,先找容器,空格隔开,然后再添加指定元素即可。
2022-07-25 11:27:57
1833
原创 CSS网页布局
目录头部区域菜单导航区域内容区域底部区域CSS网页布局区域有头部区域,菜单导航区域,内容区域和底部区域头部区域头部区域位于整个网页的顶部,一般用于设置网页的 logo和标题等等。.header { background-color: #f28f16; padding: 40px; text-align: center;}菜单导航区域菜单导航区域包含一些链接,以引导用户浏览其他页面。.topnav { overflow: hidden;
2022-05-06 22:12:09
540
原创 JavaScript实现警告框
先弹弹窗后显示页面<!DOCTYPE html><html><body><h1>一个页面</h1><p>一段文字</p><script>window.alert("欢迎来到该页面!!");</script></body></html>点击按钮弹出弹窗<!DOCTYPE html><html>&.
2022-05-02 23:09:24
3815
原创 如何创建并调用js文件
创建首先,新建一个txt文件更改后缀名为js点击另存为创建成功调用<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JavaScript</title> </head><body><p id="registerN">登录失败</p><button type="but
2022-05-01 14:54:07
2739
6
原创 JavaScript基础功能代码实现
目录HTML,CSS,JavaScript基础代码实现JavaScript:直接写入HTML输出流JavaScript:改变HTML内容JavaScript:对事件的反应HTML,CSS,JavaScriptHTML定义网页的内容CSS描述网页的布局JavaScript控制网页的行为JavaScript是脚本语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。基础代码实
2022-05-01 14:22:19
1965
2
原创 前端垂直导航栏
样例代码<!DOCTYPE HTML><html><head><style type="text/css"> .nav {background-color: #f1f1e6;}.nav ul {margin: 0;padding: 0;line-height: 2em;}.nav a {display: block; width: 8em; text-align: center;text-decoration:
2022-04-25 19:30:06
49691
1
原创 CSS布局与定位——盒子模型
目录盒子模型总讲样式属性概述border属性padding和margin属性overflow属性边框中插入图片盒子模型总讲页面中的所有元素都可以看成一个盒子,占据着一定的页面空间。网页页面上的区域、图片、导航、列表、段落等都可以是盒子。 一个盒子的实际宽度、高度:content+padding+border+margin。<!DOCTYPE html><html>...
2022-04-20 17:29:37
299
1
原创 CSS:水平居中
目录水平居中行内元素水平居中块级元素水平居中水平居中前端中设置居中布局极为常见,其中,行内元素水平居中和块内元素水平居中两种运用较多,也较为基础,如何实现该布局,让我们一起来学习一下。行内元素水平居中利用text-align: center可以实现在块级元素内部的行内元素水平居中。该方法对行内元素(inline),行内块(inline-block),行内表(inline-table),inline-flex元素水平居中都适用。<!DOCTYPE html&g
2022-04-18 19:43:08
227
1
原创 HTML+CSS导航栏及下拉菜单的实现
导航栏是位于页面顶部或者侧边区域的,在页眉横幅图片上边或下边的一排水平导航按钮,起着链接站点或者软件内的各个页面的作用。关于位于页面顶部的导航栏究竟是如何实现的,希望下面的代码可以对朋友们有帮助。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>书香之家</title> <style type="text/c
2022-04-18 12:20:13
25730
7
原创 html界面跳转
在新窗口打开 <a href="" target="_blank">网页名称</a>在当前窗口打开<a href="" target="_self">网页名称</a>
2022-04-16 16:01:30
496
原创 HTML<img>标签
目录标签介绍标签应用标签属性<img>标签介绍<img> 标签定义 HTML 页面中的图像。<img> 标签有两个必需的属性:src 和 alt。从技术方面来看,图像不是直接插入 HTML 页面中,而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。<img>标签应用 <img src="E:\forest.jpg" alt="森林">若因某些错误导致
2022-04-05 17:44:31
727
1
原创 CSS内容汇总
目录概述CSS添加方法行内式内嵌式外联式CSS样式优先级CSS选择器CSS选择器类型标签选择器类选择器ID选择器CSS选择器应用嵌套声明集体声明全局声明混合应用概述CSS:Cascading Style Sheets层叠样式CSS 是一种描述 HTML 文档样式的语言, CSS 描述应该如何显示 HTML 元素。HTML用来显示网页内容,CSS用来设定内容样式。相同的HTML,不同的CSS,会有不同的显示效果。网页...
2022-01-02 23:19:13
480
原创 HTML链接
目录语法属性target属性name属性语法<a href="url">...</a><a href="资源地址">超级链接文字</a><a>表示一个链接的开始(定义锚),</a>表示一个链接的结束。href 属性规定链接的目标。开始标签和结束标签之间的文字被作为超级链接来显示。<a href="https://www.youkuaiyun.com/">优快云</a>显示.
2021-12-28 20:47:13
362
原创 HTML列表与表格
目录列表无序号列表序号列表定义性列表表格表格的基本结构表格的标题表格尺寸设置表格的大小边框尺寸设置格间线宽度内容与格线间的宽度表格内文字的布局跨多行、多列的表元表格的颜色列表列表分类:无序号列表,序号列表,定义性列表无序号列表无序号列表使用标签<ul></ul>,每一个列表项前使用<li>。序号列表序号列表使用标签<ol></ol>,每一个列表项前使用<
2021-12-26 22:07:13
634
原创 HTML标签及页面布局
目录HTML标签分类页面布局及文字设计标题布局常用标签文字样式设置文字字形标签HTML标签分类单标签 例:<br>双标签 例:<h1>字号</h1>属性标签 例:<font color="red" size=2>页面布局及文字设计标题<h1> 一级标题<h2> 二级标题<h3> 三级标题<h4> 四级标题<h5>...
2021-12-25 20:57:54
1658
3
原创 CoppeliaSim物体碰撞与基座问题
文章目录一、物体碰撞 二、基座问题 1.引入库 2.读入数据 一、物体碰撞物体与物体间是否碰撞,与物体本身的碰撞属性相关,接下来我们通过设置物体的碰撞属性来研究此类问题。情况一:物体相碰二、使用步骤1.引入库代码如下(示例):import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import war...
2021-10-20 12:24:42
1207
1
原创 CoppeliaSim模型插入与平移旋转操作的实现
在仿真软件CoppeliaSim中实现模型插入操作:方法一:在Model browser中选择想要插入的模型,拖动到桌面上即可。方法二:插入规则模型,以正方体为例。(1)在菜单栏中点击Add中的Primitive shape,在里面选择想要插入的模型,我们以正方体(Cuboid)为例。(2)进入Primitive shape后,点击Cuboid。点击OK,插入效果预览:在仿真软件CoppeliaSim中实现模型平移旋转操作:一.平移操作(1)选择桌面上..
2021-10-19 14:13:17
1561
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人