- 博客(24)
- 收藏
- 关注
RSS订阅原创 原型对象与原型链
知道类和继承，理解起来不难，多去敲敲。 Documentsssssconsole.log(Number);console.log(typeof Number);//functionconsole.log(Number.prototype);//Number {constructor: function, toExponential: function, toFixed: f
2017-06-30 21:15:32
332
原创 解决margin-top塌陷的6种方法
demo:一个父盒子嵌套一个子盒子，子盒子margin-top带来的塌陷问题。 6种方法: 1.给父盒子添加border 2.给父盒子添加padding-top 3.给父盒子添加overflow:hidden 4.父盒子:position:fixed 5.父盒子:display:table 6.给子元素的前面添加一个兄弟元素
2017-06-09 20:10:54
10660
2
原创 angularjs路由小案例
一.点击不同导航链接显示不同的界面，但是不去页面跳转 （路由的原理就是通过锚点来完成的）效果图：（关键代码已用红色渲染）代码：index.html: Document .content { width: 960px; margin: 0 auto; } nav {
2017-05-30 20:50:00
716
原创 angularjs实现查询天气的小案例(跨域请求)
效果图:贴代码: Document .box { position: relative; width: 600px; height: 400px; margin: 0 auto; } .chaxun { bac
2017-05-27 20:31:22
930
原创 angularJS tab栏实现和mvc小案例
tab栏:代码： Tab 标签 body { margin: 0; padding: 0; background-color: #F7F7F7; } .tabs { width: 400px; margin: 30px auto; background-color: #FFF; border
2017-05-24 19:35:37
654
转载 如何在服务器上展示你的你的网页--no!!!用github也可以
前言经常会有人问我如何才能将自己做的静态页面放到网上供他人欣赏，是不是需要自己有一个服务器，是不是还要搞个域名才能访问？对于以上问题我都会回答：用github来展示你的前端页面吧。工欲善其事，必先利其器。github是一个很好的代码管理与协同开发平台，在程序界又被称为最大的“同性交友网站”。如果你不懂git，没有自己的github账户，那你就丢失了一把能够很好的展示自我，储存知识的利器。
2017-05-21 20:57:55
4151
3
原创 git基础和常见操作
为了更好的学习Git，我们们必须了解Git管理我们文件的3种状态，分别是已提交（committed）、已修改（modified）和已暂存（staged），由此引入 Git 项目的三个工作区域的概念：Git 仓库、工作目录以及暂存区域。Git仓库目录是Git用来保存项目的元数据和对象数据库的地方。这是Git 中最重要的部分，从其它计算机克隆仓库时，拷贝的就是这里的数据。工作目录是对项目的某个
2017-05-20 22:13:30
360
原创 bash常见命令和vi编辑器
bash在window系统下使用bash，需要一个软件，这个软件模拟集成了bash大部分命令。各个 shell 的功能都差不多， Linux 默认使用 bash ，所以我们主要学习bash的使用。1、bash命令格式命令 [-options] [参数]，如：tar zxvf demo.tar.gz查看帮助：命令 --help2、bash常见命令pwd (Pri
2017-05-20 22:09:40
728
1
转载 手把手教你使用git
Git是分布式版本控制系统，那么它就没有中央服务器的，每个人的电脑就是一个完整的版本库，这样，工作的时候就不 需要联网了，因为版本都是在自己的电脑上。既然每个人的电脑都有一个完整的版本库，那多个人如何协作呢？比如说自己在电脑上改了文件A，其他人也在电脑上 改了文件A，这时，你们两之间只需把各自的修改推送给对方，就可以互相看到对方的修改了。一：Git是什么？ Git是
2017-05-20 18:47:41
286
原创 angularjs实现一个应用小程序
如下图，实现保存，删除，以及字数变化的过程： Document 我的笔记 保存 清除 剩余字数: angular.module('myapp',[]).controller('ctrl',function($scope){ // console.log($scope.t
2017-05-19 22:32:47
1623
转载 Bootstrap栅格系统的精妙之处
从接触 Bootstrap 已经有很长时间了，给人的感觉是快速，简单，易上手，其中栅格系统是一个亮点：一直感觉像 CSS 栅格系统之类的东西拿过来用就好了，不用深究背后的原理。直到有一天你发现简单的套用在稍复杂的页面上出现问题，间隔啊，内外边距啊，哪都不对劲儿。当然会有这样的过程，然后随着知识的积累，可以去读一些 Bootstrap 的源码，结合文档会发现一些不是很理解的地方：
2017-05-16 19:47:07
458
原创 怎样用css3设计出向上向下的小箭头
效果图： Document .arrow-up { display: inline-block; vertical-align: top; border-bottom: 4px solid #dd0000; border-right: 4px solid transparent; border-left: 4px solid tra
2017-05-14 17:36:28
11465
原创 xampp 出现You don't have permission to access on this server.
没有权限访问服务器ForbiddenYou don't have permission to access /a/ajax.html on this server.Additionally, a 403 Forbidden error was encountered while trying to use an ErrorDocument to handle the req
2017-05-10 16:34:12
7158
原创 Uncaught TypeError: Cannot read property 'querySelector' of null
不能读取空的属性需要分析前面的对象能不能调用这个方法如果对象是ajax.responseXMLajax.responseXML.querySelector('name').innerHTMLUncaught TypeError: Cannot read property 'querySelector' of null接下来找到你的php文件在第二行添加： he
2017-05-08 21:41:56
7733
1
原创 ajax插件
ajax插件： ajax_tool.jsfunction ajax_tool(url,data,method,success) { // 异步对象 var ajax = new XMLHttpRequest(); // get 跟post 需要分别写不同的代码 if (method=='get') { // get请求 if (data) { // 如果有值
2017-05-08 21:28:43
929
原创 php如何取出用户数据
模拟用户数据前端应该掌握的php基础知识text.htmlDocument 'yourname'placeholder='请输入名字'> text.php //模拟用户数据 $personArr = array( 'jack'=>
2017-05-04 14:50:07
374
原创 伸缩布局案例-携程
放大：伸缩布局的相关知识点：flex：none | flex-grow '> flex-shrink >'? || flex-basis '>none：none关键字的计算值为: 0 0 autoflex-grow '>：用来指定扩展比率，即剩余空间是正值时此「flex子项」相对于「flex容器」里其他「flex子项」能分配到空间比例。在
2017-05-01 16:13:10
857
原创 css3小动画的实现
结合css3的2d属性做出一个让盒子变化的小动画css3动画代码时刻： Document div { width: 100px; height: 80px; background-color: rgb(130,194,0); border-radius: 10px; text-align
2017-04-26 21:41:27
1456
原创 web存储用户名和密码
web存储用户名和密码如何永久长期存储用户名和密码，除非你手动清除。 在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，
2017-04-24 20:52:56
2357
原创 html5新增拖拽事件
html5新增拖拽事件案例拖拽元素ondrag 应用于拖拽元素，整个拖拽过程都会调用ondragstart 应用于拖拽元素，当拖拽开始时调用ondragleave 应用于拖拽元素，当鼠标离开拖拽元素时调用ondragend 应用于拖拽元素，当拖拽结束时调用目标元素ondragenter 应用于目标
2017-04-24 18:13:11
720
原创 html5新增语义化标签和应用
人人都说语义化标签好 个人见解： 小时候舅舅家的墙上贴了一张中国地图，在我刚认识字的时候，我第一次在地图上能找到的是自己的家乡在哪里。然后你会想地图上乱七八糟的线都是什么， 在那个经常和小朋友讨论地图的年代，你会在讨论中注意到左
2017-04-23 17:24:23
1746
原创 web前端-记录的开始
我的自学记录 已经自学前端两个月了，也经常访问别人的博客，由于时间的缘故，我并没有记录自己的学习过程。而是每天用sublime练习。 现在我的观念改变了，我觉得每天学习的知识得去总结一下，这样不仅能深化对知识的理解，还可以和别人分享心得。今天是 2017-4-23，我正式开通自己的博客，开始自己的记录。祝愿自己在前端得道路上越来越好，也祝愿刚踏入前端得小白们坚持不
2017-04-23 16:07:21
844
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人