ITzhongzi的博客

不管前方的路有多远和多苦，只要走的方向是正确的，不管多么崎岖不平，都比站在原地更接近幸福！

12月 11月 08月 07月 06月 05月 04月 03月 02月 01月

原创 Angular简介和入门

流行框架第一天：Angular简介和入门1.1. 前端流行技术的历史之前时代，是桌面应用的天下，客户端服务器的天下，本没有前端这样的职位，网站设计师石器时代，互联网开始发展网站设计师（静态）-不过是html、css、js、flash，页面设计师青铜时代，yui、prototype、extjs、dojo等等框架的时代，美工、页面设计师前端工程师黑铁时代，jquery和jquery的一堆衍生

2017-03-31 00:17:22 3408

原创 angular中的全局方法和指令介绍1

### 复习并总结Angular开发流程0.下载angular，暴力angular，找到js拖拽过来，npm下载1.引入2.在要控制的标签上写上ng-app3.写controller,告诉angular哪部分dom结构有哪个controller去接管4.在controller里面处理数据和具体业务逻辑5.绑定值或文本，ng-model {{}}表达式### 复习MVC- MVC是一种设

2017-03-31 00:16:51 2552 1

原创 angular中的概念和原理浅析

问题反馈MVC 与 MVVMM: model 数据模型V: view 视图( 界面 )C: controller 控制器VM: ViewModel 视图模型依赖注入 .controller( ‘….’, [ ‘…’, function ( … ) {}] )就是传参angular.module( 'mainApp' ) 获得已定义的模块 mainApp 模块定义到哪里去了? 定义在

2017-03-31 00:16:20 883

原创 angularjs中的双向绑定原理解析

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">

2017-03-31 00:15:17 643

原创 js中各个类型之间的比较

各个类型在比较的时候会发生类型转换，比较结果，如图所示

2017-03-31 00:13:35 520

原创 replace配合正则表达式的使用技巧，惊爆你的大脑

正则 replace 第二个参数基本语法: .replace( regex, string|function ) -> string 第二个参数如果是函数, 表示, 前面字符串被匹配的结果由函数的返回值所替换. 也就是说, 匹配到一次函数就会调用一次, 有匹配结果函数就会调用多少次. 在函数中有参数, 表示的是http://wr

2017-03-31 00:11:00 853

原创 angular中的dom操作

关于 dom 操作 -> 比较传统的 web 开发与 ng 开发的区别 -> 传统的 web 开发有频繁的 dom 操作 -> ng 中不推荐使用 dom 操作. 而在 ng 中将对 dom 操作转换成对 $scope 的操作 -> jqlite 是 ng 内部的一个轻量级的 jquery 模块在 ng 中使用 angul

2017-03-31 00:09:50 1315

原创 angular中$scope作用域和继承关系解析

作用域( scope ) 表示的就是 ng 界面背后的那个对象在 ng 中凡是使用了 ng-app, 或 ng-controller 在背后都会创建一个 scope, 用于维护当前代码结构中的数据. 多个 scope 之间按照标签的层级关系依照原型继承的结构组织对象.其中 $rootScope 是所有 scope 对象的根.例如: <body ng-a

2017-03-31 00:09:05 444

原创 angular中的表达式

表达式( expression ) 在 js 中所谓表达式是指由数据与运算符连接起来的有结果的代码. 123 true ‘abc’ 常量表达式 1+2+3 算术表达式 123 || 456 func() ng 表达式: 就是用在双花括号中, 或者指令后面的键值中的东西就是 ng 表达式.

2017-03-31 00:07:49 804

原创 angular中过滤器解析

1.1. angular中的过滤使用浅析1.2. 本文章主要针对 angular内置对象的使用和自定义对象的使用进行解析1.3. 过滤器( filter ) 1.- 在 ng 中过滤器是用在表达式中, 或代码中将某一个数据进行格式化或筛选转换而用的语法结构.1.4. 语法1: {{ ng 表达式 | 过滤器名 :参数1 :参数2 }} 类似:

2017-03-30 23:34:35 2172

转载前端面试题解析循环篇

金三银四搞事季，前端这个近年的热门领域，搞事气氛特别强烈，我朋友小伟最近就在疯狂面试，遇到了许多有趣的面试官，有趣的面试题，我来帮这个搞事 boy 转述一下。以下是我一个朋友的故事，真的不是我。for (var i = 0; i 5; i++) { console.log(i);}“小伟，你说说这几行代码会输出什么？”当面试官在 Sublime 打出这

2017-03-28 23:17:16 433

转载 JS进阶篇:这可能是关于闭包最好的一篇文章

原谅我把标题起的像搞个大新闻的样子~每次下午打完球之后，晚上的学习总是提不起什么精神，趁着看不下新知识的空，把前两天总结的知识发出来给大家参考参考，挺多是摘抄的，也有一些是自己写的，如果有什么错误的，敬请指正！数据类型原始数据类型ES6之前的原始数据类型有Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number),在ES6时引入了一

2017-03-28 22:41:32 318

原创 angularjs控制器之间通信机制，兄弟间通信

html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle> script src="./angular.js"> script>head>body ng-app="app" > div ng-controller="parent"> div ng-controlle

2017-03-28 21:11:23 1556

转载 i5ting_toc编译markdown文档详解

i5ting_toc 是把markdown编译成带有toc目录的html的node模块i5ting_toci5ting_toc a node npm wrapper of i5ting_ztree_toc https://github.com/i5ting/i5ting_ztree_tocPreviewInstallnpm install -

2017-03-25 23:12:58 3791

转载 vscode常用插件

View In Browser预览页面（ctrl+F1）vscode-icons侧栏的图标，对于一个有视觉强迫症的人是必须要的HTML Snippets支持HTML5的标签提示HTML CSS supportcss自动补齐JS-CSS-HTML Formatter格式化jQuery Code Snippetsj

2017-03-25 22:23:52 3692

转载 gulp中文api

目录gulp 中文文档 5gulp 中文文档

2017-03-23 22:15:05 1894 1

转载 Gulp自动化工具详解2

Gulp使用教程一、简介gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器，她能自动化地完成 javascript/coffee/sass/less/html/i

2017-03-23 22:12:56 992

原创 gulp自动化工具详解2+npm解析

#Gulp## npm(node package manager)### 基本介绍：1. 官网 https://www.npmjs.com2. npm:node package manager：Node包管理器3. npm中管理了很多前端以及后端(nodejs)使用到的一些框架、库，比如：jquery/angular等等4. npm集成在node

2017-03-23 22:11:42 621

原创 jquery中的dom属性总结

1、addClass（classNames）: 为每个匹配的元素增加指定的类名解析：其中这个addClass也可以接受一个回调函数作为参数示例demo:html>head> style> div { background: white; } .red { background: red; } .red.green { background: green; } style

2017-03-22 23:07:08 513

原创 js中操作dom的方法（复习）

一、查找元素getElementById() 通过id查找元素返回一个dom元素getElementsByTagName() 通过标签名查找元素返回一个伪数组getElementsByClassName() 通过类名查找元素，返回一个伪数组getElementByName() 通过属性名name查找元素，返回一个伪数组querySelector(selector)

2017-03-21 22:50:52 621

原创 jQuery事件详解（所有的）

一、浏览器事件：未完待续，持续更新ing。。。

2017-03-20 21:58:00 334

转载 js中的鼠标事件

鼠标事件鼠标移动到目标元素上的那一刻，首先触发mouseover 之后如果光标继续在元素上移动，则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮……)，则触发mousedown 当设备弹起的时候触发mouseup 目标元素的滚动条发生移动时(滚动滚轮/拖动滚动条。。)触发scroll 滚动滚轮触发mousewheel，这个要区别于scroll

2017-03-20 21:47:43 731

转载 js中DOM操作汇总

