- 博客(28)
- 收藏
- 关注
RSS订阅
转载 web前端入坑第五篇：秒懂Vuejs、Angular、React原理和前端发展历史
秒懂Vuejs、Angular、React原理和前端发展历史今天来说说 “前端发展历史和框架” 「前端程序发展的历史」「 不学自知，不问自晓，古今行事，未之有也 」我们都知道现在流行的框架：Vue.js、AngularJs、ReactJs，已经逐渐应用到各个项目和实际应用中，它们都是MVVM数据驱动框架系列的一种。在了解MVVM之前，我们先回
2017-08-19 13:37:57
639
1
转载 20个编写现代CSS代码的建议
明白何谓Margin Collapse不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较大值会被保留下来，可以从下面这个简单的例子来学习:.square{ width:80px; height:80px
2017-09-29 16:07:55
272
转载 最全CSS图形制作
The Shapes of CSSAll of the below use only a single HTML element. Any kind of CSS goes, as long as it's supported in at least one browser.SquareRectangleCircle
2017-09-05 16:26:14
461
转载 CSS 动画实战：创建一个漂亮的加载动画
这篇文章，用一个实例来讲下用伪元素和CSS Animation来创建一个漂亮的加载动画。首先来看下，要实现的动画效果：先来分析下，这个动画效果是由哪几个动画组成：1、线段依次出现。2、然后红色、橙色和白色矩形依次出现。3、这些矩形出现之后，然后消失。4、线段消失。这里我们只需要实现1和2动画效果。后面的3和4，只需要在1和2的基础上使
2017-09-05 16:23:50
793
转载 js瀑布流
HTML瀑布流布局[html] view plain copyspan style="font-size:10px;">> html> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> script type="text
2017-09-04 17:08:30
288
转载 结合个人经历总结的前端入门方法
转载请注明出处: https://github.com/qiu-deqing/FE-learningTable of Contents generated with DocTocFE-learning必备基础技能基本开发工具学习方法和学习目标入门之路继续提高一些个人经历LingyuCoder的学习经历工具技能语言基础进阶项目未来其他入门书一些不错
2017-09-04 16:35:04
556
转载 Ajax总结篇
本文主要总结整理Ajax的一些常用的基础知识，适合初学者。Ajax简介、优劣势、应用场景以及技术Ajax简介Asynchronous Javascript And XML （异步的JavaScript和XML）它并不是一种单一的技术，而是有机利用一系列交互式网页应用相关的技术所形成的结合体AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据
2017-09-01 17:34:50
346
转载 CSS布局技巧之–各种居中
居中是我们使用css来布局时常遇到的情况。使用css来进行居中时，有时一个属性就能搞定，有时则需要一定的技巧才能兼容到所有浏览器，本文就居中的一些常用方法做个简单的介绍。注：本文所讲方法除了特别说明外，都是兼容IE6+、谷歌、火狐等主流浏览器的。先来说几种简单的、人畜无害的居中方法把margin设为auto具体来说就是把要居中的元素的margin-left和marg
2017-09-01 17:32:30
480
转载 canvas粒子时钟
前面的话本文将使用canvas实现粒子时钟效果效果展示点阵数字digit.js是一个三维数组，包含的是0到9以及冒号(digit[10])的二维点阵。每个数字的点阵表示是7*10大小的二维数组通过遍历数字点阵的二维数组，当该位置的值为1时，则绘制一个粒子，否则不绘制将绘制数字的函数命名为renderDigit()。在该函数中，将粒子绘制为
2017-09-01 17:28:35
874
原创 jquery 实现轮播图
*{ padding:0; margin:0; list-style:none; } .banner{ width:1200px; height:350px; overflow:hidden; margin:0 auto; } .banner ul{ width:3600px;
2017-08-30 22:50:33
297
转载 常见特效的jquery实现
[javascript] view plain copy$("#select1").change( function() { //侦测一级菜单的change事件 var id = $("#select1").val(); if(id == 1){ //通过id判断二级菜单 $.get('index.php', null, fu
2017-08-22 11:04:56
597
转载 排序算法C++&&Python实现---归并排序
归并排序基本思想： 首先将待排序数列两两分组，将排序好的两个序列归并到中间数组中，依次类推，直到归并完整个待排序数列。C++实现：//打印排序结果函数void Print(int a[],int n,int i=0){ //cout cout"排序后的结果为:"<<endl; for(int i=0;i<n;i++) cout" "; c
2017-08-22 11:01:49
236
转载 屏幕高度的获取以及高度的自适应问题
1：屏幕高度的获取方式：（宽度也是如此）var bodyHeight=document.documentElement.clientHeight * 0.55;//获取可见区域的高度；$('元素').css('height',bodyHeight+'px');2：高度自适应问题 设置父元素height:100%;position:absolute;left:0;top:0; 设置
2017-08-22 10:59:20
847
转载 jquery实现记住密码功能
js代码:[javascript] view plain copy"text/javascript" src="js/jquery-1.7.2.min.js" > "text/javascript" src="js/jquery.cookie.js"> "text/javascript"> $(function(){
2017-08-22 10:58:36
463
转载 Python学习（从Web抓取信息）
一、利用webbrowser.open()打开一个网站：[python] view plain copy>>> import webbrowser >>> webbrowser.open('http://i.firefoxchina.cn/?from=worldindex') True 实例：使用脚本打开一个网页。
2017-08-22 10:22:01
422
转载 使用CSS将图片转换成黑白(灰色、置灰)
可能早就知道，像汶川这种糟糕的日子网站全灰在IE下是可以轻松实现的(filter: gray;)，不过，当时，其他浏览器是无解的。不过，时代发展，如今，CSS3的逐步推进，我们也开始看到“黑白效果”大规模应用于实际的可能。图片效果如下代码如下，兼容IE浏览器html lang="en">head> meta charset="UTF-8"> titl
2017-08-22 08:44:23
565
转载 CSS中position绝对定位和相对定位
让我们来详细理解一下position的绝对定位和相对定位，基础一定要打牢、打牢、打牢！！！重要的事情要一直说。面试经历好少，有针对性的复习，把握重点，嗯，废话不多说，重要的还是深入理解学习到的各种知识，能够活学活用，不然换个问法就不会了，那不是搞笑嘛~~哎，感觉我就是挺搞笑的那一位哎嘿~首先 我们先来看看CSS3 Api中对position属性的相关定义： static：无特殊定位
2017-08-22 08:43:20
484
转载 AngularJs+bootstrap搭载前台框架——准备工作
1.关于什么是AngularJS以及什么是bootstrap我就不多说了，简单说下，angularjs是一个比较强大前台MVC框架，bootstrap是Twitter推出的一个用于前端开发的开源工具包，可以迅速搭建web前台，可以去官网看看（AngularJs：http://angularjs.org/ ，bootstrap：http://twitter.github.io/bootstrap/）
2017-08-19 13:40:17
1677
转载 angular ng-click获取触发事件对象this
ng-click="shareGoods({{item.goods_id}},$event)" 传递一个$event对象通过事件对象 $event.target 获取事件源 Html代码 div class="float_left width_50 border_b_top_eee border_b_right_eee bg_ff padding
2017-08-19 13:35:02
3370
转载 sublime 3 与git 与github三者之间协调合作
最近一直在想如何能将sublime 和github联系起来进行团队开发，搜索可很多博客，大致的内容都差不多，但是也没有全部弄对，最好和小组一起测试。终于成功了，便记录下来。提醒1：如果只想团队开发代码管理可以只使用Git和github即可，提交和下拉代码的操作都可以在git bash中使用命令窗口执行。但是如果想方便当然也可以将sublime配置进来，这样也可以使用sublime的git插
2017-08-18 16:42:06
498
转载 angularJs 一些API
angular.bind返回一个调用self的函数fn（self代表fn里的this）.可以给fn提供参数args（*）.这个功能也被称为局部操作，以区别功能。格式：angular.bind(self,fn,args);self：object 对象； fn的上下文对象，在fn中可以用this调用fn：function； 绑定的方法args：传入fn的参数
2017-08-18 15:46:45
250
转载 GitHub之多人开发一个项目
首先我们要简单知道github跟Git的区别。git是版本控制工具， github是一个面向开源及私有软件项目的托管平台，也是程序员交流的地方。接下来就开始讲怎么多人一起开发。首先我们先拥有github账号https://github.com/ 在这里面注册一个账号。 当我们注册完就登录进去。进去之后就会看到这个界面github的使用我就
2017-08-18 15:45:26
907
转载 Git与github的使用
来自github官网 ： http://help.github.com/linux-set-up-git/ 1.安装Git[plain] view plain copysudo apt-get install git-core git-gui git-doc 2.设置ssh key，git连接githu
2017-08-18 15:41:43
258
转载 bootstrap实现垂直导航框架
html>head>title>Bootstrap 实例 - 垂直的胶囊式导航菜单title>link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js
2017-08-17 22:22:54
3958
转载 导入jquery在线库和离线库
方式 把 jQuery 添加到您的网页（离线库）如需使用 jQuery，您需要下载 jquery 库（会在下面为您讲解），然后把它包含在希望使用的网页中。jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 标签引用它：请注意， 标签应该位于页面的 部分。提示：您是否很疑惑为什么我们没有在 标
2017-08-17 22:20:55
2898
转载 Sublime Text 3 快捷键汇总
Sublime Text 3非常实用，但是想要用好，一些快捷键不可或缺，所以转了这个快捷键汇总。用惯了vim，有些快捷键也懒得用了，尤其是在win下面，还有图形界面，所以个人觉得最有用的还是搜索类，对于阅读和修改代码来说，非常实用。选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全
2017-08-17 22:18:15
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人