自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

大~熊

生活不止眼前的苟且,还有...

  • 博客(33)
  • 收藏
  • 关注

原创 学会用requirejs,5分钟足矣

刚刚搬家过来,老家在这里http://www.cnblogs.com/floor/,如有不到之处请各位不吝指点。 据说公司的项目较多的用到requirejs管理依赖,所以大熊同学挤出了5分钟休息时间学习了一下,现在分享一下。如果你想了解requirejs的实现原理,请绕道!如果你想了解requirejs的高级用法,请绕道!那么问题来了,这篇小文还有人看吗?:smile:

2017-08-14 20:26:40 487

原创 将数据库从服务器移到浏览器--indexedDB基本操作封装

数据库是属于服务器的,这是天经地义的事,但是有时候数据也许并非需要存储在服务器,但是这些数据也是一条一条的记录,怎么办?今天来带领你领略一下H5的一个新特性--indexedDB的风骚。你会情不自禁的发出感叹--不可思议!一、链接数据库  indexedDB没有创建数据库的概念,你可以直接链接数据库,如果你链接的数据库并不存在,那么会自动的创建一个数据库。看下面的这个例子。  

2017-08-14 20:05:21 1147

原创 玩一玩nodejs--一个简单的在线实时填表应用

学习nodejs三天,入了个门,感觉他和jsp、php还是存在较大的差别。本文首先复习这些天学的一些知识点,然后谈一下如何一步一步到做一个在线实时填表的小应用,进一步巩固一下这些个知识点。这里先简单介绍一下这个应用,班上经常要填一些电子统计表,要求每个人填对应的行,最后班长汇总出一个总表,这是非常麻烦的。这个应用就是要解决这样一个问题,每个人在浏览器填表中的对应的行,然后生成一个汇总的表,这个应用

2017-08-14 20:05:16 1343

原创 我的开发环境搭建(ubuntu菜鸟)

(关于此文中存在的一些问题,你可以参看评论区,不要被我误导了)前段时间把系统换成了ubuntu,经过一段时间到发展,终于可以比较正常到完成开发工作了,但是就在今天,我的系统崩了,进不了桌面,而且终端里边到中文也显示乱码,尝试了网上说到各种方法无效,最终我决定重装系统,这意味着我要重新搭建我的开发环境~伤心啊!为了让我下一次的环境搭建轻松一点,我决定记录下这个艰难到搭建过程。您如果觉得可能会用到不妨

2017-08-14 20:05:11 3649

原创 我拖拖拖--H5拖放API基础篇

不要搞错,本文不是讲如何拖地的。看过《javascript精粹》朋友应该知道,他实现拖放的过程比较复杂,现在时代不同了,我们用H5的新的拖放API就能非常方便的实现拖放效果了。最近在园子见一园友写了一篇《HTML5 进阶系列:拖放 API 实现拖放排序》,真乃大师之作,大~熊同学作为一代菜鸟(不是宗师),无法与之想比,遂推出基础篇,希望各位园友有所收获。一、一个简单的例子--地上有石子捡几个吧

2017-08-14 20:05:06 417 1

原创 CSS绘制简单图形

究竟该用字体图标、图片图标、还是CSS画一个图标?我也不知道。各有千秋吧。本文将介绍如何用css绘制简单的图形,所有测试在chrome58.0完成,如果你不能得到正确结果请到caniuse查一查看看是不是需要什么前缀。一、基础DOCTYPE html>html>head> title>basic shapestitle> style type="text/c

2017-08-14 20:05:01 484

原创 给你的博客换个装-园子换装指南

博客园有很多漂亮的皮肤,但总是有一些地方我不大喜欢,所以经过慎重考虑,我决定亲自动手换个装。本文将介绍博客园换装的一些基础(不涉及标准皮肤的做法),如果你想让你的博客更炫,可以参考本文入个门,然后自己慢慢摸索。相信你一定比我做的好。一、准备工作  1、申请js权限  如果你像更加自由的操作,那么你必须拿到js权限。博客园开放js权限其实还是比较危险的,可以做各种“坏事”,但是鉴于博客园

2017-08-14 20:04:56 346

原创 webpack你值得拥有-从四个核心配置谈起

