我先回家了-CSDN博客

原创 JavaScript有哪些方法定义对象

对象字面量 var obj={}；构造函数：var obj=new Object（）；Object create(): var obj = Object.create(Object.prototype)

2020-10-26 14:10:50 235

Tables的缺点1、Table要比其它html标记占更多的字节。(延迟下载时间，占用服务器更多的流量资源。)2、Table会阻挡浏览器渲染引擎的渲染顺序。(会延迟页面的生成速度，让用户等待更久的时间。)3、Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。(增加设计的复杂度，增加页面加载时间，增加HTTP会话数。)4、在某些浏览器中Table里的文字的拷贝会出现问题。(这会让用户不悦。)5、Table会影响其内部的某些布局属性的生效(比如里的元素的height:100%)(这会限制你

2020-09-17 10:01:59 1725

原创 es6 模块化机制

1.模块化机制index.js: 导出： window.getdata function getdata(){ //1. //2. //3. .... } getdata(url,) getdata(url,);outer.js: 导入： <script src="index.js"></script> <script src='jqeruy.js'></script> getdata(); 框架(jquery

2020-09-10 20:17:55 282

原创 es6（ecmascript 2015）

1.es6: 升级了一些属性和方法 2015年6月发布第一版本es6: （EcmaScript 2015）兼容性比较差：浏览器的兼容性更差编写： es6：效率更高 --》转换为es52.包管理机制node：模块化概念 myscript.js:包/模块 funciton Student(){} <script src=''></script> 框架（大）-〉包-》模块npm：node package manager: 官网部署在

2020-09-08 16:32:08 246

原创 npm重装

root@iZ2zecacx22uir8ou95g65Z:~# npm -v报错internal/modules/cjs/loader.js:968throw err;^Error: Cannot find module ‘…/lib/utils/unsupported.js’Require stack:/opt/node/lib/node_modules/npm/bin/npm-cli.jsat Function.Module._resolveFilename (internal/mod

2020-09-07 12:16:19 1890

原创 html canvas 画布

画布：canvas在页面上规划出一块空间，canvas标签，通过javascript控制画布完成绘制1.获取画布 var canvas=document.getElementById("");2.获取上下文对象（获取画笔） var cx=canvas.getContext("2d");3.设置画笔样式 cx.fillStyle='red'; cx.strokeStyle='blue';4.开始绘制绘制图形：1.矩形fillRect(x,y,w,h);:实心填充元素str

2020-09-03 19:42:54 183

原创 htmlAPI

媒体元素在HTML5问世之前，要在网络上展示视频，音频，动画，除了使用第三方自主开发的播放器之外，使用得最多的工具就是Flash,但是需要在浏览器上安装各种插件，并且有时速度很慢。HTML5新增了两个与媒体相关的标签，让开发人员不必依赖任何插件就能在网页中嵌入跨浏览器的音频和视频内容，这两个标签是 1. 嵌入视/音频：<video src=""></video><video src="" id="" width="640" height="360">视频播放器无

2020-09-03 19:37:23 316

转载 DOM对象和js对象以及jQuery对象

文章目录DOM对象和js对象以及jQuery对象的区别一、DOM对象二、JavaScript 对象三、jQuery对象jQuery对象和js对象区别：jQuery对象和js对象之间的相互转换DOM对象和js对象以及jQuery对象的区别一、DOM对象文档对象模型简称DOM，是W3C组织推荐的处理可扩展置标语言的标准编程接口。DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。通过DOM，可以访问所有的 HTML 元素，连同

2020-09-03 09:32:44 156

原创 jquery

jquery:1.介绍 jquery是js的一个框架封装了底层js2.特点轻量级：文件大小较小 argularjs（重量级框架）强大的选择器document.getElementsByTagName()类似css，并进行了扩展$("#one")//选择id为one的元素出色的dom封装和可靠的事件处理机制: 大部分jquery的方法返回值均为jquery对象 ie8: attachEvent 不污染顶级变量浏览器：

2020-09-02 13:57:39 271 2

转载 html测验小题目（来源于W3School）

1.HTML 指的是？您的回答：超文本标记语言（Hyper Text Markup Language）2.Web 标准的制定者是？您的回答：万维网联盟（W3C）3.在下列的 HTML 中，哪个是最大的标题？您的回答：<h1>4.在下列的 HTML 中，哪个可以插入折行？您的回答：<br>5.在下列的 HTML 中，哪个可以添加背景颜色？您的回答：<body bgcolor="yellow">6.请选择产生粗体字的 HTML 标签：您的回答：<b

2020-09-01 14:38:33 587

原创 Dom

文档对象模型，Document Object ModelDOM是针对HTML和XML文档的一个API（应用程序编程接口）,DOM描绘了一个层次化的节点树，允许开发人员添加，移除，修改页面的某一部分。1998年10月DOM1级规范成为W3C的推荐标准，为基本的文档结构以及查询提供了接口。但是要注意，IE中的所有DOM对象都是以COM对象的形式实现的。这意味着IE中的DOM对象与原生JavaScript对象的行为或活动特点并不一致。DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点分

2020-09-01 09:28:46 158

原创 Dom事件

文章目录事件事件三要素：1) 事件流1. 事件冒泡2. 事件捕获3. dom事件流2) 事件处理程序1. HTML事件处理程序2. DOM0级事件处理程序3. DOM2级事件处理程序3) 事件对象1. dom中的事件对象2. 冒泡4) 事件类型1. UI事件2. 焦点事件3. 鼠标与滚轮事件4. 相关元素,event特殊属性1.客户区坐标位置2.页面坐标位置3.屏幕位置4.修改键5.鼠标按钮5) 键盘与文本事件event.keyCode值大全事件javascript与HTML之间的交互是通过事件实现的。