一、DOM创建DOM节点（Node）通常对应于一个标签，一个文本，或者一个HTML属性。DOM节点有一个nodeType属性用来表示当前元素的类型，它是一个整数：Element，元素Attribute，属性Text，文本DOM节点创建最常用的便是document.createElement和document.createTextNode方法：var node1

2017-03-20 21:34:36 300

原创 webstorm中设置插件以（markdown）为例手把手教你安装westorm插件

以markdown为例，webstorm插件安装教程。教会你为之打开webstorm到以下界面：第一步：第二步：第三部：第四部：

2017-03-20 20:55:08 2842

原创 jQuery中scrollTop()方法解析

在jq中，scrollTop（）方法：调用方式： jq对象.scrollTop() 1、当不传入任何参数时，获取调用该方法的jq对象中匹配的dom元素的子元素卷起的高度。2、当传入一个参数的时候，表示设置调用该方法的jq对象中匹配的dom元素的子元素的据其高度示例demo1：（不传参数获取p内部卷起的高度）html>head> styl

2017-03-20 20:40:40 3242

转载 80% 应聘者都不及格的 JS 面试题

80% 应聘者都不及格的 JS 面试题共 5024 字，读完需 6 分钟，速读需 2 分钟，本文首发于知乎专栏前端周刊。写在前面，笔者在做面试官这 2 年多的时间内，面试了数百个前端工程师，惊讶的发现，超过 80% 的候选人对下面这道题的回答情况连及格都达不到。这究竟是怎样神奇的一道面试题？他考察了候选人的哪些能力？对正在读本文的你有什么启示？且听我慢慢道来不起眼的开始

2017-03-20 13:09:56 373

转载 markdown书写语法详解

0. 目录0. 目录1. 斜体和粗体2. 分级标题3. 超链接3.1. 行内式3.2. 参考式3.3. 自动链接4. 锚点5. 列表5.1. 无序列表5.2. 有序列表5.3. 定义型列表5.3. 列表缩进5.4. 包含段落的列表5.5. 包含引用的列表5.6. 包含代码区块的引用5.7. 一个特殊情况6. 引用6.1. 引用的多层嵌套6

2017-03-19 08:28:16 577

转载 reset.css css重置代码大全

目前比较全的CSS重设(reset)方法总结在当今网页设计/开发实践中，使用CSS来为语义化的(X)HTML标记添加样式风格是重要的关键。在设计师们的梦想中都存在着这样的一个完美世界:所有的浏览器都能够理解和适用多有CSS规则，并且呈现相同的视觉效果(没有兼容性问题)。但是，我们并没有生活在这个完美的世界，现实中发生的失窃却总是恰恰相反，很多CSS样式在不同的浏览器中有着不

2017-03-18 22:52:26 3722

转载 git remote详解

基本使用Git是一个分布式代码管理工具，所以可以支持多个仓库，在git里，服务器上的仓库在本地称之为remote。直接clone一个仓库：$: git clone git@search.ued.taobao.net:projects/search.git另外一种clone方式：# 创建目录初始化本地仓库$: mkdir search && cd search$

2017-03-17 22:36:51 1142

转载 git命令之git remote的用法详解

要参与任何一个 Git 项目的协作,必须要了解该如何管理远程仓库.远程仓库是指托管在网络上的项目仓库,可能会有好多个,其中有些你只能读,另外有些可以写.同他人协作开发某个项目时,需要管理这些远程仓库,以便推送或拉取数据,分享各自的工作进展.管理远程仓库的工作,包括添加远程库,移除废弃的远程库,管理各式远程库分支,定义是否跟踪这些分支,等等.本节我们将详细讨论远程库的管理和使用.

2017-03-16 22:06:32 1129

原创 canvas绘制动态机械表

html>html>head lang="en"> meta charset="UTF-8"> title>title> style> canvas { border: 1px solid red; } style>head>body>canvas width="800" height="600">c

2017-03-16 21:12:56 796

原创 jquery框架封装及解析原理+自己搭建jquery框架+注释