很久没有发文章了,但是强调一点,大~熊同学最近可没闲着。学习算法,复习计算机网络,也顺便学习了一下webpack,看了看操作系统(没办法,都没学,要是不学连实习笔试都过不了,伤心~~)。本来比较纠结是写关于算法的文章呢还是关于webpack的呢。最终决定写关于webpack 的,一方面,虽然刚刚开始学习webpack,但是他的特性让人感觉非常爽,然我有一种想分享的冲动;另一方面,算法要写公式,这个

2017-08-14 20:04:51 1073

原创 HTML5新特性-多线程(Worker SharedWorker)

There is no doubt that JavaScript是没有多线程之说的,他只能一件事一件事的做,做完一件事再做下一件事,假如你的js要花一段比较长的时间做一件事的话,那么浏览器将会卡顿一段时间,不对用户的操作产生响应,这可咋办呢?谢天谢地,HTML5为我们提供了实现多线程的机制,这么好的东西,想必你早就再用了,不过没关系啊,咱们一块儿复习一下咯!一、Worker类  1、方法

2017-08-14 20:04:46 290

原创 AngularJS1.X学习笔记14-动画(解读文档)

最近在看算法分析,那个大O啊,小o啊,分治法啊(目前就看到这里),真是搞死了。这回呢休息一下,学学AngularJS动画,上一篇文章根据自由男人的书简单谈到了动画的话题,发现反响很大(好吧,我说慌了,那篇文章的动画谈得太简单了),今天来看看官方文档。嗯,边看边写。一、安装  这个应该都知道了,和其他的扩展模块安装相同。这里为了文章完整性简单提一下。文档给到了获取动画扩展angular-an

2017-08-14 20:04:41 298

原创 AngularJS1.X学习笔记13-动画和触摸

本文主要涉及了ngAnimation和ngTouch模块,自由男人讲的比较少,估计要用的时候还要更加系统的学习一下。一、安装     没错,就是酱紫。二、玩玩动画  DOCTYPE html>html lang="en" ng-app="myApp">head> meta charset="UTF-8"> title>route testti

2017-08-14 20:04:37 278

原创 AngularJS1.X学习笔记13-路由

ThinkPHP框架有路由的概念,看起来路由更多的是后端的事情,Angular怎么也会跑出个路由呢?事实上,Angular是着眼于单页应用的,他的一个应用一般来说是一个页面,你所看到的页面内容的改变,事实上只改变了URL地址的#后面的内容。路由要解决的是hash值与视图的对应关系。一、从一个简单的例子开始  1、安装angular-route模块    2、试一下子看看  

2017-08-14 20:04:34 237

原创 AngularJS1.X学习笔记12-Ajax

说到Ajax,你一定是思绪万千,想到XMLHttpRequest,$.ajax(),跨域,异步之类的。本文将探讨一下AngularJS的Ajax。一、一个简单的例子  DOCTYPE html>html lang="en" ng-app='myApp'>head> meta charset="UTF-8"> title>ajax1title>head

2017-08-14 20:04:31 211

原创 AngularJS1.X学习笔记11-服务

如果我没记错的话,spring里边有个service层。什么是服务呢?个人理解就是很多地方要用的,可以跨越控制器甚至是跨越模块的工具。AngularJS也为我们提供了服务这种机制,这让我们可以将一些不属于某个控制器独有的东西定义成一个服务,要用的时候直接拿过来就好。使用服务有什么好处呢?一是便于统一修改,二是调用者不用关心内部实现,三是便于测试。一、factory  DOCTYPE

2017-08-14 20:04:26 160

原创 AngularJS1.X学习笔记10-自定义指令(下)

继续继续,学完这个部分就去吃饭。引用自由男人的话作为本文的开始:“默认情况下,链接函数被传入了控制器的作用域,而该控制器管理着的视图包含了指令所应用到的元素”。果然像是绕口令,还是看看你的例子比较好。一、在一个控制器中应用同一指令  DOCTYPE html>html lang="en" ng-app="myApp">head> meta charset="UTF

2017-08-14 20:04:23 196

原创 AngularJS1.X学习笔记9-自定义指令(中)

今天好大的雨啊!上一节中,我们的指令中的工厂函数中都是返回了一个叫做链接函数的工人函数,事实上我们的工厂函数也是可以返回一个对象,这个对象里面可以包含很多的属性,这使得我们可以创建更加强大的指令。一、link属性  这个属性的值是一个函数,叫做链接函数。DOCTYPE html>html lang="en" ng-app="myApp">head> meta ch

2017-08-14 20:04:21 210

原创 AngularJS1.X学习笔记8-自定义指令(上)

