前端知识
关注
分享
扫一扫
文章平均质量分 66
Cutepingping
女神一生的皇冠
展开
-
前端优秀插件网站汇总整理——轻松建站。。。
1、Amaze Ui(妹子UI)：中国首个html5跨屏前端框架 http://amazeui.org/ 2、WebUploader：一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。http://fex.baidu.com/webuploader/。 3、myFocus：一个专注于焦点图/轮换图制作的JS库，是轻量级的，好用。http://demo.jb51.net/js/myfoc...原创 2018-06-07 15:36:18 · 2579 阅读 · 0 评论 -
重定向跳转——javascript
重定向的概念及目的当点击一个URL来访问一个网页x,但在内部你背定向到另一页Y，仅仅是因为页面重定向。这一概念是从不用于JavaScript页面刷新，可能有各种原因，为什么想从原来的页面重定向，原因如下：1）如果不喜欢现有的域名，可以重定向到一个新的。同时，要引导所有访问者到新网站。在这种情况下，可以保持旧的域名，但放在一个页面到一个页面重定向使所有的旧域名游客可以来到新的域名2）基于...原创 2018-10-03 17:17:26 · 2140 阅读 · 0 评论 -
日常整理系列——笔试刷题00005
1）编写一个函数判断参数是否是数组类型，如果是返回 true解题思路：typeof只能识别原始类型，它无法对function和object类型做进一步判断。 验证原型对象： var bool = obj.__proto__.constructor.name == 'Array' ? true: false; 验证实例： var bool = (obj instance of Ar...原创 2018-10-12 01:11:48 · 237 阅读 · 0 评论 -
日常整理系列——笔试刷题00006
1） CSS 百分比参照问题当进行百分比设置宽高、内外边距时，所遵循的规则是：参照父元素宽度的元素：padding margin width text-indent 参照父元素高度的元素：height 参照父元素属性：font-size line-height特殊：相对定位的时候，top(bottom) left(right) 参照的是父元素的内容区域的宽度与高度，而绝对定位的时候参...原创 2018-10-12 21:33:26 · 382 阅读 · 0 评论 -
Promise对象——JavaScript
JavaScript的异步执行概述：JavaScript语言是单线程的，为了解决排队等待的现象，JavaScript将任务的执行模式分成了同步和异步。同步模式：传统的做法，后一个任务等待前一个任务结束，然后再执行，执行的执行顺序与任务的排列顺序是一致的、同步的。这往往用于一些简单的、快速的、不涉及IO读写的操作。异步模式：每一个任务分成两段，第一段代码包含对外部数据的请求，第二段代码被写成...原创 2018-10-06 00:47:58 · 211 阅读 · 0 评论 -
GET与POST的区别与选取
GET与POST的区别：GET方式：用get方式可传送简单数据，但大小一般限制在1KB下，数据追加到URL中发送（http的header传送），也就是说，浏览器将各个字段元素及其数据依照URL参数的格式附加到请求行中的资源路径后面。另外重要的一点事，他会被客户端的浏览器缓存起来，别人就可以从浏览器的历史记录中，读取到此客户的数据，比如账号和密码。因此，在某些情况下，get方法会带来严重的安...原创 2018-10-12 17:15:28 · 298 阅读 · 0 评论 -
日常整理系列——笔试刷题00007
1）如果一个html文档内含有阿拉伯文，则应该（）答案：使用utf-8解析：utf-8是一种针对Unicode的可变长度字符编码，又称万国码。utf-8用1-6个字节编码UNICODE字符。用在网页上可以统一页面显示中文、简体、繁体以及其他语言（英语、日文、韩文）GBK是汉字编码，是双字节码，可表示繁体字和简体字ISO8859-2字符集，也称Latin-2,收集了东欧字符2）hea...原创 2018-10-13 01:06:06 · 542 阅读 · 0 评论 -
日常整理系列——笔试刷题00004
1）关于CSS布局中的BFC，相关描述：（从未遇到的知识漏洞，赶紧补上）BFC就是”块级格式化上下文“的意思，创建了BFC的元素就是一个独立的盒子，不过只有block-level box可以参与创建BFC,它规定了内部的Block-level Box如何布局，并且与这个独立盒子里的布局不受外部影响，当前他也不会影响到外面的元素 内部的Box盒子会在垂直方向，从顶部开始一个接一个地放置；属于同...原创 2018-10-11 22:34:48 · 286 阅读 · 0 评论 -
http协议报文头及常见的状态码
http协议简介：http协议（hyper text transfer protocol，超文本传输协议），是用于从万维网服务器传输超文本到本地浏览器的传送协议。 http基于TCP/IP通信协议来传递数据，属于应用层协议。 http基于客户端/服务器（c/s）架构模型，通过可靠的链接来交换信息，是一个无状态的请求/响应协议特点：HTTP是无连接：无连接的含义是限制每次链接只处理...转载 2018-10-18 00:52:50 · 1062 阅读 · 0 评论 -
前端面试题集——汇总二
浏览器页面有哪三层构成，分别是什么，作用是什么? 参考答案构成：结构层、表示层、行为层 分别是：HTML、CSS、JavaScript 作用：HTML实现页面结构，CSS完成页面的表现与风格，JavaScript实现一些客户端的功能与业务HTML5的优点与缺点？ 参考答案优点： a、网络标准统一、HTML5本身是由W3C推荐出来的。 b、多...转载 2018-09-28 17:05:33 · 344 阅读 · 0 评论 -
日常整理系列——笔试刷题00008
1)下面列出的浏览器，无webkit内核的是（）答案：Firefox解析：目前主流的三大浏览器内核为：（1）webkit是一个开源的web浏览器引擎，也就是浏览器的内核。Apple的Safari，Google的chrome，Nokias60的默认浏览器，苹果手机的默认浏览器以及Android手机的默认浏览器均采用webkit作为浏览器内核；（2）Gecko，大名鼎鼎的Firefox就是采用...原创 2018-10-13 23:59:59 · 669 阅读 · 0 评论 -
2018年前端学习心得——总结篇
学习2018年，确定了人生的职业规划，开启了前端之路。基础不存在的，本科所了解的HTML标签和简单CSS样式早就不存在了。下面简单总结一下这一年的收获与进步。自我学习（3个月）：前端基础知识，在图书馆随意借书看了好几本（无营养）。感觉CSS3+DOM操作没有太大问题了，其实还是一个未入门的小垃圾。。。感觉这是入门前端初学者的通病，没有在一个大的平台来看待前端的发展及良好的学习路线。多看知乎...原创 2019-01-07 15:34:59 · 2139 阅读 · 2 评论 -
面试基础题汇总（HTML/CSS/JS）——求职面试之道
HTML Doctype作用？严格模式与混杂模式如何区分？它们有何意义? HTML5 为什么只需要写 <!DOCTYPE HTML>？ 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 页面导入样式时，使用link和@import有什么区别？ 介绍一下你对浏览器内核的理解？ 常见的浏览器内核有哪些？ html...原创 2019-02-21 16:23:32 · 723 阅读 · 0 评论 -
浏览器 返回状态码汇总
浏览器 返回状态码汇总1xx-信息提示这些状态代码表示临时的响应。客户端在收到常规响应之前，应准备接收一个或多个 1xx 响应。 100 - 继续。 101 - 切换协议。 2xx - 成功 这类状态代码表明服务器成功地接受了客户端请求。 200 - 确定。客户端请求已成功。 201 - 已创建。 202 - 已接受。 203 - 非权威性信息。 204 - 无内容。 ...转载 2019-02-20 18:46:29 · 519 阅读 · 0 评论 -
浅谈http缓存
因为面试中出现的关于缓存的点，总是稀里糊涂的，一下子就被问蒙了，特此做些小结。我们用http访问服务器进行数据请求时，会先发送一个请求，之后服务器会做应答。而缓存，是在第一次必须获取到资源后，根绝返回的信息来告诉如何缓存资源。一般有两种形式：强缓存和协商缓存。同样从另外一个方面来看可以分为：缓存控制和缓存校验。缓存控制：控制缓存的开关，用于标识请求或访问中是否开启了缓存，使用了哪种缓存方式...原创 2019-03-08 11:14:30 · 317 阅读 · 0 评论 -
盒模式与BFC深入学习——CSS篇
盒模式有两种：标准模型与IE模型 两种模型对比：标准模型的宽高只是内容得宽高，而IE模型的宽高是内容+填充+边框的宽高。CSS设置模型：<!--标准模型-->box-sizing:content-box;<!--IE模型-->box-sizing:border-box;如何获取宽高通过JS获取盒模式对应的宽和高，...原创 2018-10-11 20:53:00 · 224 阅读 · 0 评论 -
window事件——JavaScript
window尺寸有三种方法能够确认浏览器窗口的尺寸（浏览器的窗口、不包括工具栏和滚动条）对于Internet Explorer、Chrome、Firefox、Opera以及Safari.window.innerHeight-浏览器窗口的内部高度.window.innerWidth- 浏览器窗口的内部宽度对于Internet Explorer 8/7/6/5document.doc...原创 2018-10-03 17:58:28 · 1795 阅读 · 0 评论 -
函数表达式和函数声明
创建函数的最常用的两个方法是函数表达式和函数声明，两者期间的区别是有点晕，因为ECMA规范只明确了一点：函数声明必须带有标示符（Identifier）（就是大家常说的函数名称），而函数表达式则可以省略这个标示符： 函数声明: function 函数名称 (参数：可选){ 函数体 } 函数表达式： function 函数名称（可选）(参数：可选){ 函数体 }所以，...原创 2018-09-20 11:31:46 · 321 阅读 · 0 评论 -
关于jQuery中的html()、text()、val()的区别 || on("click")与.click()
关于jQuery中的html()、text()、val()的区别.html()用于读取和修改元素的HTML标签。对应于Js中的innerHTML()。使用在多个元素上时，只读取第一个元素。.text()用来读取或修改元素的纯文本内容。对应JS中的innerText()。使用时，读取元素的纯文本内容，包括其后代元素；text()不能使用在表单元素上。.val()用来读取或修改表单元素的value值。...原创 2018-06-07 16:14:30 · 301 阅读 · 0 评论 -
调试工具的使用，新手必看
F12键适用于（谷歌、IE、火狐浏览器） ctrl+shift+alt（safari浏览器）控制台在控制台中敲代码效果和本地编辑器一致，“>”表示输入，“>”表示输出，强大到无法想象。一个优秀的前端程序猿一定是一个优秀的调试工具牛逼者。当运行以下代码：var num = 123;console.log(num);//输入的时候写的是函数的定义，但是输出为undefin...原创 2018-06-27 16:08:11 · 584 阅读 · 0 评论 -
浅拷贝与深拷贝
注意：拷贝的对象是object类型，一定要确保是引用类型。1、定义： *拷贝：复制一份，只将对象数据复制，拷贝对象的属性值的变化，不会影响原对象。 *深拷贝：拷贝时，将数据的所有引用结构都拷贝一份。 *浅拷贝：拷贝时，只针对当前对象的属性进行拷贝，那就是浅拷贝。2、代码演示 var car = { name : "法拉利" }； ...原创 2018-06-27 16:57:28 · 221 阅读 · 0 评论 -
javascript利用fetch实现异步请求的方法实例
#javascript利用fetch实现异步请求的方法实例首先是考虑fetch的原声支持情况，safari在10.1 之后才支持，ios更是10.3之后才支持，IE完全不支持。当然新技术的发展总会经历这个过程。Ajax请求：普通的Ajax请求，用XHR发送一个json 请求一般是这样的：... var xhr = new XMLHttpRequest(); xhr.open("GET",url);...原创 2018-07-05 09:31:14 · 1477 阅读 · 0 评论 -
JavaScript基础之详解——localStorages代码解析及封装问题与setTimeout函数的执行上下文
<script> //封装过期控制代码 function set(key,value){ var curTime = new Date().getTime(); localStorage.setItem(key,JSON.stringify({data:value, time:curTime})); } function...原创 2018-07-05 10:14:51 · 533 阅读 · 0 评论 -
即时反映的input和propertychange方法、for of与for in的区别
即时反映的input和propertychange方法在web开发中，有时会需要动态监听输入框值的变化，当使用onkeydown、onkeypress、onkeyup作为监听事件时会发现一些复制粘贴等操作作用不了。同时，在处理组合快捷键的时候也很麻烦，这时，我们需要更专业的解决方案：HTML标准事件：oninput、onchange和IE专属的事件properchange。1. oninput$o...原创 2018-07-06 10:11:39 · 783 阅读 · 0 评论 -
如何处理前端js报错——容错处理的汇总
在工作和实践中，总会遇到图片，，等的路径找不到。当然能够找到是极好的，但如果图片或某些文件写在被封装压缩整理过的js中，其实就是两种情况，跨域或不跨域1）跨域，请求的img失败，没有显示，显示本地默认的一个图在onerror中处理2）同域，同域如果目的图片加载不出，errorImg估计也加载不出，当然排除低级错误可先用js去预判不稳定的服务器下的图片function addImg(...原创 2018-08-09 11:03:08 · 4487 阅读 · 0 评论 -
函数定义功能汇总 （箭头函数、函数生成器声明等）
今天偶的发现一个新鲜的生成器函数，故此查询到了所有的函数声明定义的相关资料。供以后参考，累积。。主要包括：函数声明 函数表达式 生成器函数声明 生成器函数表达式 箭头函数表达式 几大类一 、 函数声明 （function声明）声明函数有一种特殊的语法：函数名称（[ param [, param [,... param]]]）{ statements }name 功能名称 ...原创 2018-08-24 00:16:03 · 1142 阅读 · 1 评论 -
用CSS3实现简单图形的显示
在写网页的过程,必不可免的会碰到网站需要装饰一些几何图形; 实现的方式无非四种: 1. 图片 2. CSS2.1&3 3. SVG 4. Canvas就我个人而言,对于一些常见的几何图形. - 图片是不推荐的[太占资源,也不利于维护] - CSS是比较推荐的,精简且方便维护 - SVG也是一个很好的选择[学习成本高一点点] - Canvas看情况使用.square...原创 2018-08-29 16:44:19 · 486 阅读 · 1 评论 -
关于Echarts和离线谷歌地图窗口显示不全的问题及解决方案
今日一个工作中的大数据分析平台项目中，接入了离线谷歌卫星地图和诸多Echarts。但是初次涉入数据分析平台，不可避免会碰到很多问题。最近一个特别头疼的问题就是出现白边或显示不全的问题。通过拖拽浏览器，使得浏览器重新获取可视宽高时，Echarts可以实现理想的效果，但是离线地图又出现白边问题产生的原因大致分为：1）Echarts图表所在祖辈Div隐藏后显示，发现所在的Echarts的canvas...原创 2018-09-04 11:38:57 · 2841 阅读 · 1 评论 -
获取隐藏的div实际宽高----使用jQuery.Actual.js插件
实例代码：// get hidden element actual width $( '.hidden' ).actual( 'width' ); // get hidden element actual innerWidth $( '.hidden' ).actual( 'innerWidth' ); // get hidden element actual outer...转载 2018-09-04 13:01:49 · 1162 阅读 · 0 评论 -
日常整理系列——笔试刷题00003
1、元素的alt和title的异同：alt是html标签的属性，而title既是html标签，又是html属性。 title标签这个不用多说，网页的标题就是写在<title></title>这对标签之内的。 title作为属性时，用来为元素提供额外说明信息。例如，给超链接标签a添加了title属性，把鼠标移动到该链接上面是，就会显示title的内容，以达到补充说明或者提...原创 2018-09-12 20:32:50 · 242 阅读 · 0 评论 -
React初级篇————基础项目搭建以及环境配置
今日起，开始学习web前端的三大框架之最看好的主流框架React。React用于搭建响应式的前端页面，一切皆为js的思想，具有最高的自由度。这里不作太多介绍，首先先来搭建配置相应的环境。安装的方式方法很多，我采用的是最为常见的，Nodejs的npm搭建：1）首先，我们需要安装node.js，直接搜索并在官网下载安装包或是通过菜鸟教程安装。node.js官网：https://nodejs...原创 2018-09-04 16:14:58 · 811 阅读 · 0 评论 -
高质量JavaScript代码基本要点汇总（持续更新）
本博文包括一些与代码不太相关的习惯，但对整体代码的创建息息相关，包括撰写API文档、执行同行评审以及运行JSLint。这些习惯和最佳做法可以帮助你写出更好的，更易于理解和维护的代码，这些代码在几个月或是几年之后再回过头看看也是会觉得很自豪的。所以将不断从项目中，日常累积，并时常回头来回味。。。全局变量的问题全局变量的问题在于，JavaScript应用程序和web页面上的所有代码都共享了这些...原创 2018-09-20 10:29:35 · 358 阅读 · 0 评论 -
reactJS 学习指南——汇总
React学习资源汇总 React是如今最热门的前端框架，它设计思路独特，性能卓越，逻辑简单，受到了广泛开发者的喜爱。一旦接触她，你就会被她深深吸引。 我断断续续的学了将近两个月，今天终于有时间把自己学习React的一些学习资料总结一下。 React 官方 官网地址： http://facebook.github.io/react/ Github地址： ht...转载 2018-09-07 16:33:10 · 358 阅读 · 0 评论 -
实现webIM技术小结——websocket 实例篇
Socket.io 用于浏览器与 Node.js 之间实现实时通信。官网：socket.io/ 官网聊天室案例：socket.io/get-started… Socket.io 中文介绍：www.cnblogs.com/xiezhengcai… Socket.io 简述：blog.youkuaiyun.com/yczz/articl…Socket.io介绍Socket.io 是一个完全由 Ja...转载 2019-07-15 09:45:39 · 693 阅读 · 0 评论