- 博客(27)
- 收藏
- 关注
RSS订阅原创 79.面向对象的创建方式有哪些？
1.字面量创建 var obj = { "属性名"：属性值 "方法名"：function(){} }2.使用new 关键字创建 var obj = new Object(); //给obj添加属性和方法 obj.name = "zs" obj.skill = function(){}3.工厂模式创建 function fun1(name,age){ //创建一个空对象
2022-10-07 21:25:57
57
1
原创 事件绑定和事件取消
事件绑定 标准浏览器 标签.addEventListener(事件类型(不加on),事件处理函数,是否捕获(false)) IE低版本 标签.attachEvent(事件类型(加on),事件处理函数)事件取消(解绑) 普通事件解绑 标签.事件类型 = null 事件绑定解绑 标准浏览器 标签.removeEventListener(要解绑的事件类型，要解绑的事件处理函数，是否捕获) IE低版本 标签.detachEVe
2022-10-07 21:22:40
278
原创 82.new操作符做了什么(构造函数的执行过程)
1.隐式创建了一个空对象，让this指向这个空对象2. 执行构造函数中的代码3. 将实例化对象的__ proto __ 指向构造函数的prototype4. 隐式返回对象
2022-10-07 21:21:11
68
原创 window.onload和$().ready的区别
onload: 原生js方法 先加载标签和资源 在加载window.onload中的js代码 重写会覆盖ready:先加载文档标签再加载ready函数中的js代码 重写不会被覆盖
2022-10-07 21:20:07
57
原创 Jquery如何操作属性、样式、内容1.属性
attr可以操作一切属性 但是建议值不要为true和false - 获取：Jquery对象.attr("属性名") - 设置：Jquery对象.attr("属性名","属性值") - 移除：Jquery对象.removeAttr("属性名") prop 操作固有属性 建议属性值为true和false - 获取：Jquery对象.prop("属性名") - 设置：Jquery对象.prop("属性名
2022-10-07 21:19:15
218
原创 Jquery如何事件绑定
1.Jquery对象.on(事件类型 事件处理函数)2.Jquery对象.one(事件类型 事件处理函数) 只绑定一次3.Jquery对象.事件类型(事件处理函数)
2022-10-07 21:16:32
126
原创 Jquery如何阻止事件冒泡和默认行为
// 阻止默认行为 事件对象 事件对象.preventDefault(); // 阻止冒泡 事件对象.stopPropagation(); //阻止冒泡+默认行为 return false
2022-10-07 21:15:34
218
原创 1、什么是响应式设计1
media screen and (max-width:1200px) { ... } /* 中型设备（台式电脑，1200px 以下） */@media screen and (min-width:1200px){ ... }/* 大型设备（大台式电脑，1200px 以上） */@media screen and (min-width:992px){ ... }/* 中型设备（台式电脑，992px 以上） *//* 小屏幕 768px-992px 屏幕宽度在768px以上显示的颜色*/...
2022-08-17 10:49:38
53
原创 3D变形：平移、旋转、缩放
什么是3d转换定义元素在三维空间移动、缩放、旋转3d坐标轴（图示）3D立体空间的3根轴线x轴：水平，向右为正，向左为负y轴：垂直，向下为正，向上为负z轴：垂直于屏幕，向外为正，向内为负1）3D必备属性transform-style: preserve-3d; 创建3d空间什么时候搭建3d舞台？父元素有3D变形，子元素也有3D变形perspective属性：景深（透视），属性值为透视点到元素的距离，近大远小；也可以让网页产生3D效果，单位像素一般取值：800px
2022-08-15 21:41:00
111
原创 三、CSS背景
CSS 背景属性用于定义 HTML 元素的背景，通过背景属性我们可以定义元素的背景颜 色、背景图片、背景图片的平铺方式和显示位置等。1、background-colorbackground-color 属性，设置元素的背景颜色。常用的值color_name 规定颜色值为颜色名称的背景颜色（比如 red）hex_number 规定颜色值为十六进制值的背景颜色（比如 #ff0000）。rgb_number 规定颜色值为 rgb 代码的背景颜色（比如 rgb(255,0,0)）。tra
2022-08-10 21:16:30
56
原创 4、容器属性——添加弹性容器上
flex-direction属性：设置主轴的方向，子元素的排列方向flex-direction: row; 默认值，主轴方向为水平方向，起点在左端flex-direction: row-reverse; 主轴方向为水平方向，起点在右端flex-direction: column; 主轴方向为垂直方向，起点在上方flex-direction: column-reverse; 主轴方向垂直方向，起点在下方justify-content 属性：设置主轴的对齐方式,弹性子元素在主轴方向上的对齐方
2022-08-09 22:25:59
64
原创 设置弹性盒子——display属性
display: flex; 将对象作为块级弹性伸缩盒显示display: inline-flex; 将对象作为内联块级弹性伸缩盒显示注意：将容器设置为flex布局之后，子元素中的float、clear、vertical-align属性都会失效弹性子元素-类似于行内块元素，如果不设置宽高，由内容撑开；即使是行内元素也可以设置宽高基本概念flex容器、项目——弹性子元素默认在容器中有两根轴线默认主轴方向——x轴方向，水平向右（左侧为主轴起点，右侧为主轴终点）默认交叉轴方向——y轴方
2022-08-09 22:24:01
269
原创 1、什么是弹性盒子？
弹性盒子是CSS3的一种新的布局模式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和空白空间的分配操作方便，布局简单，移动端使用广泛PC端浏览器支持情况较差IE11或更低版本中，不支持或部分支持在盒模型中较为灵活弹性盒模型的内容包括：弹性容器、弹性子元素——项目原理：为父元素设置flex属性，控制子元素的位置及排列方式应用场景 : 移动端...
2022-08-09 22:19:52
36
原创 html5里废弃的一些标签
● <acronym> 定义只取首字母缩写● <applet> 规定 Java applet 的文件名● <basefont> 定义文档中所有文本的默认颜色、大小和字体● <big> 呈现大号字体效果● <center> 标签控制文本的居中显示● <dir> <dir> 标签定义目录列表● <font> 标签规定文本的字体、字体尺寸、字体颜色● <frame> 标签定义 f
2022-08-02 21:30:46
160
原创 CSS块级格式化
概念BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box(块级标签)参与， 它规定了内部的Block-level Box(块级标签)如何布局，并且与这个区域外部毫不相干。通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。怎样生成BFC根标签（html标签）float的值不为noneoverflow 的值不为 visibledisplay 的值为 i.
2022-08-01 22:14:19
56
原创 【无阿里矢量图标(字体图标)标题】
网址：https://www.iconfont.cn/1.使用步骤1.登录阿里矢量图标网站2.搜索想要的图标且加到购物车3.点击右上角的购物车4.选择下载代码，下载完成后解压文件5.把下载的文件放到你的项目中6.引入iconfont.css文件或者iconfont.js文件使用三种方式：下载代码1、Unicode 方式引用Unicode 是字体在网页端最原始的应用方式，特点是：兼容性最好，支持 IE6+，及所有现代浏览器。支持按字体的方式去动态调整图标大...
2022-08-01 22:12:13
30
原创 css鼠标样式
通过在CSS中，cursor属性指定鼠标指针放在一个元素边界范围内时所用的光标形状常用值默认值：autodefault 通常是一个箭头text 显示为光标pointer 光标呈现为指示链接的指针（一只手）move 此光标指示某对象可被移动。其他值e-resize 此光标指示矩形框的边缘可被向右（东）移动。ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。n-resize
2022-07-28 13:25:19
1376
原创 页面的三大组成部分
结构：给页面搭建基本的框架结构。 html ，类比于建房子的时候要搭的地基跟钢筋。表现：页面的美化，装饰。 css 相当于给房子加背景和家具的排列布局。行为：页面的轮播图，返回顶部... javascript 相当于房子加灯的开关。结构层html和表现层css，是 W3C 制定的规范，万维网联名。行为层js，是 ECMA 制定的规范，欧洲计算机协会...
2022-07-26 09:22:42
348
原创 一、外边距问题及解决方法
1、兄弟关系外间距塌陷问题兄弟关系外间距塌陷问题 现象：元素呈并列关系，在垂直方向相邻的margin外间距相遇，会出现叠加现象； 两个值一样大，取当前值 两个值不同，取较大值 原因：并列关系的两个元素共用了一个外间距区域 解决办法： 分别给这两个元素套一个父元素，并为父元素设置overflow:'hidden' .box1 { width: 100px...
2022-07-24 13:06:56
184
原创 浮动的特性
浮动特性： 1.浮动元素脱离正常标准流不脱离文本流 2.浮动元素不占位，父级盒高度为零 3.如果浮动元素的宽度之和大于父元素，则浮动盒会被挤到下一行 4.使行级标签支持宽高 5.提升层级...
2022-07-24 13:04:53
40
原创 行级，块级，行内块
1、块级元素特性总结没有设置宽高的时候，宽继承父元素的宽度，高度由内容撑开默认独立成行——默认垂直布局具有盒模型特征（默认可以设置宽度、高度、padding、margin、border）可以设置上下左右的内边距和外边距。2、行内（行级）元素特性总结宽度默认由内容撑开高度默认由内容撑开默认横向显示——默认水平布局，相邻的行级元素会在同一行显示，直到一行排不下，才会换行换行和空格会被解析不能设置宽高只能设置左右的外边距，不能设置上下的外边距可以设置上下左右的内边距和边框。行内元素只能容纳
2022-07-21 16:00:57
126
转载 web入门
web前端因为入行的门槛比其他互联网技术要低一些，而且就业前景不错，因此成为近几年比较热门的一个岗位，也是不少人转行的首选。对于完全没有经验的新手来说，学习web前端找到正确的学习方法是非常重要的。作为新手学习web前端有哪些攻略可以供大家学习呢？不管学习什么，一定要打好基础。只有在开始把基础打得牢固，才能更深入的掌握新的技能。作为web前端的工程师，html，CSS，JAVA是必须掌握的基础技术。其实web前端和其他语言相比，入门的门槛并不是很高，它的学习是一个先快后慢的过程，这是和其他语言不同.
2022-07-18 08:44:35
86
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人