AngulaJS的指令是一种非常强大的特性,一个ng-repeat就能让我们非常方便的展示一个数据列表,指令相当于是一个组件,为我们将一些东西封装起来了,提供了复用的可能性。个人认为自定义指令还是比较复杂的,下面开始攻关。一、三个重要参数 DOCTYPE html>html lang="en" ng-app="myApp">head> meta charset="UT

2017-08-14 20:04:18 240 1

原创 AngularJS1.X学习笔记7-过滤器

最近参加笔试被虐成狗了,感觉自己的算法太弱了。但是还是先花点事件将这个AngularJS学习完。今天学习filter一、内置过滤器  (1)过滤单个数据值  DOCTYPE html>html lang="en" ng-app="myApp">head> meta charset="UTF-8"> title>内置过滤器-过滤单个数据值title>

2017-08-14 20:04:15 183

原创 nodejs oj在线笔试应对方案(讲几种输入处理方法)

最近参加了一些线上笔试。但是。。。我不是学计算机的,只会js不会c++,java,c(好吧都学过,不过忘了)。可怕的是我也没学过nodejs,怎么 办,怎么办。node不就是用的js吗?所以只用学会标准输入输出就可以解题的。下面总结几种方法,可以当作解题模板,直接套就可以了。我是不是很善良,觉得我很善良的请关注我,我喜欢有比较多的粉丝。一、处理单行输入  这是一种最最简单的输入了。看我先给

2017-08-14 20:04:10 390

原创 scrollWidth,offsetWidth,clientWidth,width;scrollHeight,offsetHeight,clientHeight,height;offsetTop,scrollTop,top;offsetLeft,scrol

题中的那么多属性让人头都大了,他们到底是什么意思?不同浏览器的实现是一样的吗?以下所有结论来自chrome版本 53.0.2785.89 (64-bit)和firefox版本52.0.2,操作系统ubuntu16.04的测试,关于IE及其它浏览器并没有考虑。一、谈谈XXWidth  1、width  这个是style对象的一个属性,跟你在css样式里写的那个width的值是一样的,注意

2017-08-14 20:04:06 306

原创 CSS3选择器~一看吓一跳,这么多不会

复习CSS时发现很多选择器不会,因为平时很少用到。现在干脆一不做二不修,全部温习一遍。本文参考http://css.doyoe.com/.一、元素选择器    图片来自:http://css.doyoe.com/DOCTYPE html>html lang="en">head> meta charset="UTF-8"> title>元素选择器tit

2017-08-14 20:04:03 273

原创 CSS3伪类和伪元素的特性和区别

本文转自:http://www.cnblogs.com/ihardcoder/p/5294927.html今天复习css时发现::的css选择器,查了一下,知道有伪元素和伪类这件事,他们的区别是什么呢?很幸运已经有人总结好了!CSS3伪类和伪元素的特性和区别前端er们大都或多或少地接触过CSS伪类和伪元素,比如最常见的:focus,:hover以及标签的:link、visite

2017-08-14 20:03:58 246

原创 AngularJS1.X学习笔记6-控制器和作用域