2020-09-01 09:23:22 185 1

原创 Bom

文章目录BOM1.窗口位置2.窗口大小3.导航和打开窗口1)要加载的URL2)窗口目标,框架名3) 一个特定字符串4)表示新页面是否取代浏览器历史记录中当前加载页面的布尔值4.间歇调用和超时调用1) setTimeout();2) setInterval();3) 使用超时调用来模拟间歇调用4) setTimeout，setInterval配合完成调用函数5. 系统对话框BOM浏览器对象模型BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。BOM的核心对象是window，它表示浏

2020-09-01 09:12:16 135

原创布局外边距合并问题清除浮动特性

文章目录布局：1.display：2.浮动布局3.定位4.display：flex外边距合并问题：清除浮动特性：布局：默认文档流：元素默认所在浏览器中的位置从上到下，从左到右1.display： inline:将块级元素转换为行内元素 block：将行内元素转换为块级元素 inline-block：将当前元素转换为兼具行内和块级特性的元素2.浮动布局 float:left/right; 浮动属性不会遮盖文字对行内元素设置浮动，会让行内元素可以设置宽高属性对于块级元素设

2020-08-31 20:15:10 197

原创 CSS居中

如何让子元素在父元素中居中1.子元素为行内元素text-aligh：center；//水平居中line-heigt：height；//垂直居中2.子元素为块级元素给父元素设置 display：flex；just-content：center；//垂直居中align-items：center；//水平居中给子元素设置：margin：auto3.给父元素设置position定位属性，子元素绝对定位父元素：position：relative子元素：position：absolute

2020-08-31 19:54:05 322

原创 JavaScript Date函数

Date函数月份：0-11月new Date(参数) 0:当前时间整数/多个整数之间使用逗号隔开：设置当前时间 new Date(2017,06,08) new Date(2017,6,8) new Date(2017,6,8,8,9) 字符串： new Date

2020-08-26 15:35:38 536

原创 linux 笔记

