- 博客(31)
- 收藏
- 关注
原创 ANGULAR的核心思想是什么?怎么体现在代码里?
目录 1.背景介绍 2.知识剖析 3.常见问题 4.解决方案 5.编码实战 6.扩展思考 7.参考文献 8.更多讨论 一.背景介绍 angular...
2018-07-27 21:10:36
407
原创 HTTP状态码有哪些?分别代表是什么意思?
1.背景介绍当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头(server header)用以响应浏览器的请求。HTTP状态码由三个十进制数字组成,三位数字代码分别代表着不同的请求状态,第一个十进制数字定义了状态码的类型,后两个数字没有分类的作用。2.知识剖析HTTP状态码分类...
2018-07-16 21:03:11
4701
原创 $scope $rootScope $watch 和 $state是什么?
1.背景介绍在平时的编码中,我们总会想着有什么方法能够简化我们的工作流程,让我们只专心于业务逻辑和数据的处理,而angularjs就为我们程序员实现了这一点。$scope $rootScope $watch 和 $state就是里面的几个方法,今天着重跟大家讨论一下这几个方法2.知识剖析$scope$scope在angularjs中,你可以把它理解成作用域,每个不同的controller,都具有它...
2018-07-05 21:19:00
428
原创 如何开发小程序?
1.背景介绍什么是小程序? 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。 也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但无需安装卸载。2.知识剖析小程序特点:1.H5是由W3C做的一个开放标准规范,微信小程序是腾讯自己的封闭规范。2.运行环境不一样,H5的是开放的,可以运行在...
2018-06-25 21:00:02
463
原创 如何使用bootbox?
1.背景介绍在JS任务6-10做萝卜多后台中我们会使用到模态框,当时我在做这个任务的时候是使用了AngularJS的ui-bootstrap中的模态框,但是使用起来真的真的很繁琐!直到后来接触到bootbox,发现原来写模态框可以如此的简单。Bootbox.js是一个小型的JavaScript库,基于 Twitter 的 Bootstrap 开发。它允许你创建使用编程对话框。可以快速定制,创建自己...
2018-06-12 21:05:56
8378
1
原创 【JS-08】Angular js 常用指令ng-if、ng-class、ng-options、ng-value、ng-click是如何使用的
【JS-08】Angular js 常用指令ng-if、ng-class、ng-options、ng-value、ng-click是如何使用的目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍指令是一个Dom元素上的标签(和元素上的属性, CSS 类样式一样,属于这个Dom元素), 它告诉AngualrJS的 HTML 编译器,去附加一...
2018-06-01 21:02:14
624
原创 JS有哪几种传参方式
js有哪几种传参方式?小课堂【深圳-web-A组】目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍我们今天讲的传参是指页面之间的数据传递。传统的前端开发中,页面之间是少有参数交互的,甚至没有,而在如今的前端环境下,一个稍微正式点的项目都不可能少了页面间传参,页面的跨越、服务器后台进行数据请求等,都需要一个或多个传参的方法。那么参数在不...
2018-05-14 16:36:18
1762
1
原创 如何实现数组的深拷贝和浅拷贝
如何实现数组的深拷贝和浅拷贝目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍在使用JavaScript对数组进行操作的时候,我们经常需要将数组进行备份. 如下代码,如果只是简单才用赋值的方法,那么我们只要更改其中的任何一个,然后其他的也会跟着改变,这就导致了问题的发生var arr1 = ["red","yellow","black"...
2018-05-02 09:39:12
635
原创 浮动和清除(闭合)浮动
CSS之float and clear float浮动和清除(闭合)浮动目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍在那个“蛮荒”的年代,Float的设计初衷不是为了什么高大上的布局,而仅仅是文字环绕效果。浮动出现的意义仅仅是让文字来环绕图片而已那为什么要知道这个呢?明白了float的设计初衷,就可以明白float特有的行为...
2018-04-30 09:32:28
145
原创 flex布局
flex布局目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.参考文献1.背景介绍flex布局是什么2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。2.知识剖析一,怎么运用flex布局flex布局非常灵活,任一容器都可以指定为flex布局。块状只需要...
2018-04-30 09:31:49
157
原创 margin与padding的区别是什么?
margin与padding的区别是什么?目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍什么是margin 什么是padding我们在进行网页制作时都会遇到为元素设定边距的情况,边距又分为内边距和外边距,即margin和padding.margin和padding是在html中的盒模型的基础上出现的,margin是盒子的外边距,即盒...
2018-04-30 09:31:17
2641
原创 IE事件流和W3C事件流有什么区别,参数分别是什么,以及如何阻止事件冒泡?
IE事件流和W3C事件流有什么区别,参数分别是什么,以及如何阻止事件冒泡?目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍事件JavaScript与HTML之间的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。 它是用户或浏览器自身执行的某种动作,如click,l...
2018-04-30 09:30:46
637
原创 手机分辨率和网页中的px是一回事吗?
手机分辨率和网页中的px是一回事吗?目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍首先,什么是viewport通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域再具体一点,就是浏览器上用来显示网页的那部分区域,但viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比...
2018-04-30 09:30:16
265
原创 Console的用法,以及Debug技巧
Console的用法,以及Debug技巧目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论一.背景介绍什么是console?Chrome 中 Console 是用于显示 JS和 DOM 对象信息的单独窗口。并且向 JS 中注入1个 console 对象,使用该对象 可以输出信息到 Console 窗口中。在具备调试功能...
2018-04-30 09:28:08
419
原创 跨域的几种常见的解决方式
跨域的几种常见的解决方式目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍1.1什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: link script img frame等dom标签,还有样式中background:url(...
2018-04-30 09:27:17
610
原创 如何使用ui-router?
如何使用ui-router?目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论一.背景介绍angular路由路由(route),几乎所有的MVC(VM)框架都应该具有的特性,因为它是前端构建单页面应用(SPA)必不可少的组成部分。那么,对于angular而言,它自然也有内置的路由模块:叫做ngRoute。不过,大家很少用它,因为它的功能太有限,往往...
2018-04-30 09:26:42
145
原创 如何理解line-height与vertical-align
如何理解line-height与vertical-align目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍1.背景介绍随着互联网行业的发展,人们对网页的要求已经不限于传递信息,如何将网页设计的更合理,能更容易的让用户获取信息也愈发重要。而文字作为网页信息的主要载体,它的样式对用户交互的影响十分巨大,本次小课堂将跟大家分享两个关于文字...
2018-04-30 09:26:01
350
原创 如何理解angular自定义指令directive的scope属性?
如何理解angular自定义指令directive的scope属性?目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍指令定义AngularJS与JQuery最大的区别表现在数据双向绑定,实质就是DOM的操作形式不一样。 JQuery通过选择器找到DOM元素,再赋予元素的行为; ...
2018-04-29 15:09:05
182
原创 return的用法是什么?
return的用法是什么?目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍return表示从被调函数返回到主调函数继续执行,返回时可附带一个返回值,由return后面的参数指定。 return通常是必要的,因为函数调用的时候计算结果通常是通过返回值带出的。 如...
2018-04-29 15:08:27
9851
3
原创 有限状态机是什么?
有限状态机是什么?目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍有限状态机是什么?有限状态机,(英语:Finite-state machine, FSM),又称有限状态自动机,简称状态机, 是表示有限个状态以及在这些状态之间的转移和动作等行为的数学模型。其作用主要是描述对象在它的生命周期内所经历...
2018-04-29 15:07:53
4097
原创 简述this指向
简述this指向目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。 随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。2.知识剖析...
2018-04-29 15:07:19
185
原创 域名,cookie是什么?有什么用处?cookie session的区别?cookie的失效期?
域名,cookie是什么?有什么用处?cookie session的区别?cookie的失效期?目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍域名是什么? 要解释域名是什么,我们应当知道一些互联网的基本概念 我们实现互联网的方式中有一个网络层的概念,这个网络层在实体层和链接层上。网络层引入了一套地址,用来区分不同的计算机是否属于同一...
2018-04-29 15:06:46
574
原创 什么是Ajax
什么是Ajax目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍什么是Ajax?AJAX即异步的JavaScript与XML技术,指的是一套综合了多项技术的浏览器端网页开发技术。 通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。 这意味着可以在不重新加载整个网页的情况下,对网页的...
2018-04-29 15:06:11
1021
原创 小程序的授权机制
小程序的授权机制it修真院小课堂目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍说到这,我们需要先了解一下微信小程序是啥?简单说,它就是一个可以实现之前只能是原生态APP可以实现的效果和功能。比如说,一些酷炫的页面与转场,一些可以直接和手机硬件交互的功能,录音啊,拍视频啊,调用手机的重力感应啊,GPS啊等等。从目前来讲,APP比手机网...
2018-04-29 15:05:29
955
原创 九宫格有哪几种方法可以实现,他们各自的优缺点是什么?
九宫格有哪几种方法可以实现,他们各自的优缺点是什么?it修真院小课堂目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍盒子模型与元素水平九宫格对于一个初学者来说,只需要了解标准盒模型,盒模型由内至外分别是content、padding、border、margin, 其中可以使用百分比的有conten...
2018-04-29 15:04:57
1446
原创 JS中的面向对象编程
JS中的面向对象编程小课堂目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍什么是对象?ECMA-262把对象定义为:"无序属性的集合,其属性可以包括基本值、对象或者函数",相当于说对象是一组没有特定顺序的值。 对象的每一个属性和方法都有一个名字,每个名字都映射到一个值。创建对象创建一个Object实例并添加属性和方法 ...
2018-04-29 15:04:17
111
原创 ANGULAR JS常用指令NG-IF、NG-CLASS、NG-OPTION、NG-VALUE、NG-CLICK是如何使用的?
ANGULAR JS常用指令NG-IF、NG-CLASS、NG-OPTION、NG-VALUE、NG-CLICK是如何使用的?目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍指令是一个Dom元素上的标签(和元素上的属性, CSS类样式一样,属于这个Dom元素), 它告诉AngualrJS的HTML编译器,去附加一个行为到这个Dom元素...
2018-04-29 15:03:25
332
原创 JS中this的指向
JS中this的指向1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍在javaScript中,this是动态绑定的,它可以是全局对象、当前对象或者任意对象,这完全取决于函数的调用方式。 这就导致了this具备了多重含义,可以使得this可以更灵活地使用。但是,带来了灵活性的同时也会给我们初学者带来不少困惑。 ...
2018-04-27 15:07:17
88
原创 闭包是什么?用处如何?
闭包是什么?用处如何?it修真院小课堂目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。闭包是「函数」和「函数内部能访问到的变量」(也叫环境)的总和。2.知识剖析闭包可以用在许多地方。它的最大用处有两个:1.可以读取函数内部的变量2....
2018-04-26 16:24:09
182
原创 常见Dom操作有哪些?
常见Dom操作有哪些?it-修真院小课堂目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍DOM(文档对象模型)是针对HTML 和XML 文档的一个API(应用程序编程接口)。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。2.知识剖析DOM是什么?DOM 是 Document Object Model(文档...
2018-04-26 15:58:24
253
原创 FLEXBOX(弹性盒布局模型)以及适用场景?
FLEXBOX(弹性盒布局模型)以及适用场景?目录1.背景介绍2.知识剖析3.常见问题4.解决方案5.编码实战6.扩展思考7.参考文献8.更多讨论1.背景介绍FLEX布局是什么?2009年,W3C提出了一种新的布局方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。 目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。2.知识剖析一,怎么运用FLEX布局f...
2018-04-26 15:28:09
1907
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人