- 博客(21)
- 收藏
- 关注
RSS订阅转载 Javascript代码优化的8个知识点
松耦合：当修改一个组件而不需要更改其他组件时，就做到了松耦合1、将JS从CSS中抽离：不要使用CSS表达式//不好的做法.box{width: expression(document.body.offsetWidth + ‘px’)}2、将CSS从JS中抽离：通过JS修改CSS样式时，使用className或classList，不要逐条修改style样式(1).//不好的做法一ele...
2019-02-27 12:08:35
100
原创 JQuery的一些知识
DOM样式操作：设置样式和获取样式：①class 也是节点元素的属性，因此获取class 和设置class 都可以使用attr()方法来完成，设置class也可以用addClass()方法；②直接使用attr()方法设置class类名，会将原来的class类名替换掉，addClass()方法是在原有的基础上增加新的类名；③jQuery.attr (‘class’) 和 jQuery.att...
2019-02-27 09:32:39
104
原创 JS一些问题
1.首页图片hover效果出现more框，但是之前写的是对图片的hover效果触发相邻兄弟级的出现隐藏，当鼠标移到more框的时候会消失，不能完美实现图片hover效果，在基础上将对图片hover效果改为对图片的父级hover效果来使子级more框显示。2.ajax封装获取详情列表数据的时候失败，需要给出相应的mvid值，在创建内容的时候，在大对象中有些对象内容不能直接获取，需要重新定义和创建内...
2019-02-14 09:18:33
108
原创 window对象部分属性
A.1.window.innerWidth=>返回窗口的文档显示区的宽度。window.innerHeight=>返回窗口的文档显示区的高度。window.outerWidth=>设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。window.outerHeight=>设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。2. body....
2019-01-08 14:27:02
253
原创 2018.11.01
1.块，行，行内块元素的嵌套规则记忆不深；2.代码编写不够规范化；3.浮动和定位区别需要理解；4.发现自己编写代码问题不大，但是在基本概念和规则上还有些薄弱，需要多加学习；5.样式和结构是由外到内匹配的；6.[]通过属性进行选择区分，默认属性 class id title style；7.①div p div所有的p 子代和后代div的后代元素中的p添加样式② div>p d...
2018-12-13 17:41:53
100
原创 2018.10.31
1.相对定位的参照物是自己，并且没有脱离文档流；2.只有absolute绝对定位和fixed固定定位有z-index属性；3.绝对居中的三种方法：已知宽高的情况下：①margin：auto，并且上下左右数值为0；②上左数值为50%，外边框内缩进宽高的一半；未知宽高情况下，使用transform：translate（-50%,-50%）.注：IE10+才支持translate这个属性，Chro...
2018-12-13 17:40:42
86
原创 2018.10.29
1.重置css样式可以让标签在不同浏览器下产生相同的效果。；2.添加样式有三种方式：外部引用、内部样式表、内联样式。遵循就近原则覆盖样式。可以根据权值大小来确定样式的选择；3.文本流，概括地说其实就是一系列字符，是文档的读取和输出顺序，也就是我们通常看到的由左到右、由上而下的读取和输出形式，在网页中每个元素都是按照这个顺序进行排序和显示的，而position属性可以将元素从文本流脱离出来显示。...
2018-12-13 17:40:02
85
原创 2018.10.26
1.行内块元素不能居中，text-algin在块级元素中使用但作用于行内元素，对于子块是没有效果的，块级居中可以用margin 0 auto；2.了解到鼠标悬浮隐藏显示超链接下划线，用到CSS中的hover和link；3.运用line-height来改变行高；4.显示整个div的边框，可以用border来改变，也可以用border-X来选择显示某一边的边框，用solid来显示实线；...
2018-12-13 17:39:33
87
原创 2018.10.25
1.通过input扩展到form表单的知识：①位于form表单外的input字段引用了HTML form（该input表单仍然属于form表单的一部分）；②表单中的单选按钮可以设置以下几个属性：value、name、checked，当设置 checked=“checked“ 时，该选项被默认选中，同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“country”，这样同一组...
2018-12-13 17:38:36
92
原创 2018.10.24
1.ul-li横排列可以有多种方式：在li的属性中添加：float：left；或者display: inline-block （可以将ul-li自带的圆点消除）；2.消除圆点还可以用list-style: none；3.在head中 style #相对应id， .相对应class；4.vertical-align表示垂直方向，text-align表示水平方向；5.html会把行内块的空格或...
2018-12-13 17:38:04
71
原创 2018.12.12
1.数组排序的学习：冒泡排序和插入排序；2.indexOf 如果存在，返回下标值/索引值，否则返回-1.3.for循环 数组原生方法 arr.forEach(function(n,m)｛｝） 前为数组里的值，后为索引值 for（ i in arr）｛｝ arr 索引值 arr[i] 数组值 for（x of arr）｛｝ x数组值 无索引值4.浅拷贝 复制一层 新建...
2018-12-13 17:35:22
117
原创 2018.12.11
1.对JS的做题思路：①模拟结构；②模拟逻辑；2.NaN不等于NaN，了解了NaN和isNaN的意思；3.学习了如何定义数字变量 var arr=[]或 var arr=new Array（）；4.了解了一维数组和二维数组，知道了数组的访问方法；5.学习了数组的常用方法，但是对其只是了解，还不能熟练应用；6.学会了随机数的生成和使用，但对于随机生成不重复数的数组还不知道如何解决。...
2018-12-13 17:34:36
70
原创 2018.12.10
1.a++ 先赋值在加减，++a 先加减再赋值，a+=b ==》 a=a+b；2.短路或/与：与（&&） 第一个错误，第二个不执行，或（||）第一个正确，第二个不执行；3.在number类型中，0/NaN相当于false；4.parseInt（）是一种方法，可以将字符串转换成数字，可以截取字符串中的整数 ，parseFloat（）可以截取字符串中的浮点数；5.前循环语句：...
2018-12-13 17:34:08
115
原创 2018.12.06
1.对var来说 ，function是个作用域；对let 来说 ，代码块是个作用域；2.var c;alert© 未给值出现 undefined 若未声明会出错找不到；3.可以通过将变量的值设置为 null，来清空变量；4.JS代码上面出错，下面不会显示；5.局部变量可以访问外部全局；全局变量访问不了内部；6.基本数据类型，不可绑定属性不可再分；引用类型（object）可以再分，可以绑...
2018-12-13 17:33:15
77
原创 2018.11.08
1.3D转换中，旋转rotateX时，Y轴和Z轴的位置会变。rotateY时，X轴和Z轴的位置会变。我们使用rotate时要注意顺序；2.鼠标点击按钮时有缩放效果使用属性active；3.文本阴影text-shadow，边框阴影box-shadow；4.渐变：两种颜色之间的过度；线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向，径向渐变（Radial Grad...
2018-12-06 08:51:07
107
1
原创 2018.11.22
1.img标签中，width=“100%”是自身100% （标签属性）；style=“width：100%” 父级100% （img样式属性）2.图片的alt属性需要写上，当图片损坏或打不开时，会有文字和裂图显示；3.需要活用选择器；4.如何解决ul-li中li之间的间隔：①设置ul标签的属性 font-size ＝ 0，再重新设置li标签的 font-size ；②li选择器中加入 fl...
2018-12-06 08:49:37
139
原创 2018.11.27
1.了解了字体的一些属性，在简写的情况下，字体大小和字体样式必须存在，不然会失效；2.虚线和点线需要有载体，比如下划线；3.a的伪类：link，visited，hover，active；在样式表里写的时候，需要按顺序写，不然会被高一级的所覆盖；4.hover事件中可以使同子级的元素显示，但是移到相应元素的时候事件会取消；需要将相同子级放在同一父级的情况下，对父级使用hover事件，这样移到相...
2018-12-06 08:48:46
99
原创 2018.11.28
1.背景图的属性中，定位和背景图片大小有顺序区分：center/contain；2.当背景图的实际大小小于框的大小，要居中可以使用background-positon属性；3.背景中cover覆盖满屏可能会溢出，contain值为原图；4.可以用标签使用小图标,需要用到display改变其属性，不然会不显示；5.清除浮动 空 块标签+clear：both 会增加无用的dom节点，用伪类af...
2018-12-06 08:48:19
243
原创 2018.11.29
1.弹性布局中，宽不起作用，默认都是行内块，只针对其子级，再往下无效；默认属性不换行，可以是i用flex-wrap属性；2.设为 Flex布局后，子元素的float、clear和vertical-align属性将失效。但是position属性，依然生效；3.弹性布局中，先主轴排列，再交叉轴排，默认属性从左往右，从上往下，从左上角开始；4.:nth-child(n)---->选中某个元素...
2018-12-06 08:47:50
71
原创 2018.12.3
1.border-radius ，前面横向4个 /后面纵向4个 上左右下右左 50%宽高的一半 需要是正方形；2三角形可以用border属性来编写出来，用三个边透明或取消 ；直角三角形可以使左边或右边边框取消；3.nth-of-type（）选择器，是同类型的标签，nth-child（）选择器是父元素的子级；4.backface-visibility：hidden 背面隐藏，可以将其...
2018-12-06 08:46:19
101
原创 2018.12.4
1.alert()弹出框；console.log() 打印 ，常用来查错 console.log（1），加在事件之前分开检测哪里出错；document.write() 文档写入 当前页面；2.一个完整的事件包含三个步骤：事件源 事件 事件目标；3.=赋值 右边赋值给左边 ；== 相等；===绝对相等 恒等于；4.if (条件) ｛条件成立执行的命令｝ else ｛不成立执行的命令｝；5...
2018-12-05 09:25:00
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人