day 1阿里云：服务器（远程电脑：unbuntu）linux:1>准备工作双系统虚拟机云服务器： unbuntu 16.042> linux特点 1〉性能强劲，稳定性高,常用于服务器 2》开源免费底层用C 3〉可以压缩成很小的系统 ,用来植入到一些硬件设备中 4》适合初学者建立编程思想 5〉文件系统 c:/userslinux: 目录 / :根目录

2020-08-21 14:01:59 190 1

原创 html 笔记

这里写自定义目录标题欢迎使用Ma1元素/标签：新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma1元素/标签：标签名称：不区分大小写成对出现的：开始标签内容结束标签

2020-08-20 19:42:30 253 1

原创 js函数

1、浏览器前缀？CSS3去兼容不同的浏览器，针对旧的浏览器做兼容，新浏览器基本不需要添加前缀。2、transition 过渡？transition-property : 规定设置过渡效果的CSS属性的名称。transition-duration : 规定完成过渡效果需要多少秒或毫秒。transition-delay : 定义过渡效果何时开始。 ( 延迟(数值为正数)，也可以提前(数值为负数) )transition-timing-function : 规定速度效果的速度曲线。

2020-08-17 09:01:41 117

原创 js数组

1、text-shadow:文字的阴影x y blur color注：阴影的默认颜色是跟文字样色相同注：通过逗号的方式进行分割，可以设置多阴影2、box-shadow：xyblurspreadcolorinset多阴影注：盒子阴影的默认样色是黑色。注：默认就是外阴影，如果设置outset不起作用，可选的值只有inset表示内阴影。3、mask 遮罩urlrepeatxywh多遮罩注：mask目前还没有标准化，所以需要添加浏览器前缀。注：默认是x、y都平铺。4

2020-08-17 09:00:22 153

原创 css

1.css层叠样式表css属性都是样式css不能脱离html单独存在 html搭建网页，木偶 css 美化页面，木偶化妆 js 动态效果，让木偶动起来 dom2.特点 1.css不能脱离html单独存在 2。大小写敏感 3.从上到下依次解析 4.没有容错性3.基础语法1.设置样式属性名和属性值用冒号隔开多对属性之间用分号隔开最后一对可不加分号2.如何将css用到html上 1.行内样式

2020-08-10 08:52:23 88

原创 html

1.什么是html? 超文本标记语言超文本：超越普通文本：插入图片/音视频/超链接... 标记语言：特点：本身不具有行为能力和逻辑能力，只能被读取 <div>1+1</div>2.特点1.从上到下，依次解析，2.大小写不敏感3.容错性 <div> <p></p> </div> <p></p> 3.基础语法1.空白语法 &lt

2020-08-10 08:49:38 125

原创低耦合高内聚

高内聚低耦合，概念：是软件工程中的概念，是判断软件设计好坏的标准，主要用于程序的面向对象的设计，主要看类的内聚性是否高，耦合度是否低。目的是使程序模块的可重用性、移植性大大增强。通常程序结构中各模块的内聚程度越高，模块间的耦合程度就越低。内聚是从功能角度来度量模块内的联系，一个好的内聚模块应当恰好做一件事，它描述的是模块内的功能联系；耦合是软件结构中各模块之间相互连接的一种度量，耦合强弱取决于模块间接口的复杂程度、进入或访问一个模块的点以及通过接口的数据。降低耦合度的方法1、少使用类的继承，多用接口

2020-07-30 23:47:30 248

原创 xhtml和html有什么区别

一、其基础语言bai不同1、XHTML是基du于可扩展标记zhi语言（daoXML）。2、HTML是基于标准通用标记语言（SGML）。二、语法严格程度不同1、XHTML语法比较严格，存在DTD定义规则。2、HTML语法要求比较松散，这样对网页编写者来说，比较方便。三、可混合应用不同1、XHTML可以混合各种XML应用，比如MathML、SVG。2、HTML不能混合其它XML应用。四、大小写敏感度不同1、XHTML对大小写敏感，标准的XHTML标签应该使用小写。2、HTML对大小写不敏感

2020-07-30 23:43:17 5058

abbb5的博客