前端
关注
分享
扫一扫
文章平均质量分 90
Isco也是O型腿
这个作者很懒，什么都没留下…
展开
-
JS基础深入(原型，call，包装类，闭包，正则)
JS基础深入原型原型 prototype定义：原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。就是函数的父亲，可以设置属性给函数通用每个函数都有一个prototype 属性，默认指向一个object空对象（即为：原型对象）。原型对象中有一个属性constructor，指向函数对象隐式原型__proto__对象的__proto__属性：创建对象时自动添加，内部代码，默认值（指向值）为构造函数的原创 2021-04-15 20:43:09 · 141 阅读 · 0 评论 -
Ajax基础
Ajax基础简介特点优点：可以无需刷新页面而与服务器进行通信允许根据用户事件来更新部分页面内容缺点：没有浏览历史，不能回退存在跨域问题seo不友好工作原理Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax引擎自己来做,，只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。浏览器的普通交互方式浏览器的Ajax交互方式原创 2021-04-13 10:36:42 · 560 阅读 · 0 评论 -
js进阶（client，scroll，轮播图）
元素可视区client元素滚动系列scrollscroll相比client，是实际内容大小，即包含超出边框的部分案例：返回顶部按钮的多样化设置，在顶部时不显示，开始滑动则显示，滑到底部时，开始页面滑动。（这是一个实体大案例的一小部分，所以css样式不放出来，就是设置成返回顶部的普通样式，此处只摆关键js代码）// var line = document.querySelector('.picture');// var height = line.offsetTop// 用以上方法可计算出到达原创 2021-04-11 17:15:02 · 149 阅读 · 0 评论 -
js进阶（BOM-网页坐标，窗口偏移实现案例）
BOMBOM概述bom即为浏览器对象模型，提供了独立于内容而与浏览器窗口进行交互的对象，核心对象是windows，windows是最大的，所以BOM包含DOM常见事件窗口加载事件等页面加载完再执行的事件，包含页面dom元素，即整个dom树加载完毕。所以不存在命名调用的顺序。DOMConteneLoaded是DOM元素加载完毕，不包含图片，flash等就可以执行，速度更快调整窗口大小事件窗口大小发生像素变化，就会触发该事件，即有些页面放大缩小就会改变样式。一般用来完成响应式布局。wind原创 2021-04-07 22:40:55 · 418 阅读 · 0 评论 -
js进阶（事件对象）
事件高级注册事件传统方式方法监听注册方式监听对象.addEventListener（）是一种方法。同一元素同一时间注册多个事件。addEvenListener（type，listener，useCapture） btn[1].addEventListener('click',function(){ alert('牛逼') }) btn[1].addEventListener('click',function(){ ale原创 2021-04-07 13:01:08 · 125 阅读 · 0 评论 -
js中级笔记（节点操作）
JS进阶现在的内容是可以实现web交互。API时微程序员提供的一个接口，帮助实现某种功能。web API主要针对浏览器提供的接口，主要针对做交互。web API一般有输入和输出，很多都是方法。DOM简介：文档对象模型，是可拓展HTML的标准编程接口DOM树所有标签都是元素，所有内容都是结点。文档，元素，节点都是对象。获取元素根据ID获取getElementById(‘id’);返回一个匹配id的元素。id必须是字符串。根据标签名获取getElementByTagN原创 2021-04-06 13:10:02 · 263 阅读 · 0 评论 -
慕课静态页面制作周记
慕课静态页面临摹制作周记第一周周记3.13日记今天是工作第一天，一个中午弄好了顶部导航栏，但是功能不完善，下载二维码和课程没有显示出来，搜索框的文字鼠标点击时也没有置空，登陆的鼠标悬停变色没有原页面的渐变效果。但也解决了一些bug。导航栏注意点：一般用li包含链接（li+a）1.语义更清晰，有条理2.直接用a，搜索引擎容易辨别为堆砌关键字嫌疑bug：在设置搜索框（提交按钮）时，点击会有原本的框出现。解决方案：outline：none/* 取消选中时的文本框 */bug：制作左侧选课原创 2021-03-29 22:13:41 · 304 阅读 · 0 评论 -
JS入门基础知识（语法，数据类型，对象）
JS基础JS用处JS组成： ECMAScript(JavaScript语法)、DOM(文档对象模型)、BOM(浏览器对象模型)JS书写有3种不同的书写位置 <!-- 外部 --> <script src="m.js"> // 内嵌式的js alert('1254') </script><!-- 行内式的js，直接写到元素内部 --> <input type="butt原创 2021-03-25 23:48:32 · 320 阅读 · 0 评论 -
CSS基础（零散补充知识点）
CSS基础伪元素选择器：：before ：：after，在css中插入新盒子，content为输出内容动画序列通过多个节点精确控制一个或一组动画，常用来实现复杂的动画效果。相比过渡，动画可以实现更多变化，更多控制，连续自动播放等效果。制作动画分两步：定义动画 @keyfram 动画名称{ 0%{ } 100%{ }} 0为初始状态，100为介绍状态。（from to也可以）2. 调用动画div{ animation-name:动画名称原创 2021-03-24 15:45:02 · 125 阅读 · 0 评论 -
CSS基础（阴影，浮动，属性顺序）
CSS圆角边框CSS3中，新增圆角边框，盒子可以变圆角border-radius：..px/*也可以是百分比*//*圆角矩形做法：设置为高度的50%*/简写属性：上左 上右 下右 下左（以左上为上，类似padding）CSS盒子阴影用box-shadow为盒子添加阴影默认外阴影outset，但不可以写这个单词，否则阴影无效。盒子阴影不占空间，不会影响其他盒子布局。拓展：鼠标经过盒子时才显示阴影，结合之前的案例.box:hover{ box-shadow原创 2021-03-12 20:05:09 · 317 阅读 · 0 评论 -
CSS盒子模型
CSS盒子模型边框border<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> &l原创 2021-03-11 11:17:57 · 138 阅读 · 0 评论 -
CSS基础（复合选择器-三大特性）
CSS基础Emmet语法快速生成HTML如果想快速生成多个标签，直接*n。div*3????<div></div><div></div><div></div>如果有父子级关系的标签，用>ul>li????<ul> <li></li></ul>兄弟级，用+div+p????<div></div><p原创 2021-03-07 17:51:22 · 528 阅读 · 0 评论 -
CSS基础（改变样式）
CSS基础（改变样式）简介HTML具有局限性，只能做出页面大致框架，但很丑，css可以起美化作用。CSS是层叠样式表的简称。主要用于设置HTML页面中的文本内容（字体，大小，文本样式等），图片的外形以及版面的布局和外观形式样式。CSS语法规范CSS的规则有两个主要部分构成：选择器和声明。/*写在head里*/<style> /* 选择器样式 */ h4 { color: red; font-size:原创 2021-03-05 19:32:40 · 331 阅读 · 2 评论 -
HTML基础（表格-表单）
标签补充内容预格式化文本pre标签元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。格式化文本就是 ，按照我们预先写好的文字格式来显示页面， 保留空格和换行等。特殊字符特殊字符直接输入不可显示XHTMLXHTML 指「可扩展超文本标签语言」（EXtensible HyperText Markup Language）。XHTML 的目标是取代 HTML。XHTML 与 HTML 4.01 几乎是相同的XHTML 是更严格更纯净的 HTML 版本XHTML 是作为一种 XML原创 2021-03-03 21:14:58 · 320 阅读 · 2 评论 -
HTML基础（web到HTML标签）
HTML基础（web到HTML标签）一、认识WEB「网页」主要是由文字、图像和超链接等元素构成，当然除了这些元素，网页中还可以包括音频、视频以及Flash等。「浏览器」是网页显示、运行的平台。「浏览器内核」(排版引擎、解释引擎、渲染引擎)Web标准「构成」???? 结构标准，表现标准和行为标准结构标准用于对网页元素进行整理和分类(HTML)表现标准用于设置网页元素的版式、颜色、大小等外观属性(CSS)行为标准用于对网页模型的定义及交互的编写(JavaScript)「Web标准的优点」??原创 2021-02-26 16:22:43 · 232 阅读 · 0 评论