web前端
lloyvhe
既然选择了远方,便只顾风雨兼程
展开
-
[置顶]getElementsByClassName
HTML5 DOM中新增了一个令人期待已久的方法:getElementsByClassName。这个方法能让我们通过class属性中的类名来访问元素,不过由于这个方法还比较新,某些DOM实现里可能还没有,所以使用的时候要当心。getElementsByClassName方法非常有用,但只有较新的浏览器才支持它,为了弥补这一不足,DOM脚本程序员需要使用已有的DOM方法来实现自己的getElem原创 2015-06-12 10:47:20 · 558 阅读 · 0 评论 -
js多并发怎么控制
经常在写代码的时候碰到这样的场景:页面初始化时显示loading页,同时启动多个ajax并发请求获取数据,当每个ajax请求返回时结束loading。 举个例子,一个下订单的页面,要查询常用地址信息、商品信息、地市信息…而这些请求都是异步的,希望等到所有数据加载完成后再允许用户操作。 要实现这个场景容易碰到的一个问题就是多并发怎么控制?下面是一些解决方法和思路:并行改为串行如果业务逻辑本身是串行转载 2016-03-29 18:52:57 · 3297 阅读 · 0 评论 -
网站性能优化的35条黄金守则
一、内容部分· 尽量减少 HTTP请求· 减少 DNS查找· 避免跳转· 缓存 Ajxa· 推迟加载· 提前加载· 减少 DOM元素数量· 用域名划分页面内容· 使 frame数量最少· 避免 404错误 1、尽量减少 HTTP请求次数 终端用户响应的时间中,有 80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、转载 2016-02-19 21:12:49 · 643 阅读 · 0 评论 -
同源策略
概念:同源策略是客户端脚本(尤其是Javascript)的重要的安全度量标准。它最早出自Netscape Navigator2.0,其目的是防止某个文档或脚本从多个不同源装载。 这里的同源指的是:同协议,同域名和同端口。精髓: 它的精髓很简单:它认为自任何站点装载的信赖内容是不安全的。当被浏览器半信半疑的脚本运行在沙箱时,它们应该只被允许访问来自同一站点的资源,而不是那些来转载 2016-02-20 09:26:24 · 375 阅读 · 0 评论 -
CSS清浮动处理(Clear与BFC)
在CSS布局中float属性经常会被用到,但使用float属性后会使其在普通流中脱离父容器,让人很苦恼1 浮动带来布局的便利,却也带来了新问题 Clear float .container{ margin: 30px auto; width:600px; heig转载 2016-02-20 23:19:30 · 319 阅读 · 0 评论 -
block,inline和inlinke-block元素对比
display:blockblock元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。block元素可以设置margin和padding属性。display:inlineinline元素不会独占一行,多个相邻的行原创 2016-02-21 11:44:34 · 675 阅读 · 0 评论 -
js中null undefined 空的区别
var val=text.value; if(val=="") alert("请输入内容哦!");var val=text.value; if(val==null) alert("请输入内容哦!");var val=text.value; if(!val) alert("请输入内原创 2015-06-12 10:46:40 · 407 阅读 · 0 评论 -
前端一道面试题,考察变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级
一道面试题functionFoo(){ getName = function(){alert(1);}; returnthis;}Foo.getName = function(){alert(2);};Foo.prototype.getName = functio转载 2016-02-23 12:34:04 · 911 阅读 · 0 评论 -
js作用域
一. 什么是作用域 它是指对某一变量和方法具有访问权限的代码空间, 在JS中, 作用域是在函数中维护的. 表示变量或函数起作用的区域,指代了它们在什么样的上下文中执行,亦即上下文执行环境。Javascript的作用域只有两种:全局作用域和本地作用域,本地作用域是按照函数来区分的。二、作用域的注意事项1.js的作用域是有函数划分的,而不是块儿v原创 2016-02-29 23:12:15 · 409 阅读 · 0 评论 -
js中时间问题
(new Date()).getTime()和+new Date()都可以取到当前时间戳,然而前者的效率更高。因为:getTime()是Date对象的方法;+等同于valueOf()方法,是Object上的方法,所以前者的效率更高。Date对象的方法:var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDa原创 2016-04-17 17:03:49 · 774 阅读 · 0 评论 -
智能社js学习笔记
style.height书写方式与style[height] 书写等价 即.可与[]互换可以用.的地方也可以用[],但是[]更好的地方在于可以用在函数传参function to(name,num){ var to=document.getElementById('div1'); to.style[name]=num; }原创 2015-06-12 10:47:03 · 890 阅读 · 0 评论 -
git学习
在终端中输入git,查看是否安装啦git 创建一个文件夹,进入文件夹,并输入git init 把其变成一个git仓库 git status 可查看仓库的状态 操作过程:1.本地创建文件夹初始化为git仓库 git init,或者clone远程库到本地 git clone [URL]ps:若既git init 又git clone的话,会生成两个仓库嵌套,产生冲突,因为git clone时自原创 2016-07-12 18:00:16 · 373 阅读 · 0 评论 -
ES6学习---let
let与var都是声明变量,区别 1.var 作用域:局部、函数,无块级作用域;let声明变量的作用域为块级作用域,声明一个块级局部变量 2.var有变量提升;let无变量提升 3.let会造成暂时性死区,即在块级作用域内用let声明之后,该变量不受外部的影响,即凡是在声明之前就使用这些变量的湖,就会报错。(感觉和没有变量提升类似?) 盗阮一峰大大的图帮助理解 (在原创 2016-07-14 15:11:20 · 337 阅读 · 0 评论 -
div与焦点事件的问题
问题:给div添加onfocus事件无反应 解决:给div增加一个tabIndex属性 扩展: 1.div不支持焦点事件? 经测试,onfocus、onblur、onkeydown、onkeyup等与获取焦点的事件均无效,即默认情况下的div是不能获取焦点的。 那么第二个问题来了,div怎么才能获取焦点呢? 2.div如何获取焦点? 给div添加tabIndex属性 经测试,原创 2016-08-01 19:44:50 · 9652 阅读 · 1 评论 -
[ 8.1 - 8.5 ]周问题总结
一、整理总结1.props在组件内不能修改在做需求的过程中,有一功能为: [ 8.1 - 8.5 ]周问题总结 > 屏幕快照 2016-08-05 下午2.51.58.png" width="90" src="http://wiki.sankuai.com/download/thumbnails/571062745/%E5%B1%8F%E5%B9%95%E5%BF%AB%E7%85原创 2016-08-29 14:25:05 · 558 阅读 · 0 评论 -
ES6学习---解构
什么是解构?ES6允许按照一定模式,从数组盒对象中提取值,对变量进行赋值,称为解构,即解构赋值在ES6之前,给变量赋值只能直接指定值,例如:var a=1; var b=2;感觉很麻烦。。 在ES6中,可以给数组、对象、字符串、函数参数进行解构赋值 ...x表示剩余的元素到数组结束,只能放在最后的位置 x的值原创 2016-08-29 14:27:24 · 524 阅读 · 0 评论 -
图片问题
目前,图片内容已经占互联网内容的62%,也就是说有超过半数的下载量都是图片,所以图片的大小就影响着网页加载的速度,对性能优化有很大的影响。现在网页中较常用到的图片格式有:jpg、png、gif、webp等,还有一些我没听说过的。。比如apng、svg(ps:暴露了孤陋寡闻 T T)贴一张各种图片格式特点的图:图片使用分析过程:jpg适合显示照片等颜色原创 2016-08-29 14:29:06 · 606 阅读 · 0 评论 -
数组去重整理
找到超出重复元素先排序,再比较相邻元素是否相同var arr = [9, 9, 111, 2, 3, 4, 4, 5, 7]; var sortedArr=arr.sort();//字典顺序,输出:111,2,3,4,4,5,7,9,9 var results = []; for (var i = 0; i < arr.length - 1; i++) { if (sortedArr原创 2016-08-19 15:34:58 · 423 阅读 · 1 评论 -
ajax在实际应用中是要选择同步还是异步
ajax在实际应用中是要选择同步还是异步 Ajax在网页中最大的一个优点是它可以访问服务器上的信息而不需要重新加载网页。这意味着要检索或是更新信息的某一小个部分的时候,只需要从服务器端传送那一部分需要的信息而不需要重新下载整个网页。 Ajax可以通过两种方法访问服务器,即同步(脚本会停留并等待服务器发送回复然后再继续)和异步(脚本允许页面继续其进程并处理可能的回复)。转载 2016-03-29 16:46:48 · 618 阅读 · 0 评论 -
js闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全转载 2016-03-03 20:47:54 · 352 阅读 · 0 评论 -
在网页中插入pdf文件
由于要做的个人主页的需求,突然想在网页中可不可以插入pdf文件来阅读呢?于是开始查资料, 一种说用标签,但是没能实行成功 通过的浏览器:360、Firefox、IE、Chrome 一种说可以用标签,这种方法经检验可行 这段代码可以在网页中查看pdf文件,但是这个方法不能全屏观看原创 2015-06-12 10:46:11 · 2018 阅读 · 1 评论 -
浏览器加载网页的顺序
一、浏览器加载和渲染html的顺序 1. 用户输入网址(假设是个 HTML 页面,并且是第一次访问),浏览器向服务器发出请求,服务器返回 HTML 文件;2. 浏览器开始载入 HTML 代码,发现 标签内有一个 标签引用外部 CSS 文件;3. 浏览器又发出 CSS 文件的请求,服务器返回这个 CSS 文件;4. 浏览器继续载入 HTML 中 部分的代码,并且 CSS 文转载 2015-06-12 10:46:33 · 563 阅读 · 0 评论 -
[置顶]sublime Test 3的配置文件
// While you can edit this file, it's best to put your changes in// "User/Preferences.sublime-settings", which overrides the settings in here.//// Settings may also be placed in file type specific o转载 2015-06-12 10:47:17 · 1279 阅读 · 0 评论 -
转载一篇张鑫旭大大的文章,我感觉不错!!【获取元素CSS值之getComputedStyle方法熟悉】
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2378一、碎碎念~前言我们都用过jQuery的CSS()方法,其底层运作就应用了getComputedStyle以及getPropertyValue方法。对于那些只想混口饭吃的人来讲,晓得CSS()如何使用就足转载 2015-06-12 10:47:08 · 1028 阅读 · 0 评论 -
javascript(一)
一、JavaScript简介 JavaScript是一种专为与网页交互而设计的脚本语言,由下列三个不同的部分组成: ECMAscript,由ECMA-262定义,提供核心语言功能;文档对象模型(DOM),提供访问和操作网页内容的方法和接口;浏览器对象模型(BOM),提供与浏览器交互的方法和接口。JavaScript的这三个组成部分,在当前五个主要浏览器(IE/Firefox原创 2015-07-16 18:51:46 · 525 阅读 · 0 评论 -
js中innerHTML和outerHTML的相同与不同
相同:两者在写模式下,都是会根据指定对的值创建新的DOM树,然后用这个DOM树完全替换调用元素原先的所有子节点不同:在读模式下,innerHTML返回与调用元素的所有子节点(包括元素、注释和文本节点)对应的HTML标记;outerHTML返回调用它的元素及所有子节点的HTML标签。(即:innerHTML返回的元素内容不包括元素本身,outerHTML返回的内容包含元素本身)e原创 2015-10-21 22:17:51 · 1356 阅读 · 0 评论 -
border问题考考你
一、border三剑客问题平时我们写css时border的写法都是三样式:border:1px solid red;边框大小,边框样式,边框颜色那么如果我们去掉几个会怎样呢?1.去掉边框大小 border div{ border: solid red; } border属性结果是什么样呢?chrome下看,显示出来的是边框大小是3p原创 2015-11-11 16:10:42 · 943 阅读 · 0 评论 -
实现图片中心缩放
首先什么是中心缩放呢?相信大家都明白,就是以中心为原点放大图片。。。(感觉跟没说一样不过大家肯定都明白)首先说一下用css3实现的方式: body{ background-color: #D3C7C7; } div{ width:300px; height:350px; margin:100px auto; } img{ cursor:point原创 2015-11-13 21:12:44 · 6405 阅读 · 1 评论 -
Html与CSS布局技巧
一、单列布局水平居中水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素)使用inline-block 和 text-align实现.parent{text-align: center;}.child{display:原创 2015-11-18 18:52:23 · 398 阅读 · 0 评论 -
js模块化编程require.js学习摘记
学习资料: 阮一峰博客:http://www.ruanyifeng.com/blog/2012/11/require_js.html require.js文档手册:http://requirejs.org原创 2015-12-12 00:40:08 · 412 阅读 · 0 评论 -
lazyload.js学习摘记
学习资料: http://www.ijquery.cn/?p=253http://www.weste.net/2014/5-15/96857.html原创 2015-12-12 01:17:31 · 285 阅读 · 0 评论 -
doT.js 模板引擎学习摘记
学习资料: doT.js模板引擎的使用http://www.fantxi.com/blog/archives/dot-template/comment-page-1#commentsdot.js是一个模板框架,在web前端使用。doT.min.js是dot.js的压缩版。简单demo代码:html、javascript代码一览:<!DOCTYPE html><html><head><meta ht转载 2015-12-12 01:12:29 · 727 阅读 · 0 评论 -
HTTP状态码
状态码的类别常用HTTP状态码状态码的类别 HTTP状态码 类别 原因短语 1xx Informational(信息性状态码) 接收的请求正在处理 2xx Success(成功状态码) 请求正常处理完毕 3xx Redirection(重定向状态码) 需要进行附加操作以及完成请求 4xx Client Error(客户端错误状态码) 服务器原创 2016-01-15 22:21:39 · 398 阅读 · 0 评论 -
移动WEB前端开发资源整合
meta篇1.视窗宽度其中 width=device-width 是设置视窗宽度为设备视窗宽度,还可以固定宽度,例如:width=640 则是640px的宽度(常见于微信);initial-scale=1.0 :设置缩放比例为1.0;minimum-scale=1.0 和maximum-scale=1.0 :最小缩放比例和最大转载 2015-11-28 11:24:31 · 508 阅读 · 0 评论 -
前端笔试面试中的常用知识点总结(CSS)
1、CSS选择器的优先级!important > 内联 > id选择器 > 类选择器 > 标签选择器多个类选择器叠加(256)之后的优先级大于一个id选择器!important 用于强调CSS属性具有最高的优先级。IE6不支持这种用法。CSS选择器的种类:1.id选择器(# myid)2.类选择器(.myclassname)3.标签选择器转载 2015-11-29 17:14:27 · 839 阅读 · 0 评论 -
解决tomcat运行statup.bat的闪退问题
免安装的tomcat双击startup.bat后,启动窗口一闪而过,而且tomcat服务未启动,下面与大家分享下原因及解决方法原因: 在启动tomcat是,需要读取环境变量和配置信息,缺少了这些信息,就不能登记环境变量,导致了tomcat的闪退解决办法: 1.在已解压的tomcat的bin文件夹下找到startup.bat,右击->编辑。在文件头加入下面两行: SET JAVA_HOME=D:\原创 2015-12-21 18:58:14 · 1584 阅读 · 0 评论 -
回到顶部效果
最简单的静态返回顶部,点击直接跳转页面顶部,常见于固定放置在页面底部返回顶部功能 方法一:用命名锚点击返回到顶部预设的id为top的元素 <a href="#top" target="_self">返回顶部</a>方法二:操作scrooll函数用来控制滚动条的位置(第一个参数是水平位置,第二个参数是垂直位置)<a href="javascript:scroll(0,0)">返回顶部</a>转载 2015-12-04 15:11:31 · 413 阅读 · 0 评论 -
CSS实现垂直水平居中
一、绝对居中Absolute Centering需要声明元素高度 *{ margin: 0; padding: 0; } div{ height: 100px; width: 100px; border:1px solid red; background: yellow; } .one{ margin: auto; position:原创 2016-03-01 14:43:12 · 459 阅读 · 0 评论 -
js单线程
众所周知,JavaScript是以单线程的方式运行的。一、为什么js是单线程?这与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。若以多线程的方式操作这些DOM,则可能出现操作的冲突。假设有两个线程同时操作一个DOM元素,线程1要求浏览器删除DOM,而线程2却要求修改DOM样式,这时浏览器就无法决定采用哪个线程的操作。当然,我们可以为浏览器引入“锁”的机原创 2016-03-28 00:31:01 · 6330 阅读 · 2 评论