- 博客(28)
- 收藏
- 关注
RSS订阅
原创 CSS 适配 iPhoneX 全面屏
CSS 网页适配 iPhoneX，就是这么简单展开前言iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。笔者通过查阅了一些官方文档，以及结合实际项目中的一些处理经验，整理了一套简单的适配方案分享给大家，希望对大家有所帮助，以下是处理前后效果图：适配之前需要了解的几个新知识安全区域
2020-06-08 20:21:12
2835
3
原创 ajax知识点总结
ajax各参数 $.ajax({ url: "test.json", type: "get", cache: false, async: false, data: null, beforeSend: function (request) { console.log(request); console.log("请求之前"); }, com
2020-07-28 19:31:54
150
原创 jQuery知识点总结
jQuery 对象参考网站jquery APIjQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的。只有 jQuery 对象才能使用 jQuery 的方法，在 jQuery 对象中无法使用 DOM 对象的任何方法，反之 DOM 对象也无法使用任何 jQuery 的方法。约定：如果获取的是 jQuery 对象，那么要在变量前面加上 $jQuery 对象中封装了多个 DOM 对象，同时 jQuery 对象是类数组对象数组与类数组对
2020-07-28 19:28:49
139
原创 正则+转义字符
转义字符意义ASCII码值（十进制）\a响铃(BEL)007\b退格(BS) ，将当前位置移到前一列008\f换页(FF)，将当前位置移到下页开头012\n换行(LF) ，将当前位置移到下一行开头010\r回车(CR) ，将当前位置移到本行开头013\t水平制表(HT) （跳到下一个TAB位置）009\v垂直制表(VT)011\代表一个反斜线字符’’’092’代表一个单引号（撇号）字符039"代...
2020-07-28 19:23:28
796
原创 基础知识普及（上）
1. 什么是链接？链接是指两个设备之间的连接。它包括用于一个设备能够与另一个设备通信的电缆类型和协议。2. OSI 参考模型的层次是什么？有 7 个 OSI 层：物理层，数据链路层，网络层，传输层，会话层，表示层和应用层。3. 什么是骨干网？骨干网络是集中的基础设施，旨在将不同的路由和数据分发到各种网络。它还处理带宽管理和各种通道。4. 什么是 LAN？LAN 是局域网的缩写。它是指计算机与位于小物理位置的其他网络设备之间的连接。5. 什么是节点？节点是指连接发生的点。它可以是作为网络一部
2020-07-17 08:58:23
269
原创 截流 和 防抖
截流防抖函数经常用在频繁按钮操作，页面滚动触发，鼠标拖拽，输入查询等功能中。是为了在频繁操作中为了减少性能损耗的小技巧,这两个概念常用但是又容易混淆,下面简单的分析下防抖与截流的异同之处防抖：意味着防止抖动出现的误操作，也就是防止像抖动一样的频繁操作。所以在防抖函数里会有个时间限制，当函数在一次执行之后的这个时间限制范围内是不会再次发生的，再次触发的话又要等一个时间限制的时间，代码如下// 防抖函数：调用后在一定的时间内函数不执行，过了限时执行，//在限时内再次调用会重新开启定时器function
2020-07-13 23:06:15
456
原创 js获取屏幕、元素等 宽高的方式
一.window相关网页正文部分上：window.screenTop网页正文部分左：window.screenLeft屏幕分辨率的高：window.screen.height屏幕分辨率的宽：window.screen.width屏幕可用工作区高度：window.screen.availHeight屏幕可用工作区宽度：window.screen.availWidth二.body相关网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.c
2020-07-13 22:28:07
104
原创 js中的new（）到底做了什么？
完全搞懂js 中的new()到底做了什么?一晌贪欢i 2019-08-10 18:43:26 9587 收藏 18版权今天面试，总体还可以，其中有一个问题我回答的很支支吾吾，就是js在new（）过程中到底做了什么？(我居然从堆和栈的角度来回答的，面试官想听的根本不是这个，错的很离谱啊)下面便来总结一下吧：要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4个步骤：(1) 创建一个新对象；(2) 将构造函数的作用域赋给新对象（因此 this
2020-07-13 22:21:44
238
原创 闭包、作用域
一、闭包是什么? 闭包(closure)就是能够读取其他函数内部变量的函数。在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成 “定义在一个函数内部的函”。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。(闭包的最典型的应用是实现回调函数（callback) )。二、JS中闭包的优缺点及特性 → 优点： 1.保护函数内的变量安全 2.在内存中维持一个变量(用的太多就变成了缺点，占内存) ； 3. 逻辑连续，当闭包作为另一个函数调用的参数时
2020-07-13 22:17:32
362
原创 执行上下文、闭包、this
1、函数函数在执行会进行一些准备工作，如创建一个“执行上下文”环境；执行上下文可以理解为当前代码的执行环境，它会形成一个作用域；每个碰到可执行代码的时候都会进行这些“准备工作”来生成执行上下文。这个“代码段”其实分三种情况——全局代码，函数环境，eval代码。全局环境：JavaScript代码运行起来会首先进入该环境函数环境：当函数被调用执行时，会进入当前函数中执行代码eval当代码在执行过程中，遇到以上三种情况，都会生成一个执行上下文，放入栈中，而处于栈顶的上下文执行完毕之后，就会自动出栈
2020-07-13 22:14:27
141
原创 BFC 清除浮动详解
一、什么是BFCBFC(block formatting context）：简单来说，BFC 就是一种属性，这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。中文常译为块级格式化上下文。是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。 在进行盒子元素布局的时候，BFC提供了一个环境，在这个环境中按照一定规则进行布局不会影响到其它环境中的布局。比如浮动元素会形成BFC，浮动元素内部子元素的主要受该浮动元素影响，两个浮动元素之间是互不影
2020-07-09 23:13:25
419
原创 ES5简答题 20道
闭包是什么 闭包的优点和缺点是什么？函数内部 return 返回的是一个函数优点:外部可以访问内部变量，变量不会被污染缺点：变量不会被释放，造成内存泄漏什么是作用域作用域：变量的运行环境什么是作用域链[[scope]]:每个javascript函数都是一个对象，对象中有些属性我们可以访问，但有些不可以，这些属性仅供javascript引擎存取，[[scope]]就是其中一个。[[scope]]指的就是我们所说的作用域,其中存储了运行期上下文的集合。即作用域决定..
2020-07-09 22:55:57
164
原创 闭包 与 垃圾回收机制
本文主要讲述闭包和垃圾回收机制之间的关系一、什么是闭包闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。123二、闭包的原理借助函数的立即执行、参数以及函数的return返回值，多创建了一层作用域。从而实现外部函数持续性被引用而不能释放内存空间，将值存储下来。12三、闭包的作用闭包就是将函数内部和函数外部连接起来的一座桥梁。使得外部函
2020-07-04 14:14:10
347
原创 JS 之 预编译
js 是一个解析行语言。作为解析型语言；我们要知道；是如何解析的。1：语言分析 ——> 2： 预编译 ——> 3：解析执行1.语言分析JS 会对全部的脚本代码进行解析，通过jS引擎检查你的代码是否存在错误，如果有有错误就会抛出一个错误；否者语言分析完成。学会这个东西的作用是，我们调试代码时候；可以帮助我们找到错误。在浏览器控制台输出红色的错误提示，就是语言分析完成的2.预编译 （重点）首先javascript是解释型语言，自然就是编译一行，执行一行。js运行过程分为三步：1、
2020-07-03 19:56:22
107
原创 关于原型、原型链的理解
创建对象的几种基本方式1.对象字面量var person = { name:"Jack", age:15 say:function(){ alert(this.name+"今年"+this.age); }};2.使用 Object 构造var person = new Object();person.name = "Jack"; person.age = 15;person.say = function() { alert(this.na
2020-07-03 19:29:02
161
原创 关键词 this 与 new、call、apply、bind之间的关系 和 运行原理讲解
本文将着重讨论 this，在此过程中分别讲解另外几个关键字的知识点。this 指向的类型刚开始学习 JavaScript 的时候，this 总是最能让人迷惑，下面我们一起看一下在 JavaScript 中应该如何确定 this 的指向。this 是在函数被调用时确定的，它的指向完全取决于函数调用的地方，而不是它被声明的地方（除箭头函数外）。当一个函数被调用时，会创建一个执行上下文，它包含函数在哪里被调用（调用栈）、函数的调用方式、传入的参数等信息，this 就是这个记录的一个属性，它会在函数执行的过程
2020-07-02 20:29:12
137
原创 js各种错误提示
编码过程中每个程序员可能和错误的打交道是最多的，当然很多的成就感来来源于对于ERROR的消除，我自己觉得，消除BUG和ERROR也是去学习一门语言或者成长比较快的一条捷径。在此我就总结了以下7种常见的错误。Error这个主要用于开发者自定义的错误ERROR是基类型，其他的错误类型都是继承自该类型，所以所有的错误类型共享了一套相同的属性，但是ERROR错误类型很少见，只有少量浏览器会抛出该类错误EvalError当函数eval()使用不正确的时候会抛出该错误，但是由于这个错误在不同浏览器中表现不
2020-07-02 20:04:47
513
原创 关于闭包的解读
变量作用域要理解闭包，首先要理解变量的作用域，在JavaScript中，变量的作用域分为两种，全局作用域以及局部作用域。JavaScript语言的特别之处就在于，函数内部可以访问函数外部的全局变量，但是函数外部无法读取函数内部的局部变量。如何从函数外部读取函数内部的局部变量？出于种种原因，我们有时候需要获取到函数内部的局部变量。但是，上面已经说过了，正常情况下，这是办不到的！只有通过变通的方法才能实现。那就是在函数内部，再定义一个函数。function a(){ var i=0; f
2020-07-01 21:02:11
89
原创 js实现数组排序
js的数组排序方法sort()方法var array = [1,2，3，4，5，2，3，6，9，7];function compare(val1,val2){ return val1-val2;};array.sort(compare);document.write(array);sort()方法按照升序排列数组项，会调用每个数组项的toString()转型方法，然后比较得到的字符串。toString()方法是把布尔值或BooleanObject转换为字符串，并返回结果。
2020-06-29 20:19:27
132
原创 GOAO执行步骤练习总结
请写出下面程序的输出结果是什么,并写出为什么；分析的过程是什么 function fun(num){ console.log(num); //3 实参形参统一 var num = 5; console.log(num);//5 }fun(3)/* AO{ num:undefined---->>3------>>5}*/ function fun(ger){
2020-06-29 09:50:52
739
原创 计时器和立即执行函数
计时器setTimeout 等多少秒后再执行 执行一次setInterval:每隔多少秒执行一次回调函数，需要出口1、都是异步程序，回调函数中写的都是 执行慢的程序2、都会返回 timer 只要写了计时器，在满足条件后，都需要清空 timer不论setInterval 还是 setTimeout目的:浏览器性能优化3、timer是计时器唯一的识别身份，clearTimeout clearInterval 到底清空哪一个计时器4、bug:清空计时器多次，但是 都是最后一个的计时器，
2020-06-28 23:07:54
438
原创 弹性布局display:flex详解！
弹性布局：display：flexFlex-容器：使用display:flex盒子就是flex容器Flex-项目：flex容器中的子元素就是项目，不包括孙子元素flex默认主轴方向排列，即横向Flex-容器的属性display属性作用：指定flex属性取值：flex | inline-flexflex：将对象作为弹性伸缩盒展示，相当于块级属性，有默认宽度100%inline-flex：将对象作为内联块级弹性伸缩盒展示，即行级元素，没有默认宽度flex-direction属
2020-06-23 23:07:00
685
原创 JavaScript基本数据类型中的类型转换
js中基本数据类型的类型转换首先我们要先了解一下js的数据类型有哪些：js的数据类型分为 基本类型 和 引用类型基本类型：String、Number、Boolean、undefined、null引用类型：Array、Object、Function而数据类型的转换又分为显式转换和隐式转换显式转换转换成number类型String-----Number1、字符串中是”整数或小数“或转化为相对应大小的数值2、字符串中是”字母或者中文“会转换为NaN(NaN为一个特殊数字，没有任何意义)
2020-06-17 23:00:47
153
原创 github上传文件易错点
本文主要对一些初学者：上传步骤 和 上传过程遇到一些问题上传步骤：本地初始化一个新本地仓库，它在工作目录下生成一个名为.git的隐藏文件夹git init此时Git工作区域的状态：把要上传的文件添加到本地仓库中git add *此时Git工作区域的状态：git commit -m ""此时Git工作区域的状态：线上配置本机与github 链接 用ssh密钥第一步 ：生成密钥ssh-keygen -t rsa -C "邮箱地址"创建密钥文件: 将生成的密钥写
2020-06-15 20:52:46
97
原创 css常见BUG以及解决办法
css常见的bug及解决办法图片在IE6及以下有边框解决：给img{border：0 none}div插入图片有间隙解决：（1）div{font-size:0}（2）img{display：block}双倍浮向，在IE6及以下版本，浮动的元素，有设置margin，出现双倍外边距。解决：给浮动的元素设置display：inline在IE6及以下版本，部分块级元素拥有默认高度解决：设置font-size:0表单元素行高不一样解决：input{float：left}按钮的大小不一样解决
2020-06-12 09:52:05
181
原创 浏览器的兼容性问题
浏览器兼容性问题专题内容介绍(如何解决浏览器兼容性问题)常见的browserhacks解决方案1-- 浏览器css样式初始化解决方案2-- 浏览器私有属性解决方案3-- css hack解决方案4-- 自动化插件常见的browserhacks 具体的可以内容可以参考http://browserhacks.com/#ie解决方案1-- 浏览器css样式初始化由于各个浏览器的css默认样式都不会完全相同，因此最简单直接有效的方式就是对其进行css样式初始化。相信很多朋友都写过这样的代码
2020-06-11 20:32:08
157
原创 上传发布个人开发包及可能出现的各种问题
这里写自定义目录标题如何将个人开发包发布到 npm 上环境搭建发布流程在最后上传的时候，可能会出现下面几种报错如何将个人开发包发布到 npm 上包： 组件库、插件库、ui组件、框架……开源内容，可以被所有人使用包管理机制：npm 、cnpm(淘宝镜像) 、yarn环境搭建nodewindow +r enter ===>> 输入cmd 按enter ===>>启动终端node -v -->查看node版本号npmnpm -v
2020-06-08 19:34:53
303
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人