- 博客(43)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 未知宽高元素垂直水平居中
在前端布局中，不可避免的会让元素垂直水平居中，已达到某种效果，那么这个元素按照是否知道宽高来分为已知宽高，未知宽高1、已知宽高
2017-03-23 14:33:59
521
原创 关于ES6中的promise用法以及在ajax中的应用
最近看到了一道题，大概是让你说说promise的用法以及在ajax的使用其实乍一看，还是蛮蒙的，说实话最近也是在慢慢的学习es6，所以很多东西还是在学习阶段，好了言归正传，这个Pormise是个什么东西呢，其实就是一个构造函数，这个构造函数本身有reject,resolve等方法，prototype原型上有then,catch等方法，用法就是var p=new Promise(function
2017-03-18 09:23:12
1611
原创 nodejs+angular+mongodb实现论坛基本功能
学习了nodejs和angular已经有一段时间了，在这期间，是边学习，边将学习付诸于实践中，断断续续的学习开发了三个多月吧，做的大概就是实现了基本的帖子发布，帖子删除，添加回复，查看帖子，添加作者，编辑作者删除作者等功能，下面请让我一一道来，开发工具是webstorm基本架构主要包括后端nodejs做服务端开发angular作为前端开发，使用express构建rest服务
2017-03-12 21:18:26
1238
3
原创 HTML页面加载和解析流程 (未完待续)
最近在看浏览器的渲染加载，然后看到网上有篇文章写的不错，特别拿过来学习下用户输入网址，浏览器向服务器发出请求，接着，服务器返回html文件，浏览器开始载入html代码，开始解析为DOMtree,如果此时head标签内有一个link标签，则引入外部的css文件，浏览器发出css文件的请求，服务器返回这个css文件，然后解析css文件并生成css rule tree。浏览器继续载入htm
2017-03-09 15:54:02
411
原创 关于js的设计模式之学习（一）---观察者模式
关于设计模式大家应该不陌生吧，今天我正好在看组件的时候看到有关于设计模式的东西，所以决定写下来以供以后学习和复习，不然脑子总是喜欢忘掉啊 设计模式有很多种，什么观察者模式，职责链模式，工厂模式等等，今天先谈谈观察者模式观察者模式又叫做订阅者模式，按字面意思理解，就类似于订阅杂志，我订阅了某个刊物，只要有新的期出现，发布刊物者就会通知我我就会知道，因为我订阅了。那么这种设计模式在我们程
2017-02-28 14:36:59
356
原创 CSS自适应布局
什么是布局，其实就是用定位和尺寸相关的属性来完成布局，布局会用到的有：普通流、浮动、绝对定位三种定位机制，CSS3中的transform、flex等先来说float浮动，现在比较多的网站都在用这种浮动布局：我们都知道float让元素脱离了普通流，然后使用width/height，margin/padding将元素定位，从别处盗了图，索然盗图可耻看是不是浮动已经脱离了普通流了
2017-02-23 16:41:33
330
原创 angular指令学习（三）--自定义指令之compile、link的学习
周一到了，哈哈哈，周末在家看了会angular，但是因为有个聚会就没来得及整理，然后周一回来总结下咯
2017-02-20 09:38:44
463
原创 ajax前后端（java）实现
大名鼎鼎的ajax，到底是什么呢其实ajax=Asynchronous JavaScript and XML(翻译一下就是异步的JavaScript和XML)先说明下，ajax不是新的编程语言，而是一种整个页面不重新加载的情况下，实现与服务器交换数据，完成网页的局部刷新ajax怎么用呢，下面听我一一道来在学习ajax之前，首先我们来学习一个对象，这个对象就是XMLHtt
2017-02-13 22:22:11
1083
原创 CSS常见兼容性问题总结
本文有部分是从别的大神博客看来的，有部分是自己平时遇到的 ，一并写下来，当然肯定是不全的，欢迎大家补充1、首先是div居中问题，通常写法为#first {margin:0 auth;width:100px;height:200px;background-color:blue;}上述代码在chrom下IE7 等是正常居中的，如图：然而上述代码在混杂
2017-02-09 14:20:57
351
原创 关于angular的include指令，include的页面无法加载js问题解决
晚上在看angular时候，遇到了一个问题问题描述：index.htmlhtml ng-app='a'>helloscript type="text/JavaScript" src='https://code.angularjs.org/1.5.10/angular.min.js'>script>script type="text/JavaScri
2017-02-07 21:04:20
5631
1
转载 主流浏览器内核介绍（前端开发值得了解的浏览器内核历史）
作者：伯乐在线专栏作者 - 韩子迟最近 “个人恶趣味” 持续发酵，突然想了解下浏览器内核的发展历史。内核首先得搞懂浏览器内核究竟指的是什么。浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它负责取得网页的内容（HTML、XML、图像等等）、整
2017-02-04 09:31:26
226
原创 nodejs学习
什么是nodejs呢？说的白话点：Node.js就是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装（什么是V8引擎？JavaScript 引擎的基本工作是把开发人员写的 JavaScript 代码转换成高效、优化的代码，这样就可以通过浏览器进行解释甚至嵌入到应用中）。优点我这里就不再赘述了，等后边我们边学习边总结吧学习nod
2017-01-10 16:42:21
534
转载 Process.nextTick 和 setImmediate
暂时先转载这些 ，后面学习深入了再展开nextTick 用 uv_idle_start 挂的，它的callback function 最早被call，然后 io 的，最后是 setImmediate 的 callback function 被 call。作者：黑暗二叉树链接：https://www.zhihu.com/question/23028843/answer/3459736
2016-12-26 16:44:40
370
原创 前端关于url输入到页面加载过程
最近在学习nodejs angular mongodb的web应用，然后里面有涉及到了mock的使用，所以想单独先学习下mock,如果有不对的地方欢迎大家的批评指正。
2016-12-23 15:44:27
559
转载 angular学习整理（一）
最近在学习angular做个整理，什么样的web适合使用angular?angular考虑的是构建CURD（创建create查询retrieve 更新 update 删除 delete）应用，但是像游戏、图形界面编辑器这种DOM操作很频繁也很复杂的应用，和CURD应用就有很大的不同，它们不适合用angularjs来构建，像这种情况用一些更轻量、简单的技术更好例子切入：fi
2016-12-16 21:01:21
543
原创 mysql 单机和集群学习比较
前一阵应公司领导需要，要我做个mysql关于集群的学习报告，因为时间比较短暂，所以做的很多方面都没有涉及到mysql根据应用场景的不同，可以分为单机版和集群版单机单实例：只提供一个服务，一个端口，应用场景：针对小型系统，常用单机单实例优点：结构简单易维护，人员、设备资源成本较低缺点：容易出现故障，故障恢复时间长，易达到性能瓶颈;MySQL对多核CPU利用率低
2016-12-13 16:46:42
3989
转载 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
8432
原创 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
689
原创 面试题整理学习
1.slice（数组）用法：array.slice(start,end)解释：该方法是对数组进行部分截取，并返回一个数组副本；参数start是截取的开始数组索引，end参数等于你要取的最后一个字符的位置值加上1（可选）?123456789101112
2016-11-18 15:15:43
300
转载 标准模式和混杂模式
那么，问题来了，什么情况下页面会处于混杂模式呢？下面是列出的几种：（1）不写（2）前面加上xml声明 (IE6)（3）和之间加了（标签、文本、注释）(ie8以下都有，ie9以上未测)（4）前面有（标签、文本、注释）(ie8以下都有，ie9以上未测)1和4是比较常见的，可能还有其他情况，还没有遇到过具体的例子。。。我曾经在一篇文章看到说页面结构错误也会引发混杂模式，不知
2016-11-17 09:56:49
347
转载 前端 http request
Q1：http协议：什么是http协议：协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则，超文本传输协议（http）是一种通信协议，它允许将超文本标记语言（html）文档从web服务器传送到客户端的浏览器通过因特网传送万维网文档的数据传送协议。目前我们使用的http版本是http/1.1其前身是http/1.0。关于两个版本不同，下面会不时提及。在整个i
2016-11-03 11:17:47
2957
1
转载 一些不错的网址
基于requireJS和angularJS的前端技术架构http://blog.163.com/liuyong_xiaxia/blog/static/17435525520156341446981/
2016-10-31 11:26:40
418
原创 angular 学习过程中遇到的坑（整理中）
最近想学习下angular，然后该文章记录了我在学习中遇到的问题1、参照书上的例子hello.html {{greeting.text}},worldcontrollers.jsfunction HelloController($scope){$scope.greeting={text:'He
2016-10-26 10:23:53
709
转载 React 入门实例教程
作者： 阮一峰日期： 2015年3月31日现在最热门的前端框架，毫无疑问是 React 。上周，基于 React 的 React Native 发布，结果一天之内，就获得了 5000 颗星，受瞩目程度可见一斑。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 I
2016-10-11 11:42:47
249
转载 Javascript 面向对象编程（一）：封装/构造函数的继承/非构造函数的继承
原文地址：http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html作者： 阮一峰日期： 2010年5月17日学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，
2016-10-11 11:38:18
238
转载 十家公司前端面试小记
前言春节前离职了，年后来了有一周了，把简历丢到网上后大概收到了将近七十多个面试邀请，挑了几个稍微知名一些的公司如国美京东美团百度彩票等和一些中小型公司去面试，这星期一共面了11家公司，除了阿里似乎没戏了其他的十家基本都发了口头或是正式offer，也不打算再面了，社保断了也是个麻烦事，打算从这其中挑一个就可以了。面试过程中有做面试题的，也有直接聊的，实话讲有些面试题其实就是背书，随便
2016-10-11 11:32:45
374
1
原创 css整理
1、介绍常见的css hackcss hack名词解释：针对不同的浏览器对css解析认识不同，所以我们要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中得到我们想要的界面效果，简单的说，CSS hack的目的是使你的css代码兼容不同的浏览器。属性前缀法(即类内部Hack)：例如 IE6能识别下划线"_"和星号" * "，IE7能识别星号"
2016-10-10 16:36:31
279
转载 小题整理
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
355
转载 优化页面加载速度
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
208
转载 异步加载js方案
一直以来想整理一篇文章，关于异步加载js的方案，但因为平时比较忙，关键还是懒吧。。。一直拖到现在有错误或者不当的地方欢迎大家指正哈我们知道默认js加载时同步的，这意味着javascript在加载时阻塞的，后面的元素要等待javascript加载完毕后才能进行再加载，对于一些意义不是很大的javascript，如果放在页头会导致加载很慢的话，是会严重影响用户体验的。一般建议把标签放在结尾处，
2016-10-09 13:52:14
465
转载 Web缓存机制综述（HTML5缓存总结与细节释疑）
标签： | 发表时间：2013-10-17 17:28 | 作者：bob007abc出处：http://blog.csdn.net/bob007abc开篇：最近项目里用到了HTML5缓存机制，于是很想搞清楚 浏览器缓存，HTML5离线缓存，还有项目中用到的 CDN缓存 这三部分的关系以及更新机制。看了一堆关于HTML5缓存机制的文章，各有所长，各有疏漏。因此
2016-10-09 10:20:14
464
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人