笔记
文章平均质量分 77
yanchGod
不急不缓 不骄不躁
展开
-
【apiDoc】写注释就能生成文档的工具
写注释就能生成文档的工具原创 2022-12-20 22:10:01 · 295 阅读 · 0 评论 -
原生Javascript(对象 函数 )—2_Sander_2020的博客—CSDN博客
对象什么是对象,其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。在ECMAScript中引用类型是一种数据结构。用于将数据和功能组织在一起,它也常被称做类,但ECMAScript中却没有这种东西。虽然ECMAScript是一门面向对象的语言。却不具备传统面向对象语言所拥有的类和接口等基本结构。万物皆对象,除了数字,字符,布尔这种绝对值以外的所有部分都是对象,对象是类的实例化体现,类是对象的抽象体现。对象是一个个体,他具备自身类的所有属性和方法。对象创建对象的属性和方法函数数原创 2020-11-20 11:34:39 · 259 阅读 · 0 评论 -
随机生成50个大小 颜色 位置都不同的div-Sander_2020的博客—CSDN博客
随机生成50个大小 颜色与位置都不同的div<script> var w,c;//定义生成div的宽高与颜色 init(); //声明init()函数 function init(){ //生成50个随机div for(var i = 0;i < 50; i++){ w =Math.random() * 50 + 50;//产生50(包含)~100(不包含)之间的随机数, c = randomColor();//调用randomColor()函数 c原创 2020-11-08 20:29:04 · 580 阅读 · 3 评论 -
利用原生js编写简单计算器-Sander的博客-CSDN博客
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> /*计算器盒子*/ .di原创 2020-10-30 17:26:33 · 2135 阅读 · 7 评论 -
原生Javascript(语言基础和流程控制语句)—1_Sander_2020的博客—CSDN博客
原生Javascript1本篇文章主要介绍js的语言基础及流程控制语句语言基础Javascript历史布兰登·艾奇(Brendan Eich,1961年~),1995年在网景公司,发明的JavaScript。JavaScript诞生于1995年。它当时的目的是为了验证表单输入的验证。一开始JavaScript叫做LiveScript,但是由于当时Java这个语言特别火,所以搭上Java的顺风车,就改名为JavaScript。同时期还有其他的网页语言,比如VBScript、JScript等等,但原创 2020-10-30 15:53:51 · 3009 阅读 · 3 评论 -
杂记(方法及属性补充)
补充opacity属性兼容写法:opacity:0.5 //取值范围0-1filter:alpha(opacity= 50); //取值范围:0—100 兼容ie8及以下的浏览器版本opacity会同时改变文字的透明度使用background:rgba(0,0,0,.5)可以避免该问题 取值范围0-1注意:加浮动内联元素会自动转为块元素 浮动、定位会使定义内联元素的宽高生效calc()函数 四则运算函数 实现不同单位之间的运算总结calc()使用: 必须加上单位 必原创 2020-09-24 22:09:51 · 256 阅读 · 0 评论 -
BFC_Sander_2020的博客-CSDN博客
BFCBFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域,只有Block-level box(块)参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。BFC的布局规则一、内部的Box会在垂直方向,一个接一个地放置。二、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠(按照最大margin值设置)三、每个元素的margin box的左边, 与包含块bord原创 2020-09-24 21:22:40 · 176 阅读 · 0 评论 -
兼容&图片整合&优化
图片整合(精灵图、css sprites、css精灵、雪碧图)把网站里面的小图标有规则的整合在一起,利用 background-position 改变背景图的位置,每个图标应用。优点: (1)CSS Sprites能很好地减少网页的http请求,从而大大的提高页面的性能,这是CSS Sprites最大的优点,也是其被广泛传播和应用的主要原因; (2)CSS Sprites能减少图片的字节; (3)CSS Sprites解决了网页设计师在图片命名上的困扰,只需对一张集合的图片命名,不需要对每一原创 2020-09-23 18:40:43 · 497 阅读 · 0 评论 -
PC端 宽高自适应问题
宽高自适应 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是pc自适应。自适应的优点: 元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。宽度自适应 元素宽度设置为100%。(块元素宽度默认为100%) 或者不设置宽度(width);(宽度是父元素的宽度)高度自适应1)自适应元素高度:height:auto;或者不设置;(是子元素撑开父元素的高度)2)元素高度自适应窗口高度原创 2020-09-21 22:56:03 · 1872 阅读 · 0 评论 -
盒模型_Sander_2020的博客-CSDN博客
标准盒模型盒模型是css布局的基石,它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白(填充)、边框、边界(外边距)这就是盒模型。PADDINGpadding用法:1:padding是在盒子里面,在盒子与内容之间。2:padding的作用:控制子元素在父元素里面的位置关系。3:padding会把盒子撑大。4:如果想让盒子保持原有的大小:在宽高基础上减掉。( 如果一个元素是被内容撑原创 2020-09-21 22:55:32 · 156 阅读 · 0 评论 -
定位_Sander_2020的博客-CSDN博客
CSS文档流CSS 有三种基本的定位机制:普通流、浮动流、定位流。POSTIONposition定位属性,检索或设置对象的定位方式position属性值static默认值。位置设置为 static 的元素会正常显示,它始终会处于文档流给予的位置(static元素会忽略任何 top、bottom、left或 right 声明)absolute相对于父级元素、的绝对定位,浮出、脱离布局流,它不占据空间,就是我们所说的层,其位置相对于最近的已定位父元素而言的位置,可直接指定原创 2020-09-21 22:54:29 · 102 阅读 · 0 评论 -
css属性_Sander_2020的博客-CSDN博客
CSS属性属性:属性是指定选择符所具有的属性,它是css的核心,css2共有150多个属性属性值:属性值包括法定属性值及常见的数值加单位,如25px,或颜色值等。文本属性1:文本大小 font-size说明: 1) 属性值为数值型时,必须给属性值加单位,属性值为0时除外。 2)单位还可以是pt,9pt=12px; 3)为了减小系统间的字体显示差异,IE Netscape Mozilla的浏览器制作商于1999年召开会议,共同确定16px/ppi为标准字体大小默认值,即1em.默认情况下,1原创 2020-09-21 22:53:44 · 214 阅读 · 0 评论 -
css基础_Sander_2020的博客-CSDN博客
cssCSS(cascading style sheet) 汉译为层叠样式表,是用于控制网页样式WEB标准中的表现标准语言,在网页中主要对网页信息的显示进行控制。目前推荐遵循的是W3C发布的CSS3.0版本;用来表现HTML或者XHTML等样式文件的计算机语言。1998年5月21日由w3C正式推出的css2.0HTML + CSS弥补html语言的不足缩减页面代码,提高访问速度;代码减少,页面文件就会小,占用网络带宽就少,客户端打开速度就快,用户体验就会更好结构清晰,有利于seo优化原创 2020-09-21 22:53:14 · 194 阅读 · 0 评论 -
html基础知识点_Sander_2020的博客-CSDN博客
WEB标准WEB标准是网页制作的标准,它不是一个标准,它是根据网页的不同组成部分生成的一系列标准。这些标准大部分由W3C起草发布,也有部分标准由ECMA起草发布(1)W3C( World Wide Web Consortium )万维网联盟,创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构;是专门负责网络标准制定的非赢利组织。制定了结构标准和样式标准;(2)ECMA:欧洲电脑网商联合会(厂商协会),制定了行为标准;计算机语言HTMLHTML 指的是超文本标记语言 (H原创 2020-09-21 22:52:44 · 172 阅读 · 0 评论