- 博客(49)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 classList属性的知识点整理
classLIst属性返回元素的类名，作为DOMTokenList对象该属性用于在元素中添加、移出、切换css类语法：elem.classList方法：add( String[,String])：添加指定的类值。如果这些类已经存在于元素的属性中，那么他们将被忽略remove(String[,String])：删除指定的类值item(Number)：按集合中的索引返回类值toggle(String[...
2018-06-30 18:58:08
5480
原创 从输入URL到页面加载完成的过程中都发生了什么事？
这些一道经典的面试题，很多面试官都喜欢问，但这道题本身没有标准答案，它涉及的知识点有很多，就看你怎么说了，下面是我的一些总结先稍微回顾一下基础知识：在www上，每一信息资源都有统一的且在网上唯一的地址，该地址就叫URL（Uniform Resource Locator 统一资源定位符），它是www的统一资源定位标志，就是指网络地址我们常见的url是这样的：http://www.baidu.com，...
2018-06-29 21:45:47
672
原创 js中阻止事件冒泡与阻止事件默认行为
如何阻止事件冒泡和浏览器默认事件把事件捕获和冒泡的过程统称为事件的传播事件的传播是可以阻止的：在W3c中，使用stopPropagation（）方法在IE下设置cancelBubble = true；在捕获的过程中stopPropagation（）；后，后面的冒泡过程也不会发生了~ 在IE中则使用cancelBubble（IE中只有冒泡，没有捕获）3.阻止事件的默认行为，例如click <...
2018-06-28 21:15:41
2564
原创 前端面试题
一、position跟display、margin collapse、overflow、float这些特性相互叠加后的行为。这个问题的答案网上已经有大神总结过了，嗯，附上我看到的一个链接：https://blog.csdn.net/jiaw127/article/details/48370247就补充一下一些基本知识浮动的行内变成块级元素绝对定位的行内也会变成块级元素绝对定位时浮动失效，top,b...
2018-06-27 22:59:07
151
原创 前端面试题
事件代理优点有哪些？可以为将来元素绑定事件减少事件注册什么是事件对象？保存调用该事件详细信息的一个参数，没有固定命名li与li之间有看不见的空白间隔是什么原因引起的？有什么解决办法？在写页面的时候，会需要将<li>这个块状元素横排显示，此时就需要将display属性设置为inline-block，此时问题出现了，在两个<li>元素之间会出现大约8px左右的空白间隙引起这种空...
2018-06-26 22:47:25
183
原创 前端面试题
在家容易贪玩，嗯，睡前看点面试题，不然会睡不着，哈哈以前觉得自己的前端学得还不错，看面试题的时候，才发现，前路漫漫，还是要不断的学习，嗯，看下面的几道题1、猜猜下面这道面试题打印的结果 var a = [1, 2]; var b = [3, 4]; console.log(a + b); console.log(typeof (a + b));嗯、请看答案 va...
2018-06-25 22:46:23
234
转载 一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？
看到一篇不错的文章，嗯、直接附链接了https://www.jianshu.com/p/9341192f1f4a
2018-06-24 22:28:24
432
原创 href和src的区别
1、请求资源类型不同（1） href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。（2）在请求 src 资源时会将其指向的资源下载并应用到文档中，常用的有script，img 、iframe；2、作用结果不同（1）href 用于在当前文档和引用资源之间确立联系；（2）src 用于替换当前内容；3、 浏览器解析方式不同（1）...
2018-06-24 22:20:20
18513
原创 前端面试题整理
习惯了，每天不管再忙都要整理至少一篇博客，一来是强迫自己把不会的或有疑问的问题进行深入的研究，另外也是不想给自己的偶尔想要偷懒的心留下放纵的机会，最重要的是，每天都能够学到点前端的知识，是件很开心的事，如果实在没得写就看面试题，哈哈。在网上找的面试题，只把我自己可能有疑问的，易错的整理了出来，如果想要看全部的话，文章后面会有参考文章链接哦1、猜猜下面这道题的结果var str = "123abc"...
2018-06-23 22:19:15
324
原创 js中的Math对象知识点整理
整理的都是我觉得比较常用的Math 是一个内置对象， 它具有数学常数和函数的属性和方法。不是一个函数对象。与其它全局对象不同的是, Math 不是一个构造器. Math 的所有属性和方法都是静态的. Math的属性Math.PI圆周率，一个圆的周长和直径之比，约等于 3.14159.需要注意的是很多数学函数都有一个精度，并且精度在不同环境下也是不相同的。这就意味着不同的浏览器会给出不同的结果，甚...
2018-06-22 21:42:16
448
原创 添加自定义字体icon图标
先提供一个比较好的自定义icon图标库阿里图标库所以接下来的使用主要就是以从上面提供的网址下载的icon图标为例（如果不会使用，请参考使用下载完之后是一个压缩包，解压后，只需要根据我们的需要把相应的文件放入我们的项目中即可需要注意的是：我们一般会将我们下载的字体图标放在我们自己建fonts文件夹中，把iconfont.css放在css文件夹中，如果你这样做了，一定要记得修改iconfont中的路径...
2018-06-21 18:39:38
9780
原创 兼容性问题系列总结（一）
之前有写过css知识点系列总结，觉得效果还不错，所以打算把遇到的兼容性问题也汇总到一起，就当记笔记喽（也是会持续更新滴）2018/6/20--js兼容性问题--1. JSON 解析问题： ecmascript5 通过 JSON 对象进行处理，ecmascript5 之前通过 eval 进行解析；2. 自定义属性问题： IE 下，可以使用获取常规属性的方法来获取自定义属性，也可以使用 get...
2018-06-20 21:02:52
286
原创 jQuery中选择器（包含实例）
因为我查了一下，发现网上别人总结的确实也都不错了，所以我下面主要是对选择器的使用（其实主要还是为了督促自己多练习使用啦）推荐两个我觉得不错的关于选择器的总结：jQuery选择器、W3C-jQuery选择器jQuery中的选择器，主要也就分为：基本选择器、属性选择器、内容选择器、过滤选择器、子元素选择器、表单元素选择器等基本选择器，也是我们用的最多的，我就不再举例了属性选择器的使用：[attribu...
2018-06-20 20:17:49
2282
原创 jQuery中的on方法详细介绍
on() 方法在被选元素及子元素上添加一个或多个事件处理程序。如需移除事件处理程序，请使用 off() 方法。如需添加只运行一次的事件然后移除，请使用 one() 方法。语法：.on( events [, selector ] [, data ], handler(eventObject) )events：类型: String（必选）一个或多个空格分隔的事件类型和可选的命名空间，或仅仅是命名空间，...
2018-06-19 21:02:37
2710
原创 css易掉坑知识点整理之系列（二）
之前也整理过系列（一），有兴趣的请点击：系列一。这是我在学习的过程中遇到的易错的或者易掉坑的css知识点的总结整理，嗯，还是会持续更新的2018/6/19今天遇到了一个base64格式的图片数据，想要作为背景图片，嗯，这种不是直接写url地址即可，先看个小示例<img src=“data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEA...
2018-06-19 18:38:21
191
原创 TweenMax学习笔记整理
因为要做一个案例，里面用到了很多动画，TweenMax真的是一个很强大的动画库，所以就学了一点里面的方法，现在整理出来官网：https://greensock.com/tweenmax注意：这个动画库是基于jQuery的，所以使用前要先引入jQuery哦！下面的所有方法都在TimelineMax对象下，要先得到动画实例，所以使用我下面的方法的时候要注意先写下面的代码：var t = new Tim...
2018-06-18 21:18:48
2212
原创 理解requestAnimationFrame和cancelAnimationFrame
window.requestAnimationFrame() 方法告诉浏览器您希望执行动画并请求浏览器在下一次重绘之前调用指定的函数来更新动画。该方法使用一个回调函数作为参数，这个回调函数会在浏览器重绘之前调用。注意：若您想要在下次重绘时产生另一个动画画面，您的回调例程必须调用 requestAnimationFrame()。回调函数会被传入一个参数，DOMHighResTimeStamp，指示当...
2018-06-17 20:46:54
11060
原创 css hack
那么在HTML中CSS hack究竟是什么意思呢？CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的，比如.kwstu{width:300px;_width:200px;}，一般浏览器会先给元素使用width:300px;的样式，紧接着后面还有个_w...
2018-06-16 21:29:38
193
转载 百度图片API接口
一、通用apihttp://image.baidu.com/i?tn=resultjsonavstar&ie=utf-8&word=刘德华&pn=0&rn=60说明：格式为jsonword为查询的内容pn为第几页rn为一页返回的图片数量用法：大家在浏览器地址栏输入上述地址，回车即可看到返回的图片地址二、分类api 1、明星http://image.baidu.com...
2018-06-15 16:03:05
16788
1
原创 查询电话号码归属地的PHP接口（处理过可供前端使用的）
好吧，作为一个前端程序猿，想要真实的从后端获取数据，硬着头皮学了一天多的PHP，终于把从第三方获取的PHP接口修改成了可以供前端使用的代码，嗯，中间踩了多少坑，就不说了，总之，分享出来，如果你们也和我一样，还在学习阶段，又想要获取真实的PHP数据，希望能帮到您（个人觉得，一个会了，其他的都类似）如果想要详细学习怎样将第三方获取的PHP接口修改后供前端使用，这里推荐一个我在腾讯课堂上找到的视频（老师...
2018-06-15 14:29:08
1106
原创 处理从第三方获取的php数据接口，将其输出纯json格式
昨天找了很多获取接口数据的网站，今天想要用用这些接口，结果发现不会用，主要是返回的数据格式不会用，好心塞呀像我这种php小白，捣鼓了很久很久，才把它搞懂，必须记下来希望当您遇到同样问题的时候可以节约一点时间吧利用第三方提供的php代码，是下面这样的<?php$method = "GET";// 请求示例 url 默认请求参数已经做URL编码$url = "http://api01.bi...
2018-06-14 20:32:01
3692
2
原创 处理时间戳的函数封装
使用很简单，直接调用getDate(time)函数即可，参数就是你的时间戳实现的功能：把你传入的时间戳与现在的时间进行比较，返回相应的日期格式function getDate(time){ var now = new Date(); var last = new Date(time); var nowMin = now.getTime()/1000/60; var lastMin = ...
2018-06-13 20:53:07
864
原创 整理搜集免费的API接口网址
电商接口淘宝商品搜索建议:http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb 用例 ps:callback是回调函数设定物流接口快递接口:http://www.kuaidi100.com/query?type=快递公司代号&postid=快递单号 测试用例 ps:快递公司编码:申通="shentong" ...
2018-06-13 20:01:08
21267
1
原创 正则表达式中的零宽断言相关面试题
(?=)表达正向先行断言，满足条件的其他匹配结果才为真，即括号内的表达式匹配整个匹配结果才为真可以出现在代码的任意位置不占用最终的匹配宽度(?!) 表达负向先行断言，满足非条件的其他匹配结果才为真，即括号内的表达式不匹配整个匹配结果才为真可以出现在代码的任意位置不占用最终的匹配宽度面试题、断言...
2018-06-12 19:06:41
233
转载 CSS3 自定义动画（animation）
除了在之前的文章中介绍过的 CSS3 的变形 (transformation) 和转换 (transition) 外，CSS3 还有一种自由度更大的自定义动画，开发者甚至可以使用变形（transformation）和转换（transition）制作自定义动画，利用纯 CSS 制作出像 Flash 一样的效果。在实际使用中不难发现，变形和转换更适合做元素的交互，而自定义动画除了做交互外还能使到网页具...
2018-06-12 11:04:31
12381
原创 css中易掉坑的知识点总结系列（一）
今天在写css代码的时候，忽然发现很多看起来挺简单的，但是却忽略了它们的小知识点，小细节，所以就准备把自己遇到的易忘和易忽略的css知识点整理到一起，方便自己以后查阅，也希望同时能够帮助到您(主要是针对我个人，有的可能重要，但我自己掌握的比较好，可能不会写在上面哦)本博会持续更新，不会特意整理，遇到了就会往这里面加，就当是记笔记了2018/6/11：遇到的css易错知识点整理1、选择器优先级：单个...
2018-06-11 21:26:32
254
原创 淘宝首页中meta标签的作用整理
嗯，淘宝是啥就不介绍了哈，直接进入主题一、meta的作用：简单来说：<meta> 标签提供关于 HTML 文档的元数据。它不会显示在页面上，但是对于机器是可读的。可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。（提供文档字符集、使用语言、作者等基本信息，以及对关键词和网页等级的设定等）最大的作用是能够做搜索引擎优化（SEO）。二、直接看淘宝中的me...
2018-06-11 21:04:54
2288
转载 页面布局思路
网页布局是前端中一个基本概念，当一张空白的网页呈现在我们眼前时，如何把文字，图片等网页元素有规则地排列在网页中，就是网页布局要考虑的重要方面。好的网页布局能够让前端开发人员更好地把握网页的整体结构，提高代码的书写效率，复用性，和后期维护。作为初学者，我们应该重视页面布局，而不是简单为了达到页面效果，而不考虑页面的布局，毕竟页面布局和代码的质量是息息相关的。经过学习，我总结了一些自己的理解：1.要有...
2018-06-10 20:29:51
537
原创 理解流式布局和响应式布局
流式布局：流式布局在CSS2时代就有，主要是靠百分比进行排版，可以在不同分辨率下显示相同的版式。流式布局：网页中主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用），例如，设置网页主体的宽度为80%，min-width为960px。图片也作类似处理（width:100%, max-width一般设定为图片本身的尺寸，防止被拉伸而失真）。这种布局方式在Web前端开发的早期历史上，用来...
2018-06-10 20:09:23
20638
转载 TCP/IP协议三次握手和四次挥手大白话解说
前言昨天晚上被一位师傅问到了TCP/IP的工作机制，心里很清楚三次握手，然而对于四次挥手却忘了，这是大学习里学过的，奋而翻阅书籍和网络对之前所学的做一个温顾，算是夯实自我吧。TCP(Transmission Control Protocol)网络传输控制协议，是一种面向连接的、可靠的、基于字节流的传输层通信协议，数据传输前建立连接的工作要经过三次握手，数据传输后断开连接的工作要经过四次挥手。工作过...
2018-06-10 18:05:48
953
原创 学习vue的相关文档
看到了一些关于vue比较好的文章，怕不记下来，以后就忘了，所以整理出来，方便自己记，同时也希望能帮到看到的你Vue作者尤雨溪：vue2.0，渐进式前端解决方案vue2.1.7源码学习vue技术内幕当然vue官网是最应该看的啦，那后续发现了好文章会持续更新的...
2018-06-09 20:22:22
303
转载 多端统一开发框架 - Taro
ArchSummit全球架构师峰会深圳站<9折报名>最后一周！Google、Facebook、Netflix、BAT等100+国内外顶尖架构师的深度复盘和讲解，立即了解详情：sz2018.archsummit.comTaro - 多端开发框架Taro 是什么？Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。现如今市面上端的形态多种多样，Web、...
2018-06-09 19:36:59
12693
2
原创 Javascript设计模式详解
在掘金上随便翻着看，看到了JavaScript设计模式详解，涂根华写，真的很详细，看来接下来有的学了，分享出来，希望更多的正在学前端的你可以看到喽。...
2018-06-09 19:32:33
195
原创 移动端相册集实例（包括滑屏，自定义滚动条，上拉加载，大图预览）
大致功能描述：1、滑屏，添加自定义滚动条2、上拉加载3、大图预览图片预览（左边是为加载中的相册集，中间一个是加载完成的相册，一个是当我们拉到底部的时候会有加载更多的提示，右侧是大图预览的图片，不确定能不能上传成功，之前不能，试一试喽）实现过程，我在代码中注释了，个人认为注释还是很详细的，如果有什么疑问，欢迎留言提问哦！嗯，然后直接上代码喽！注意：在使用前，还是先要引入我之前封装好的函数，链接：MT...
2018-06-08 18:39:23
850
1
原创 js中的children实时获取子元素
先看下面一个小例子的结果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ul,li{list-sty
2018-06-07 21:05:07
37803
2
原创 js中容易掉坑的几道面试题
今天看了几道面试题，有点易错，嗯，整理出来，大家一起看喽1、看题： (function(){ var a = b = 3; })(); console.log("a defined? " + (typeof a !== 'undefined'));//a defined? false console.log("b defined? " + (type...
2018-06-06 20:35:58
2151
转载 js面试题及答案
原文出处： Toptal 译文出处：众成翻译 - xiaosheng222 1、使用typeof bar ===“object”来确定bar是否是一个对象时有什么潜在的缺陷？这个陷阱如何避免？尽管typeof bar ===“object”是检查bar是否是对象的可靠方法，但JavaScript中令人惊讶的问题是null也被认为是一个对象！因此，对于大多数开发人员来说，下面的代码会将真实（...
2018-06-06 19:45:03
4562
转载 Web图片资源的加载与渲染时机
原文出处： Leechikit 此文研究页面中的图片资源的加载和渲染时机，使得我们能更好的管理图片资源，避免不必要的流量和提高用户体验。浏览器的工作流程要研究图片资源的加载和渲染，我们先要了解浏览器的工作原理。以Webkit引擎的工作流程为例：从上图可看出，浏览器加载一个HTML页面后进行如下操作：解析HTML —> 构建DOM树加载样式 —> 解析样式 —> 构建样式规则树...
2018-06-06 18:52:21
1545
转载 前端技术书(前端优秀书籍整理)
JavaScript《JavaScript高级程序设计》+ 入门级 + 306 票 + 豆瓣评分 9.3推荐语：恐龙：再次预言这本书能认真看十遍着 都能进bat阿琛：详尽地解读了JS这门语言的各个组成部分，透彻地剖析了JS所涉及的编程思想，深入浅出地演示了丰富的JS应用实例…读完这本书你不一定就能成为前端大牛，但如果你真的能把这本书读懂，吃透，那么你离JS高手肯定不远啦！ 《编写可维护的Jav...
2018-06-06 14:24:26
3530
转载 CSS3 中的 box-shadow 属性
“box-shadow”属性box-shadow属性是一个CSS3属性，允许我们在几乎任何元素上来创建阴影效果，类似于在设计软件中的”drop shadow”。这些阴影效果允许我们在原本平面的、二维的页面上面创建出深度（第三维）的错觉。语法box-shadow属性接收一个由5个部分组成的值JavaScript12box-shadow: offset-x offset-y blur spread c...
2018-06-06 14:18:22
8424
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人