自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 项目构建与部署

一:Grunt介绍和应用二:Gulp介绍和应用三:Bower介绍和应用四:Yeoman介绍和应用五 :Fis介绍和应用(百度前端应用工具)六:深入理解Git远程操作(不理解、没有学习)七:Git远程协作八:理解Git中push.default配置的作用九:使用Git进行问题定位以及代码查找Git远程协作的主要命令:①git clone (用于获取一个远程仓库)②git fetch (获取远程仓库的...

2018-05-15 17:52:07 980

原创 CSS在工程中改变

一:面向对象的CSS1、OO CSS将页面可重用元素抽象成一个类、用class加以描述,而与其他对应的HTML既可看成是此类的一个实例。2、OO CSS的作用:加强代码复用以便方便维护;减小CSS体积;提升渲染效率;组件库思想,栅格布局可共用,减少选择器。3、OO CSS的注意事项:①不要直接定义子节点,应把共性声明放到父类。②结构和皮肤相分离;③容器和内容相分离;④抽象出可重用的元素,建好组件库...

2018-05-15 15:11:33 148

原创 React自学心得二(事件的用法)

一:React中事件的用法1、事件处理函数的使用:例如一个简单的绑定语法:onClick={this.handleClick}触摸类的事件:onTouchcancel、onTouchEnd、onTouchmove、onTouchStart键盘类事件:onKeyDown,onKeyPress、onKeyUp剪切类事件:onCopy、onCut,onPaste表单类事件:onChange、onInpu...

2018-05-14 22:31:20 320

原创 React自学心得一(概述、语法及特点、生命周期、属性和状态)

一:React概述1、React特点:简单、声明试。React的核心是组件,组件的设计目的是提高代码复用率、降低测试难度和代码复杂度。2、React开发环境搭建:常用的编辑器及插件的配置①编辑器:Codekit、Sublime Text3、webstrom、notepad++.......②插件:Emmet(自动提示插件)HTML-CSS-JS prettify(自动排版插件)Spacegray(...

2018-05-14 21:52:28 479

原创 Bootstrap框架自学心得

一:Bootstrap简介简单了解,查看bootstrapAPI文档二:Bootstrap CSS栅格、代码和表格1、css栅格:2、代码承载:<code>,<kbd>,<pre>,<var>,<samp>3、表格:很多种类 查看API三:Bootstrap CSS表单、按钮和图片1、表单样式2、按钮和图片...

2018-05-13 17:06:14 668

原创 AngularJS自学心得

一:AngularJS入门1、AngularJS简介:AngularJS 是一个 JavaScript 框架。AngularJS的四个核心思想:依赖注入,模块化,双向绑定,语义化标签。2、开发工具和调试工具:sublime/webstorm ;   用浏览器来调试。3、第一个AngularJS  web应用:①引入angular.js文件(js/angular.min.js),使用ng-app指令...

2018-05-12 00:11:22 530

原创 Backbone概述

单页面应用:简称SPA,是指在浏览器中运行的应用,他们在使用期间不会重新加载页面。(它将所有的活动局限于一个web页面中,仅在该web页面初始化时加载相应的HTML、CSS、和JavaScript。一旦页面加载完成,SPA不会因为用户的操作而重新加载页面或跳转。它利用JavaScript动态的变换HTML内容,从而实现UI与用户的交互。由于避免了页面的重新加载,SPA可以提供较为流畅的用户体验。)...

2018-05-11 21:40:42 1100

原创 jQuery UI自学心得(使用下载、交互、小部件)

一:jQuery UI下载与使用1、jQuery UI:①是以jQuery为基础的JavaScript页面用户界面的开源库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。②包含了许多维持状态的小部件(Widgets),因此它与典型的jQuery插件使用模式略有不同。所有的jQuery UI小部件使用相同的模式,所以只要学会使用其中一个,你...

2018-05-11 20:08:49 285

原创 jQuery自学心得二(扩展与onConflict,CSS操作及盒模型,遍历,实战)

一:JQuery的扩展与noConflict1、扩展类似于插件、可以单独写一个.js页面,引入--调用即可。2、noConflict()方法:代替掉美元符号(在$符被其他框架占用的情况下可以代替)。二:jQuery  CSS操作及 jQuery的盒子模型CSS操作方法/盒子模型:查看jQuery中文API三:jQuery之元素的遍历和过滤1、从上向下遍历方法:children()只向下遍历一级,参...

2018-05-11 16:29:43 163

原创 jQuery自学心得一(简介语法,选择器和事件,HTML捕获、添加删除元素、效果、回调、AJAX异步访问)

一:jQuery简介及语法1、认识jQuery:①jQuery:jQuery库可以通过一行简单的标记被添加到网页中。②jQuery是一个JavaScript函数库。③jQuery库包含的功能:HTML元素选取、HTML元素操作、CSS操作、HTML事件函数、JavaScript特效和动画HTML DOM遍历和修改、AJAX 、Utilities2、引入jQuery:①从jquery.com下载jq...

2018-05-11 01:14:02 280

原创 JavaScript自学心得三(浏览器对象、瀑布流、面向对象详解、正则表达式)

一:JavaScript浏览器对象1、window对象:window对象是BOM的核心,window对象指当前的浏览器窗口。所有的JavaScript全局对象、函数以及变量均自动成为window对象的成员。window尺寸:window.innerHeight-浏览器窗口的内部高度;window.innerWidth-内部宽度。window方法:window.open()-打开新窗口,window...

2018-05-10 22:19:50 193

原创 JavaScript自学心得二(DOM对象、事件详解、内置对象、DOM元素控制HTML元素)

一:JavaScript DOM对象1、DOM简介:当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model);JavaScript能够改变页面中的所有(HTML元素、HTML属性、CSS样式、)以及对所有事件做出反应。2、DOM操作HTML:①改变HTML输出流(备注:绝对不要在文档加载完成之后使用document.write();这会覆盖文档)②寻找元素:通过...

2018-05-10 17:30:43 270

原创 JavaScript自学心得一(基础、语法、函数,异常处理/事件处理)

一:JavaScript基础教程1、JavaScript介绍:一种轻量级的编程语言、是可插入HTML页面的编程代码,JavaScript插入HTML页面后,可由所有浏览器执行。2、JavaScript用法:HTML中脚本必须位于<script></script>标签中。脚本可以被放置在HTML页面的<body>或者<head>中。在HTML中不限制脚...

2018-05-10 12:34:14 216

原创 HTML5新增元素的介绍

一:html5新增的主体元素<article>:定义页面独立的内容区域(可以嵌套使用,可以表示插件)。<section>:定义文档中的节(section,区段)。<nav>:定义导航链接的部分。<aside>:定义页面的侧边栏内容。<time>:定义日期或时间。二:html5新增的非主体元素<header>:定义了文档的头部区...

2018-05-04 23:01:54 7920

翻译 个人觉得对AngularJS入门理解比较好的文章

关于AngularJs中的路由学习总结http://www.cnblogs.com/jtjds/p/5743855.html AngularJs学习总结-了解基本特性http://www.cnblogs.com/jtjds/p/5688214.html webstrom汉化破解方法地址http://www.ddooo.com/softdown/121617.htm...

2018-04-26 15:35:51 175

原创 CSS布局解决方案——全屏布局

方案一:使用position方案二:flex

2018-04-22 18:07:11 187

原创 CSS布局解决方案——等分布局(定宽+自适应+两块高度一样高)

方案一:使用float方案二:使用table方案三:使用flex方案四:使用display

2018-04-22 17:43:46 2094

原创 CSS布局解决方案——等分布局

方案一:使用float方案二:使用table方案三:使用flex

2018-04-22 17:38:29 284

原创 CSS布局解决方案——多列布局(不定款+自适应)

方案一:使用float+overflow方案二:使用table方案三:使用flex

2018-04-22 17:28:15 1121

原创 CSS布局解决方案——多列布局 (①两列定宽+一列自适应②两列不定宽+一列自适应)

方案一:两列定宽+一列自适应方案二:两列不定宽+一列自适应

2018-04-22 17:23:20 328

原创 CSS布局解决方案——多列布局(定宽+自适应)

方案一:使用float+overflow方案二:float+margin方案三:float+margin(改良版)方案四:使用table方案五:flex

2018-04-22 17:19:52 274

原创 CSS布局解决方案——居中布局(水平垂直居中)

方案一:使用absolute+transform方案二:使用inline-block+text-align+table-cell+vertical-align方案三:使用flex+justify-content+align-items

2018-04-22 17:12:27 154

原创 CSS布局解决方案——居中布局(垂直居中)

方案一:使用table-cell+vertical-align方案二:使用absolute+transform方案三:使用flex+align-items

2018-04-22 17:05:04 161

原创 CSS布局解决方案——居中布局(水平居中)

方案一:使用inline-block+text-align(1)原理:先将子框由块级元素改变为行内块元素,在通过设置行内块元素居中以达到水平居中。(2)用法:对子框设置display:inline-block;对父框设置text-align:center;(3)示例:(4)优点:兼容性好,甚至可以兼容IE6,IE7(5)缺点:child里的文字也会水平居中,可以在.child添加text-alig...

2018-04-21 17:40:23 661

原创 SqlServer触发器的格式+小例子解析

触发器基本语法格式:create trigger tri_name        on table                                for insert/update/deleted    asSQL code触发器基本语法解析:create trigger tri_name        //(tri_name:自定义触发器的名称)on table         ...

2018-04-21 16:31:41 5929

空空如也

空空如也

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

TA关注的人

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