weixin_46400072-CSDN博客

原创 js包装类

js包装类BooleanNumberString原始值不能有属性和方法，当给它们添加属性的时候系统会自动进行包装类并销毁。 var num = 3; // new Number(3).len = 2 delete num.len = 2; // new Number(3).len console.log(num.len); //undefined var str = 'abcd'; // new String('abcd').length =

2020-05-29 17:01:58 117

原创 js文档碎片

1、我们要明白当js操作dom时发生了什么？每次对dom的操作都会触发"重排"（重新渲染界面，发生重绘或回流），这严重影响到性能，一般通常采取的做法是尽可能的减少 dom操作来减少"重排"2、什么是文档碎片？ document.createDocumentFragment() 一个容器，用于暂时存放创建的dom元素普通方式（操作1000次dom） for (var i = 0;...

2020-05-04 10:53:37 206

转载 CSS Grid 网格布局

一、概况:网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上图这样的布局，就是 Grid 布局的拿手好戏。Grid 布局与Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"...

2020-04-14 19:37:22 245

原创原生JS快速实现拖放实例效果与解析

放是很常见的一种交互效果，很多时候我们都会借助于第三方的控件来实现，其实用原生js实现起来也非常的方便。接下来我们就用原生js和css快速实现这样的拖放效果：HTMLHTML的内容很简单，就是五个空的容器和一个可以被拖拽的元素：html代码:<body> <div class="droppable"> <div class="draggable...

2020-04-07 16:00:03 170

原创 JS 严格模式

1.“use strict”ECMAscript 6添加了第二种运行模式：”严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。2.设立”严格模式”的目的，主要有以下几个：消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；为未来新版...

2020-04-03 16:49:05 88

原创 jquery中$的理解

JQuery（或者是$）一.作为一般函数调用：$(param)参数为函数：当DOM加载完成后，执行此回调函数 $(function(){})参数作为选择器字符串：查找所有匹配标签，并将它们封装成JQuery对象参数为DOM对象：将dom对象封装成JQuery对象参数为html标签字符串（用得少）：创建标签对象并封装成jQuery对象二. 作为对象使用 $.xxx()$.e...

2020-03-19 20:07:53 223

原创 client,offset,scroll系列

1.client系列:clientTop: 内容到边框顶部的距离, 即边框的高度.clientLeft: 内容区域到边框左部的区域, 即边框的宽度.clientWidth: 内容区域+左右padding, 表示可视宽度.clientHeight: 内容区域+上下padding, 表示可视高度.2.屏幕的可视区域:<script> // 屏幕的可视区域 w...

2020-03-10 21:53:47 84

原创 Bootstrap的导航栏组件

1、导航栏的类名基础类名: .navbar默认颜色：.navbar-default 反色：.navbar-inverse固定方式: .navbar-fixed-top .navbar-fixed-bottom导航栏的头部: .navbar-header商标品牌: .navbar-brand控制折叠的按钮: .navbar-toggle折叠部分: ...

2020-03-04 09:26:02 324

原创 BFC定义及其应用

一、BFC概念BFC就是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。二、触发 BFC只要元素满足下面任一条件即可触发 BFC 特性：body 根元素浮动元素：float 除 none 以外的值绝

2020-02-25 17:28:47 193