随笔分类 - 前端基础
摘要：二十、angular 的缺点有哪些？ 1.强约束 导致学习成本较高，对前端不友好。 但遵守 AngularJS 的约定时，生产力会很高，对 Java 程序员友好。 2.不利于 SEO 因为所有内容都是动态获取并渲染生成的，搜索引擎没法爬取。 一种解决办法是，对于正常用户的访问，服务器响应 Angul
阅读全文
摘要：十六、一个 angular 应用应当如何良好地分层？ 目录结构的划分 1、对于小型项目，可以按照文件类型组织，比如： css Js { controllers models services filters } templates 2、但是对于规模较大的项目，最好按业务模块划分，比如： css Mo
阅读全文
摘要：十一、ng-repeat迭代数组的时候，如果数组中有相同值，会有什么问题，如何解决？ 会提示 Duplicates in a repeater are not allowed. 加 track by $index 可解决。当然，也可以 trace by 任何一个普通的值，只要能唯一性标识数组中的每一
阅读全文
摘要：一、ng-show/ng-hide 与 ng-if的区别？ 第一点区别是， ng-if 在后面表达式为 true 的时候才创建这个 dom 节点， ng-show 是初始时就创建了，用 display:block 和 display:none 来控制显示和不显示。 第二点区别是， ng-if 会（隐
阅读全文
摘要：简介AngularJS是目前最为活跃的Javascript框架之一，AngularJS的目标之一是简化开发过程，这使得AngularJS非常善于构建小型app原型，但AngularJS对于全功能的客户端应用程序同样强大，它结合了开发简便，特性广泛和出众的性能，使其被广泛使用。然而，大量使用也会产生诸
阅读全文
摘要：6 AngularJS进阶 6 AngularJS进阶 6.1数据绑定原理研究 Angular用户都想知道数据绑定是怎么实现的。你可能会看到各种各样的词汇：$watch、$apply、$digest、dirty-checking...它们是什么？它们是如何工作的呢？这里我想回答这些问题，其实它们在官
阅读全文
摘要：第一迭代输出之ng-repeat标签 ng-repeat让table ul ol等标签和js里的数组完美结合 你甚至可以指定输出的顺序： 第二动态绑定之ng-model标签 任何有用户输入，只要是有值的html标签，都可以动态绑定js中的变量， 而且是动态绑定。 对于绑定的变量，你可以使用{{}}
阅读全文
摘要：4.8依赖注入DI 通过依赖注入，ng想要推崇一种声明式的开发方式，即当我们需要使用某一模块或服务时，不需要关心此模块内部如何实现，只需声明一下就可以使用了。在多处使用只需进行多次声明，大大提高可复用性。 比如我们的controller，在定义的时候用到一个$scope参数。 app.control
阅读全文
摘要：4.6指令(directive) 通过使用模板，我们可以把model和controller中的数据组装起来呈现给浏览器，还可以通过数据绑定，实时更新视图，让我们的页面变成动态的。 模板中可以使用的东西包括以下四种： 1.指令(directive)：ng提供的或者自定义的标签和属性，用来增强HTML表
阅读全文
摘要：4 功能介绍 4 功能介绍 4.1数据绑定 AngularJS的双向数据绑定，意味着你可以在Mode(JS)中改变数据，而这些变动立刻就会自动出现在View上，反之亦然。即：一方面可以做到model变化驱动了DOM中元素变化，另一方面也可以做到DOM元素的变化也会影响到Model。 在我们使用jQu
阅读全文
摘要：1 前言 1 前言 前端技术的发展是如此之快，各种优秀技术、优秀框架的出现简直让人目不暇接，紧跟时代潮流，学习掌握新知识自然是不敢怠慢。 AngularJS是google在维护，其在国外已经十分火热，可是国内的使用情况却有不小的差距，参考文献/网络文章也很匮乏。这里便将我学习AngularJS写成文
阅读全文
摘要：到目前为止，您应该掌握了将图像\视频和音频嵌入到网页上的诀窍了。此刻，让我们进行深入学习，来看一些能让您在网页中嵌入各种内容类型的元素： <iframe>, <embed> 和<object> 元素。<iframe>用于嵌入其他网页，另外两个元素则允许您嵌入PDF，SVG，甚至Flash（种正在被淘
阅读全文
摘要：在一开始时，Web仅有文本，那真的是很无趣。幸运的是，没过多久网页上就能嵌入图片和其他有趣的内容了。虽然还有许多其他类型的多媒体，但是从地位比较低的<img>元素开始是符合逻辑的，它常常被用来在网页中嵌入一张简单的图片。在这篇文章中，我们将看到怎样深入的使用它，包括基本的用<figure>来添加说明
阅读全文
摘要：在浏览器中打开 Markup Validation Service 。 点击或者激活 Validate by Direct Input 栏。 将整个示范文档的代码（不仅仅是body部分）复制粘贴到在Markup Validation Service中显示的巨大的文本框。 点击Check按钮。
阅读全文
摘要：实际的工作中，当有多个选择器作用在一个元素上时，哪个规则最终会应用到元素上？其实这是通过层叠机制来控制的，这也和样式继承（元素从其父元素那里获得属性值）有关。样式的优先级就是这样的一个机制，它包括!important，专用性和源代码次序（CSS定义的位置及先后顺序）。 1.1 重要性 在CSS中，有
阅读全文
摘要：在页面加载完成的时候，标签head里的内容，是不会在页面中显示出来的。它包含了像页面的<title>(标题) ,CSS(如果你想用CSS来美化页面内容)，图标和其他的元数据(比如 作者，关键词，摘要)。在本文中，我们将包含所有上述的事情，为您在脑海中营造一个很好的基础和代码印象。 1.1 什么是He
阅读全文
摘要：上图便是经典的盒模型的图。文档的每个元素被构造成文档布局内的一个矩形框，框每层的大小都可以使用一些特定的CSS属性调整。 1.1 width/ height width 和 height 设置内容框（content box）的宽度和高度。内容框是框内容显示的区域（包括框内的文本内容，以及表示嵌套子元
阅读全文
摘要：1.1 什么是 HTML HTML (HyperText Markup Language) 不是一种编程语言;它是一种标记语言，用于告诉您的浏览器如何构造您访问的网页。它可以像Web开发人员希望的那样复杂或简单。 HTML由一系列的 elements组成, 您可以使用它来封装，包装或标记内容的不同部
阅读全文
摘要：在CSS中，所有属性都可以被继承，只需要显式的设置属性值为inherit即可。如果不设置该属性，CSS大部分属性默认不会从父元素继承而是设置初始值（initial value），但是有一部分属性，默认从父元素继承属性值，下面来了解这些属性。 1.1 文字 font：组合字体 font-family：
阅读全文
摘要：cursor光标类型 auto default none context-menu help pointer progress wait cell crosshair text vertical-text alias copy move no-drop not-allowed e-resize n-
阅读全文
浙公网安备 33010602011771号