前端
文章平均质量分 74
toumingyumaohuiyi
这个作者很懒,什么都没留下…
展开
-
Web缓存机制综述(HTML5缓存总结与细节释疑)
标签: | 发表时间:2013-10-17 17:28 | 作者:bob007abc出处:http://blog.csdn.net/bob007abc开篇:最近项目里用到了HTML5缓存机制,于是很想搞清楚 浏览器缓存,HTML5离线缓存,还有项目中用到的 CDN缓存 这三部分的关系以及更新机制。看了一堆关于HTML5缓存机制的文章,各有所长,各有疏漏。因此转载 2016-10-09 10:20:14 · 459 阅读 · 0 评论 -
关于面试中的原生js实现事件代理和事件模型和事件广播的学习
待补充原创 2016-12-13 15:11:15 · 3564 阅读 · 1 评论 -
CSS常见兼容性问题总结
本文有部分是从别的大神博客看来的,有部分是自己平时遇到的 ,一并写下来,当然肯定是不全的,欢迎大家补充1、首先是div居中问题,通常写法为#first {margin:0 auth;width:100px;height:200px;background-color:blue;}上述代码在chrom下IE7 等是正常居中的,如图:然而上述代码在混杂原创 2017-02-09 14:20:57 · 342 阅读 · 0 评论 -
关于在js和jquery中bind的不同使用及手写实现Function.bind
jquery 中bind的使用方法:$(selector).bind(event,data,function)举例;$("button").bind("click",function(){ $("p").slideToggle();});ECMAScript5 bind的使用 改变上下文函数.bind(this上下文参数, 普通参数1, 普通参数2原创 2016-10-06 10:54:29 · 778 阅读 · 0 评论 -
angular学习整理(一)
最近在学习angular做个整理,什么样的web适合使用angular?angular考虑的是构建CURD(创建create查询retrieve 更新 update 删除 delete)应用,但是像游戏、图形界面编辑器这种DOM操作很频繁也很复杂的应用,和CURD应用就有很大的不同,它们不适合用angularjs来构建,像这种情况用一些更轻量、简单的技术更好例子切入:fi转载 2016-12-16 21:01:21 · 539 阅读 · 0 评论 -
关于js的设计模式之学习(一)---观察者模式
关于设计模式大家应该不陌生吧,今天我正好在看组件的时候看到有关于设计模式的东西,所以决定写下来以供以后学习和复习,不然脑子总是喜欢忘掉啊 设计模式有很多种,什么观察者模式,职责链模式,工厂模式等等,今天先谈谈观察者模式观察者模式又叫做订阅者模式,按字面意思理解,就类似于订阅杂志,我订阅了某个刊物,只要有新的期出现,发布刊物者就会通知我我就会知道,因为我订阅了。那么这种设计模式在我们程原创 2017-02-28 14:36:59 · 354 阅读 · 0 评论 -
javascript原型理解
随便原创 2017-01-22 10:59:38 · 416 阅读 · 0 评论 -
CSS自适应布局
什么是布局,其实就是用定位和尺寸相关的属性来完成布局,布局会用到的有:普通流、浮动、绝对定位三种定位机制,CSS3中的transform、flex等先来说float浮动,现在比较多的网站都在用这种浮动布局:我们都知道float让元素脱离了普通流,然后使用width/height,margin/padding将元素定位,从别处盗了图,索然盗图可耻看是不是浮动已经脱离了普通流了原创 2017-02-23 16:41:33 · 328 阅读 · 0 评论 -
angular学习整理(二)---指令
接着上文说原创 2017-02-13 16:09:11 · 225 阅读 · 0 评论 -
一些不错的网址
基于requireJS和angularJS的前端技术架构http://blog.163.com/liuyong_xiaxia/blog/static/17435525520156341446981/转载 2016-10-31 11:26:40 · 307 阅读 · 0 评论 -
主流浏览器内核介绍(前端开发值得了解的浏览器内核历史)
作者:伯乐在线专栏作者 - 韩子迟最近 “个人恶趣味” 持续发酵,突然想了解下浏览器内核的发展历史。内核首先得搞懂浏览器内核究竟指的是什么。浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它负责取得网页的内容(HTML、XML、图像等等)、整转载 2017-02-04 09:31:26 · 225 阅读 · 0 评论 -
关于ES6中的promise用法以及在ajax中的应用
最近看到了一道题,大概是让你说说promise的用法以及在ajax的使用其实乍一看,还是蛮蒙的,说实话最近也是在慢慢的学习es6,所以很多东西还是在学习阶段,好了言归正传,这个Pormise是个什么东西呢,其实就是一个构造函数,这个构造函数本身有reject,resolve等方法,prototype原型上有then,catch等方法,用法就是var p=new Promise(function原创 2017-03-18 09:23:12 · 1609 阅读 · 0 评论 -
HTML页面加载和解析流程 (未完待续)
最近在看浏览器的渲染加载,然后看到网上有篇文章写的不错,特别拿过来学习下用户输入网址,浏览器向服务器发出请求,接着,服务器返回html文件,浏览器开始载入html代码,开始解析为DOMtree,如果此时head标签内有一个link标签,则引入外部的css文件,浏览器发出css文件的请求,服务器返回这个css文件,然后解析css文件并生成css rule tree。浏览器继续载入htm原创 2017-03-09 15:54:02 · 408 阅读 · 0 评论 -
面试题整理学习
1.slice(数组)用法:array.slice(start,end)解释:该方法是对数组进行部分截取,并返回一个数组副本;参数start是截取的开始数组索引,end参数等于你要取的最后一个字符的位置值加上1(可选)?123456789101112原创 2016-11-18 15:15:43 · 298 阅读 · 0 评论 -
nodejs+angular+mongodb实现论坛基本功能
学习了nodejs和angular已经有一段时间了,在这期间,是边学习,边将学习付诸于实践中,断断续续的学习开发了三个多月吧,做的大概就是实现了基本的帖子发布,帖子删除,添加回复,查看帖子,添加作者,编辑作者删除作者等功能,下面请让我一一道来,开发工具是webstorm基本架构主要包括后端nodejs做服务端开发angular作为前端开发,使用express构建rest服务原创 2017-03-12 21:18:26 · 1230 阅读 · 3 评论 -
position float(持续补充中。。。)
1转载 2016-10-28 21:54:05 · 531 阅读 · 0 评论 -
localStorage sessionStorage学习
今天有点不想整理了 ,明天开始~~原创 2017-02-06 16:48:24 · 296 阅读 · 0 评论 -
小题整理
1、完成一个正则表达式,用来验证身份证号码var string='35021119920102353X';var stringExp=new RegExp(/^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/);alert(stringExp.test(string)); //true//15位或18位,如果是15位,必需全是数字//如果是18位,最后一位转载 2016-10-09 15:36:51 · 338 阅读 · 0 评论 -
鼠标点击页面中的任意标签,alert该标签的名称.
在某次web前端笔试题上看到了这个题目请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性)解决办法:(因为自己能力比较弱,没想起来如何获取界面的所有标签 ,望知道的大侠告知~~)事件的有捕获类型和冒泡类型在这里我们可以利用冒泡解决该问题 var el = document.getElementsByTagName('body');el[0].on原创 2016-10-08 15:53:09 · 2839 阅读 · 0 评论 -
优化页面加载速度
1.JS、CSS、HTML做gzip压缩(不要对图片进行Gzip压缩)2.删除js、css、html文件的注释,回车符,以及无效字节3.javascript放置网页底部,避免阻塞下载 (异步加载)4.CSS放到header中,避免白屏5.合并JS和CSS;压缩JS和CSS;6.优化缓存:对没有变化的css、js,图片等网页元素,直接利用客户端的浏览器缓转载 2016-10-09 15:29:27 · 198 阅读 · 0 评论 -
十家公司前端面试小记
前言春节前离职了,年后来了有一周了,把简历丢到网上后大概收到了将近七十多个面试邀请,挑了几个稍微知名一些的公司如国美京东美团百度彩票等和一些中小型公司去面试,这星期一共面了11家公司,除了阿里似乎没戏了其他的十家基本都发了口头或是正式offer,也不打算再面了,社保断了也是个麻烦事,打算从这其中挑一个就可以了。面试过程中有做面试题的,也有直接聊的,实话讲有些面试题其实就是背书,随便转载 2016-10-11 11:32:45 · 367 阅读 · 1 评论 -
React 入门实例教程
作者: 阮一峰日期: 2015年3月31日现在最热门的前端框架,毫无疑问是 React 。上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑。React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 I转载 2016-10-11 11:42:47 · 245 阅读 · 0 评论 -
前端 http request
Q1:http协议:什么是http协议:协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则,超文本传输协议(http)是一种通信协议,它允许将超文本标记语言(html)文档从web服务器传送到客户端的浏览器通过因特网传送万维网文档的数据传送协议。目前我们使用的http版本是http/1.1其前身是http/1.0。关于两个版本不同,下面会不时提及。在整个i转载 2016-11-03 11:17:47 · 2929 阅读 · 1 评论 -
js 订阅者模式(观察者模式)
1、转载 2016-10-23 17:16:12 · 435 阅读 · 0 评论 -
angular+nodejs+socket.io 聊天功能的实现
为转载 2016-11-05 18:46:27 · 1156 阅读 · 2 评论 -
div中的元素居中如img text ul div 等(待补充)
如题 待补充原创 2016-10-28 22:05:13 · 317 阅读 · 0 评论 -
标准模式和混杂模式
那么,问题来了,什么情况下页面会处于混杂模式呢?下面是列出的几种:(1)不写(2)前面加上xml声明 (IE6)(3)和之间加了(标签、文本、注释)(ie8以下都有,ie9以上未测)(4)前面有(标签、文本、注释)(ie8以下都有,ie9以上未测)1和4是比较常见的,可能还有其他情况,还没有遇到过具体的例子。。。我曾经在一篇文章看到说页面结构错误也会引发混杂模式,不知转载 2016-11-17 09:56:49 · 343 阅读 · 0 评论 -
js test match exec三者区别
js的正则表达式有test exec match三种不同的方法 本博客主要参考其他博客及自己看书所得,正则有两种表达方式,一种是字面量模式,另一种是使用RegExp的模式test:test 返回的是Boolean ,查找对应的字符串中是否存在模式var str="catastrop";var reg= new RegExp("cat","g");//(使用RegExp的模式)原创 2016-11-21 10:16:30 · 682 阅读 · 0 评论 -
js及innerWidth、innerHeight、outerWidth和outerHeight属性
跨浏览器确定一个窗口的大小不是一件简单的事。Firefox.Safari.Opera和Chrome均为此提供了4个属性:innerWidth、innerHeight、 outerWidth和outerHeight。在Safari和Firefox中,outerWidth和outerHeight返回浏览器窗口本身的尺寸(无论是从最外层的window对象还是从某个框架访问)。Opera中,这两个转载 2016-11-23 15:04:10 · 8405 阅读 · 0 评论 -
require的学习
待补充原创 2016-12-13 15:21:44 · 393 阅读 · 0 评论 -
前端关于url输入到页面加载过程
最近在学习nodejs angular mongodb的web应用,然后里面有涉及到了mock的使用,所以想单独先学习下mock,如果有不对的地方欢迎大家的批评指正。原创 2016-12-23 15:44:27 · 557 阅读 · 0 评论 -
nodejs学习
什么是nodejs呢?说的白话点:Node.js就是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装(什么是V8引擎?JavaScript 引擎的基本工作是把开发人员写的 JavaScript 代码转换成高效、优化的代码,这样就可以通过浏览器进行解释甚至嵌入到应用中)。优点我这里就不再赘述了,等后边我们边学习边总结吧学习nod原创 2017-01-10 16:42:21 · 514 阅读 · 0 评论 -
未知宽高元素垂直水平居中
在前端布局中,不可避免的会让元素垂直水平居中,已达到某种效果,那么这个元素按照是否知道宽高来分为已知宽高,未知宽高1、已知宽高转载 2017-03-23 14:33:59 · 518 阅读 · 0 评论