script> //利用自执行函数封装jq代码，避免暴露太多的全局变量 (function (window) { //为了以后能方便借用数组的各种方法，提前存到变量中，全局都是用这一个数组，节约空间 var arr = []; var push = arr.push; var splice = arr.splice;

2017-03-15 23:14:10 6322 1

原创 github中ssh和https提交的区别

从github上clone一个项目到本地的时候，有use HTTPS和use SSH两种方式，这两种主要是在push项目到github上时有所不同。完成一个push操作，需要对其内容进行安全管理，这里提供了ssh和https两种方式。而在clone项目到本地时，做出选择后，就已经决定了push的方式。 ssh使用了RSA，即非对称加密的方式，存在一个公钥和私钥。可以生成一个本地的一组秘钥

2017-03-15 23:05:41 3072 2

转载 Git查看、删除、重命名远程分支和tag 详解

本站文章除注明转载外，均为本站原创或者翻译。本站文章欢迎各种形式的转载，但请18岁以上的转载者注明文章出处，尊重我的劳动，也尊重你的智商；本站部分原创和翻译文章提供markdown格式源码，欢迎使用文章源码进行转载；本博客采用 WPCMD 维护；本文标题：Git查看、删除、重命名远程分支和tag本文链接：http://zengrong.net/post/1746.htm

2017-03-14 22:53:50 1865

原创设置文件不让git管理

1、在.git同级目录添加一个文件，叫 .gitignore 创建这个文件名的时候， a：文件名：".gitignore." b、bash命令：touch .gitignore2、打开.gitignore进行编辑，一行一行的添加不需要git管理的文件可以设置同类型的文件：*.js *.css 也可以设置整个目录： a/*-

2017-03-14 22:33:20 1575

原创 git获取远程主机分支

。git pull取回远程主机某个分支的更新，再与本地的指定分支合并。用法：git pull 远程主机名> 远程分支名>:本地分支名> 可以不指定本地的指定分支，默认就是当前处于哪个分支规则：如果希望将远程的分支更新到本地的指定分支，他们的分支名应该是一一对应的### git fetch：取回服务器中的指定分支1. git fetch取回所有分支的

2017-03-14 22:30:36 1672

原创 git命令详解进阶篇

将某个版本的文件从本地主仓库中恢复，取出来的文件替换工作目录的文件git reset --hard 提交的版本号(可以只写前几位)+ git reflog 查看历史记录这些历史记录包括：每一次提交的信息；以及每一次版本回滚的操作## 设置文件不让git管理1、在.git同级目录添加一个文件，叫 .gitignore 创建这个文件名的时候， a

2017-03-14 22:24:20 264

原创 Git命令操作详解

Git命令操作：1、配置自己的用户名和邮箱git config --global user.name "自已的名字"git config --global user.email "自已的邮箱地址"2、对仓库进行初始化：git init3、查看仓库中文件的状态：git status 忽略掉空目录如果当前目录下面的指定文件夹下面也有一些未追

2017-03-13 22:25:32 366

原创版本控制软件详解

版本控制软件就是用来管理代码的，他有以下优势：1、对于个人开发来说：代码优化、代码更新：没有版本控制软件修改了哪些代码可能自己都不清楚了有了版本控制软件之后，可以将某个文件的新内容与旧内容进行对比，对比之后就知道这两段代码之后到底有哪些区别2、对于团队开发来说：一个项目肯定是由若干个开发人员一起来开发的，不同的人员开发的不同代码可能会发生冲突

2017-03-13 22:25:02 732

原创 vi编辑器详解+命令解释

vi编辑器提供了3种模式，分别是命令模式、插入模式、底行模式，每种模式下用户所能进行的操作是不一样的。3种模式的切换如下图所示：命令行模式进入输入模式：i或者a键返回：ESC命令行模式进入底行模式：:键返回：ESC1、在bash中进入vi编辑器vi命令即可2、退出vi编辑器：:q3、在vi编辑器中有输入内容再想退出：

2017-03-13 22:24:30 705