经过一番艰苦卓绝的鏖战,我终于来到了控制器和作用域部分。控制器作为MVC的C,其重要性不可谓不重要;作用域决定了你可以拿到哪些东西,亦是分外重要。现在就来学习一下两个东西。去看看$apply,$watch,$broadcast是个什么鬼。一、谈谈MVC  阮一峰老师说Angular是一个叫MVVM的模式(http://www.ruanyifeng.com/blog/2015/02/mvcm

2017-08-14 20:03:55 206

原创 AngularJS1.X学习笔记5-加强版的表单

大家愚人节快乐!表单是沟通服务器端和客户端的桥梁,为数据从客户端传到服务端打开了一扇大门。AngularJS增加了一些新特性,使我们能够更加方便的操作表单。OK!开始学习!学习使我快乐。一、双向数据绑定  前面已经提到了双向数据绑定,一般而言我们总是从模型中拿到数据放到视图,双向数据绑定提供了这样一种机制,可以将视图中的数据放到模型。下面测试一下DOCTYPE html>htm

2017-08-14 20:03:53 201

原创 AngularJS1.X学习笔记4-内置事件指令及其他

AngularJS为我们定义了一系列事件指令,方便我们对用户的操作作出响应。甚至他还有一个可选模块提供了触摸事件和手势事件的支持,为移动端开发提供了可能。现在开始学习一下AngularJS的事件指令。一、事件指令  先盗张图,这个图展示了AngularJS中定义的事件指令,下面来做一些测试。  指令作用描述ng-blur属性、类对blur

2017-08-14 20:03:50 328

原创 AngularJS1.X学习笔记3-内置模板指令

前面学习了数据绑定指令,现在开始学习内置模板指令。看起来有点多,目测比较好理解。OK!开始!一、ng-repeat  1、基本用法  DOCTYPE html>html lang="en" ng-app="myApp">head> meta charset="UTF-8"> title>databinding1title>head>body>

2017-08-14 20:03:45 183

原创 AngularJS1.X学习笔记2-数据绑定

上一篇从整体上认识了Angular,从现在开始更加深入的学习Angular的特性。本次学习的是数据绑定。应该所有的MVC框架都会用到数据绑定,比如我所知道的ThinkPHP、struts等,只有实现了数据绑定才能将模型层和视图层分离,实现MVC。Angular的数据绑定比较特别,它支持双向数据绑定。1、ng-bind DOCTYPE html>html lang="en" ng

2017-08-14 20:03:43 225 2

原创 AngularJS1.X学习笔记1-整体看看

听说 明天是愚人节,这与我有什么关系呢!我可 不想被愚弄,但是但是,我这么笨怎么才能不被愚弄呢?左思右想,我决定从现在开始闭关,闭关干啥哩?学习!学习AngularJS。以前学习过Angular的,不过很久没用都忘的差不多了,所以决定好好复习一下。这两天我将多发几篇随笔,记录一下我的学习过程。参考用书《AngularJS高级程序设计-Adam Freeman》,我会参考书中的例子做一遍,谈谈自己的

2017-08-14 20:03:40 193

原创 前端也得学学计算机网络呀

别以为做前端的就不用学计算机网络了,做WEB开发而不知道基本的计算机网络知识实在是有点说不过去,我们或许没有必要了解物理层或者数据链路层,但至少来讲,应用层是必须了解的。最近自学了一下计算机网络的基本知识,看得是谢希任的那本经典教材。本文总结了一下我个人认为比较重要的知识点,欢迎批评指正。  一、计算机网络分层结构    为了增强计算机网络系统的灵活性,便于开发和维护,建立了一

2017-08-14 20:03:37 1072

原创 CSS基础布局--居中对齐,左侧定宽右侧自适应

CSS页面布局是web前端开发的最基本的技能,本文将介绍一些常见的布局方法,涉及到盒子布局,column布局,flex布局等内容。本文中,你可以看到一些水平垂直居中的方法,左侧固定宽度,右侧自适应的一些方法。如果你有更多关于布局方面的技巧,欢迎留言交流。一、神奇的居中 经常看到有一些面试题问如何实现水平垂直居中,还要求用多种方法。唉唉唉!下面介绍一下我所知道的实现居中的方法。

2017-08-14 20:03:32 455

原创 JavaScript写一个表格排序类

依稀记得那是上个星期六的下午,我参加了网易暑期实习生招聘笔试。考得相当糟糕,编程题3个题通过了2个,简答题没做对,选择题貌似是20个题猜了6~7个,99%是挂了,唉唉唉!生活不只眼前的苟且,学习的脚步还得向前迈进。现在来做一做网易的简答题。    题目是这样的:一个表格有三列,分别是姓名、学号、成绩,要求点击成绩,则按成绩从高到低排列,再点击一次则从低到高,如此循环。啊呀呀!这个不就是简单的表

2017-08-14 20:03:30 266

原创 实现一个自己的promise

本文将探讨Promise的实现。一、ES6中的Promise1、简介据说js很早就实现了Promise,我是不知道的,我第一次接触Promise就是在ES6中。Promise就是规定在未来达到某个状态时应该采取某种行动,而这种未来的状态是不确定的。阮一峰说Promise对象用来传递异步消息,代表了某个未来才会知道结果的事件,并为这个事件提供统一的API,供进一步处理。

2017-03-29 20:21:00 3249 2

转载 媒体查询

转自http://www.cnblogs.com/dolphinX/p/3281417.htmlCSS media queries最近在做一些页面打印时的特殊处理接触到了media queries,想系统学习一下,在MOZILLA DEVELOPER NETWORK看到一篇文章讲的很不错,结合自己的使用总结一下。CSS2/media在CSS2中可以使用media属性

2016-07-02 13:14:01 453

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除