- 博客(59)
- 收藏
- 关注
RSS订阅
原创 vue版公共请求方法
import axios from "axios";import Qs from "qs";import API_BASE_URL from "@/api/api.js";const Http = axios.create({ baseURL: API_BASE_URL, timeout: 6000, // 设置超时时间6s withCredentials: true, // cross-site Access-Control});// 设置post请求头Http.default.
2021-01-12 18:33:32
818
原创 promise.all&&race
Promise.all()Promise.all() 它接收一个promise对象组成的数组作为参数，并返回一个新的promise对象。当数组中所有的对象都resolve时，新对象状态变为fulfilled，所有对象的resolve的value依次添加组成一个新的数组，并以新的数组作为新对象resolve的value。当数组中有一个对象reject时，新对象状态变为rejected，并以当前对象reject的reason作为新对象reject的reason。Promise.all = fun
2021-01-04 10:59:12
154
原创 合并两个升序的数组并且去重的方法
function arrConcat (arrA, arrB) { const res = [], dir = {}; let pointerA = 0, pointerB = 0; while (pointerA < arrA.length && pointerB < arrB.length) { let temp; //将较小的值推到栈中 if (arrA[pointer.
2021-01-15 17:06:18
749
3
原创 useMemo
在react中性能优化点有：调用setState，就会触发组件的重新渲染，无论前后的state是否不同 父组件更新，子组件也会自动的更新在hooks之前的类组件书写中，我们通过在shouldComponentUpdate声明周期中判断前后的props和state，如果没有变化，则返回false来阻止更新，hooks出来之后我们使用fucntion函数式书写创建包含内部state状态的组件，不再存在shouldComponentUpdate，此时无法再通过前后状态的变化来判断是否更新，在函数式组件中u
2021-01-14 16:19:55
616
原创 浏览器缓存
浏览器的缓存机制对于前端性能优化来说是一个非常重要的环节，浏览器的缓存主要分为两类：强缓存和协商缓存，下面我们将分别介绍下这两种缓存：强缓存浏览器在发起http请求时首先检查的就是强缓存，该缓存机制中是不需要发送请求的，主要是通过携带字段确认实现，在早期的http1.0阶段是通过Expires字段，后来的http1.1z中使用Cache-Control字段；ExpiresExpires是指...
2020-04-01 21:45:30
232
原创 JS 字符串
字符串字符串可以包含在单引号，双引号，反引号之中：let a = 'hello';let b = 'world';let c = `hello world`;复制代码单引号和双引号其实功能是一样的，反引号可以允许我们通过${...}将表达式嵌入到字符串中，比如：function sum(a,b){ return a+b;}console.log(`sum(1,...
2020-03-20 19:58:13
249
原创 聊一聊JS的跨域
聊一聊JS的跨域1.什么是跨域？聊到跨域就不得不先聊一下浏览器的同源策略，为什么这么说呢，因为正是由于浏览器的同源策略才出现的跨域。同源策略，它是Netscape提出的一个著名的安全策略。所谓同源是指，域名，协议，端口相同。当一个浏览器的两个tab页中分别打开两个不同的页面，在发送请求的时候服务器首先会检查是否同源，如果非同源，那么在请求数据时，浏览...
2019-02-13 15:44:54
208
原创 css之分页打印
很久没写文章了，最近做了一个员工入职的项目，该系统有一个批量打印个人信息的功能需求。因为之前也没接触过打印这方面的功能，就上网查了下，发现jquery有个打印功能的API（PrintArea）,关于这个api大家有兴趣的可以自行查看相关知识，在此我就不详细介绍了。当时我就采取了使用这个api去实现打印功能，当我用了这个api去实现实现功能时，发现确实可以调用浏览器的打印功能，不过打印的内容却是空白
2018-01-21 21:22:38
1477
原创 前端挑战之js编程题（2）
题目要求：实现对一个现有的数组去除重复元素，并返回去除重复元素的数组。方案：var arr1=[1,2,3,1,4,5,3,6]arr2=[]for(var i=0,len=arr1.length;iif(arr2.indexOf(arr[i])arr2.push(arr[i]);}}cons
2017-07-09 20:13:54
704
原创 前端挑战之js编程题（1）
题目要求：查找两个节点的最近的一个共同的父节点，可以包括节点自身。思路：看到题目要求，首先应该想到有三种情况，有两个节点，dom1和dom2：1、dom1为dom2的最近父节点，判断dom1是否包含dom2节点，包含则返回dom1，不包含继续向下运行。2、dom2为dom1的最近父节点，判断dom2是否包含dom1节点，包
2017-07-07 11:47:15
918
原创 前端挑战之js编程题（1）
题目要求：封装函数 f ，使 f 的 this 指向指定的对象思路：看到题目要求，首先应该想到js 中改变this 指向的三个方法 （bind , apply ,call），这样就能够解决该问题了。方案1：function bindThis(f，oTarget){return function (){return f.apply(oTarget,argument
2017-07-05 22:08:31
1786
1
原创 JS之事件委托
前段时间去了慕课网面试前端开发，面试官当时问了我一个关于事件委托的问题，当时一脸蒙逼，心里在想什么鬼，好像都没听过啊，后来回来后赶紧查了一下资料，才知道原来事件委托是js中的经典问题啊，当时那个后悔啊，说多了都是泪啊。当时就看了一下事件委托，大致对此有了了解，感觉就懂了事件委托。今天一个师哥去美团面试，又被问到了事件委托的问题，当时听他讲了下问的问题，我的心瞬间崩溃了，还是感觉对此一无所知，所以今
2017-07-04 21:56:17
1425
3
原创 浅谈js之闭包
什么是闭包（closure），为什么要用它？闭包的概念：闭包是指有权访问另一个函数作用域中变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量,利用闭包可以突破作用链域，将函数内部的变量和方法传递到外部。闭包的特性：1.函数内再嵌套函数2.内部函数可以引用外层的参数和变量3.参数和变量不会被垃圾回收机制回收。闭包的经
2017-07-03 09:18:29
775
原创 JS之预编译
今天有幸获得腾讯的电话面试，不幸的是面试非常惨，但是从中认识到自己的不足和找到日后该努力的方向，就拿面试中的关于js的预编译来说吧，小编都不知道是啥，面试完后赶紧查资料，写总结。首先javascript是解释型语言，自然就是编译一行，执行一行。js运行过程分为三步：1、语法分析 2、预编译 3、解释执行语法分析就是指js引擎去判断检查你的代码是否存在语法错误，解释执行更不用多说，自然就是
2017-07-02 11:38:49
3105
1
原创 前端之HTML面试题集锦
由于最近要准备找实习工作，所以不得不海量搜集关于前端的各种面试题，今天先为大家奉献上小编所找到的前端之HTML相关面试题。1.Doctype作用？严格模式与混杂模式如何区分？它们有何意义?Doctype可声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的html文档。Doctype是document type（文档类型）的简写，是用来说明所用的XHTML或html是什么版本的。D
2017-06-29 20:22:19
1674
原创 js之页面渲染
今天给大家总结一下浏览器渲染的机制，页面渲染就是浏览器的渲染引擎将html代码根据CSS定义的规则显示在浏览器窗口中的过程。大致工作原理如下：用户输入网址，浏览器向服务器发出请求，服务器返回html文件；渲染引擎开始载入html代码，并将HTML中的标签转化为DOM节点，生成DOM树；如果引用了外部css文件，则发出css文件请求，服务器返回该文件；
2017-06-21 09:26:54
12222
原创 js中字符串和数组的常用操作
js中字符串的操作1、length获取字符串长度var str = "hello world";alert(str);2、索引通过下标获取字符串指定位置的字符，但是不能改变该索引对应的值var str = "hello world"alert(str[0]);str[0] = "H";//不会影响str,但也不会报错3、toUpperCa
2017-06-17 20:58:30
1476
原创 Javascript之函数（基础篇）
1 初步认识函数1 2 console.log("你好");3 sayHello(); //调用函数4 5 //定义函数：6 function sayHello(){7 console.log("欢迎");8 console.log("welcome");9 }10 11 函数，是一种封装。就是将一些语句，封装到函数里面。通过
2017-06-12 12:42:02
646
原创 JavaScript之运算符
1 布尔值数值型里面的值，有无穷多个，因为世界上所有的数字，都是数值型；字符串型的值，有无穷多个，因为世界上所有的文字、语句都是字符串型；布尔类型的值，就两个，true、false。true 真false 假1var a = true;2var b = false;3console.log(a); //输出4console.log(b); //输出
2017-06-11 14:56:21
717
原创 乾坤人生
人生何其短，何必苦苦恋。乾为“天”，“天行健，君子以自强不息”。坤为“地”，“地势坤，君子以厚德载物”。——题记乾，元亨，利贞。指很顺利，利于坚持下去。人生之路漫长且艰难。当我们的人生遇到挑战时能否面对挑战取得胜利取决于如何发挥自己的优势，克服人生路上的困难。我们应当努力将当前状态坚持下去，既不宜在挑战前退却，也不宜不考虑客方的态度而盲动
2017-06-10 23:52:37
5601
原创 初识JavaScript(基础篇二)
变量1 整体感知初中的时候，学习了一个学科“代数”，x、y、z、a、b、c。计算机的程序中，也是有这样的量，就是用字母来表示数字、字符串等其他东西的，称为“变量”。 1 var a = 100;2 console.log(a); var a = 100;这就是一个固定的写法，就是语法。也就
2017-06-10 13:51:12
820
原创 初识JavaScript（基础篇）
1 程序书写的位置在页面中，”text/javascript”>标签对儿，里面就是书写JavaScript程序的地方。 1 2 3 text表示什么？纯文本。没错，JavaScript也是一个纯文本的语言。 2 alert语句学习第一个语句，就是alert语句。1 2 alert("今天天气真好"
2017-06-09 23:36:00
630
原创 继承（面向对象篇）
继承的概念：继承是java面向对象编程中的基石，它允许创建分层次的类。继承是子类继承父类的特征和行为，使得子类对象具有父类的实例域和方法，或者子类直接继承父类的方法，使得子类具有父类相同的行为。生活中的继承：老鼠和猫都是动物类，老鼠和猫就是动物类的子类，而动物类就是父类，继承的符合关系是：is-a.在java中实现继承的关键字是extends，它可以声明一个类是从另外一个类继承而来
2017-05-02 20:08:06
779
原创 数组相关操作（实战基础篇）
import java.awt.List;import java.util.ArrayList;import java.util.Collections;public class TestArray {public static void main(String[] args) {// 打印数组元素int a[]={10,20,30,20,40,50};
2017-04-30 21:38:40
599
翻译 java常见面试题
1.什么是Java虚拟机?为什么Java被称作是“平台无关的编程语言”?Java虚拟机是一个可以执行Java字节码的虚拟机进程。Java源文件被编译成能被Java虚拟机执行的字节码文件。Java被设计成允许应用程序可以运行在任意的平台，而不需要程序员为每一个平台单独重写或者是重新编译。Java虚拟机让这个变为可能，因为它知道底层硬件平台的指令长度和其他特性。2.JDK和JRE的
2017-04-30 12:22:54
345
转载 CSS3你可能不知道的冷知识
可能我们在看一些网页的源码时 会发现自己从来没见过的属性或用法 今天我就来总结一下 CSS3的冷知识样式计算在CSS中也可以进行简单的计算 通过calc函数可以实现 这样还可以使我们的元素自适应 当然计算的值应该是合法的值.demo { ... width: calc(100% - 500px); height: 200px;}
2016-12-05 16:47:50
330
原创 生成表格实现
首先跟大家扯会谈，说一下最近分享中遇到的一件小的不能再小的事。虽说在我看来是比芝麻还小的事，却让我不禁有些感慨。事情是这样的，今天照常为大家分享初学者经验的时候，登录csdn就看到了有通知，说有人评论了我的分享，甚是惊喜，点进去一看才知道是惊吓，昨天有人评论了我分享的简易计时器的实现，评论中说到这样的文章怎么也能出现在首页呢。在这我想说的是为什么这样的文章就不能出现在csdn？不是谁一出生就是大神
2016-11-16 17:22:26
528
转载 前端面试知识点总结
这篇文章是对我大四秋招以来面试的总结，里面包含前端面试知识的方方面面，目前本人已经拿到腾讯offer，希望能对后面找工作的学习学妹们有所帮助。腾讯面试对基础比较看重，然后需要你有两三个比较好的项目，一面重视面试者对前端基础的把握，还要手写代码，不过不难，二面部门的leader面，这一面比较难，面试官会对你的项目细节进行深挖，所以说项目要牛逼一点，最后还会有一道逻辑题（我没有答上来），三
2016-11-16 13:08:23
525
原创 下拉列表的左右选择的实现
今天为大家分享的是下拉列表的左右选择的实现，首先先看一下效果图：首先给大家解释下以上看到的效果图：第一副是初始效果，第二幅是我我 选中了左边的语文和英语，然后点击选中添加到右边的效果图，第三幅是我直接点击了全部添加到右边按钮实现的效果，相信大家看到这就能明白效果图的含义了。至于点击选中添加到左边和全部添加到左边按钮想必大家也能想象到了，大家感兴趣的可以自己写一个实现看下效果，以下为大家
2016-11-15 17:58:09
2175
原创 简易时间计时器的实现
我觉得很多人看了我写的东西后觉得会很简单，心里肯定会想这么简单的东西还拿出来发布，真是够low。我只想说是这个虽然在你们眼里很简单，但对于初学者来说，这就是基础教学，而且是实战的教学，有人会问为什么你就不能发点复杂的程序设计呢，因为我也是初学者，哈哈。在此就不跟大家扯淡了，先看一下我们今天要做的实战练习。首先先看一下实战效果：其实呢，这个时间是动态时间，一直在走动的时间，只是由于效果截
2016-11-14 16:50:39
2932
原创 HTML 实现注册小案例
案例：使用html实现注册页面首先看一下效果图： Document 注册csdn的账号 注册邮箱: 你可以使用账号或者手机号来注册 真实姓名： 性别：男女 生日：
2016-11-10 09:31:23
1338
原创 关于JS的重载
首先讲一下什么是重载？重载的定义是指函数的方法名相同，但参数不同。比如我写两个关于js的同名函数：输出结果为NaN 9，这就说明后面的函数把前一个同名函数覆盖掉了，从而可以得出js函数不存在重载，永远调用最后一个方法。虽说JS函数不存在重载，但是我们可以实现js里面的模拟重载，接下来见证奇迹的时刻到了。要想实现js模拟重载必先回用到 arguments.用来存放js参数。实现方法如下
2016-11-08 19:13:41
7542
原创 html实现注册页面小案例
案例：使用html实现注册页面 首先看一下效果图： Document 注册csdn的账号 注册邮箱: 你可以使用账号或者手机号来注册 真实姓名： 性别： 男女 生日： 1992 1993 19...
2016-11-07 21:28:52
1696
原创 js实现window 弹窗小案例
首先大家先看一下这个小案例的效果图，可能大家刚看到下面这张效果图的时候有点小小的疑惑，小编在这向大家解释下，所谓的window弹窗事件就是在图片的左边有个选择按钮，当我们点击该按钮时候就会弹出右边的图片，在右边的图片大家可以根据自己的喜号去选择左边文本框中要填充的内容，比如一点击102编号所对应的选择，在左边文本框就会填充该选择的内容。下面给大家讲解下怎么去实现这个弹窗小案例：首先
2016-11-07 09:41:23
8130
1
原创 js对象篇（二）
js的Math对象*数学的运算** 里面都是静态方法，可以直接使用Math.方法（）- ceil(x)：向上舍入- floor(x):向下舍入- round(x):四舍五入- random(): 得到随机数- pow(x,y): x的Y次幂js的bom对象**bom :broswer object model :浏览器对象模型*** naviga
2016-11-06 20:20:22
1054
原创 JS 对象篇（一）
1.js的String 对象**创建string对象** var str="asc";**方法和属性**属性 length:字符串的长度** 方法（1）与html有关的方法-bold():字符串加粗-fontcolor():字符串的颜色设置-fontsize():设置字符串大小尺寸-link():将字符串显示为超链接-sub():下标 -sup():上
2016-11-05 21:48:13
444
原创 css 入门之路
1.css的简介**层叠：一层一层的**样式表：很多的属性和属性值*使页面显示效果更好* css将网页内容和显示样式进行分离，提高了显示功能。2.css和html结合的方式（四种结合方式）（1）**在每个html标签上面都有一个属性style,把css和html结合在一起。— （2）使用html的一个标签实现标签，写在head里面*css代码；
2016-10-31 22:24:55
996
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人