随笔分类 - 【Web前端】
摘要：介绍 官网 React 是一个用于构建用户界面的 JavaScript 库。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性能，代码逻辑非常简单。 特点 1.声明式设计 −React采用声明范式，可以
阅读全文
摘要：一、div內容溢出 1、溢出 overflow :auto时，内容超过指定高度会出现滚动条 overflow：hidden时，不显示超过对象（div）尺寸的内容 2、需要設置高度 max-height 設置一個最大的高度，超過則顯示滾動條； height:auo，不超過設置的最大高度時，讓內容自動決
阅读全文
摘要：1. # 10年9月，twitter改版。一个显著变化，就是URL加入了"#!"符号。比如，改版前的用户主页网址为http://twitter.com/username改版后，就变成了http://twitter.com/#!/username 这是主流网站第一次将"#"大规模用于重要URL中。这表
阅读全文
摘要：一、一个html中多个ng-app //对于ng-app初始化一个AngularJS程序属性的使用需要注意，在一个页面中AngularJS自动加载第一个ng-app，其他ng-app会忽略 //如果需要加载其他ng-app程序，需要手动添加初始化过程。 angular.bootstrap(docum
阅读全文
摘要：一、table td的宽度详解 Table只有Table的宽度是可以设置的，并且各个浏览器理解一致 原则上应该将table的宽度设置成一个固定的值，而不应该设置成一个根据屏幕变化的值 Table的宽度为600px,Table的td所有宽度总和不到600px,浏览器会自动按照td的宽度的比例算出宽度
阅读全文
摘要：一、JS计算时间差 返回（天、小时、分钟、秒） 二、JS 时间增加后返回时间 增加（天、小时、分钟、秒） var temp = dateTime.setHours(dateTime.getHours() + 2); var inDateTimeMin = new Date(temp); 注：date
阅读全文
摘要：一、CSS文件 1、引用css文件，放在Head里面，可以减少repaint和reflow。 浏览器渲染页面大概是这样的：当浏览器从上到下一边下载html生成DOM tree一边根据浏览器默认及现有CSS生成render tree来渲染页面，当遇到新的CSS的时候下载并结合现有CSS重新生成rend
阅读全文
摘要：一、JS文件位置 多个.JS文件最好合并到一个文件中，减少加载页面时发送的请求数量。 某个单独页面需要的js，最好放在HTML文档的最后，</body>之前，这样能使浏览器更快地加载页面。先加载完界面，再执行脚本，不至于先执行复杂脚本带来的页面显示不全。 侵入式与非侵入式JavaScript 侵入式
阅读全文
摘要：初识requirejs 随着网站功能逐渐丰富，网页中的js也变得越来越复杂和臃肿，原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式，我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。 RequireJS是一个非常小巧的JavaScript模块载入框架，是A
阅读全文
摘要：介绍 AngularJS 路由允许我们通过不同的 URL 访问不同的内容。 通过 AngularJS 可以实现多视图的单页Web应用（single page web application，SPA）。 通常我们的URL形式为 http://w3cschool.cn/first/page，但在单页We
阅读全文
摘要：AngularJS 通过被称为 指令 的新属性来扩展 HTML。指令是扩展的 HTML 属性，带有前缀 ng-。 内置指令 1、ng-app 指令初始化一个 AngularJS 应用程序。 定义了 AngularJS 应用程序的 根元素。 2、ng-init 指令初始化应用程序数据。 通常情况下，不
阅读全文
摘要：当从后台获取到的数据呈现到视图上时，此时可能需要对数据进行相应的转换，此时我们可以通过过滤器在不同页面进行不同数据的格式抓换，在AngularJS中有常见默认的过滤器，当然若不满足所需，我们可以自定义过滤器。 AngularJS 过滤器可以用来格式化数据，过滤器能够用在表达式和指令中。 使用一个管道
阅读全文
摘要：AngularJS 中的服务是一个函数或对象。可以创建自己的服务，或使用内建服务。 内置服务 AngularJS 内建了30 多个服务。 1、 $location 服务，它可以返回当前页面的 URL 地址。 var app = angular.module('myApp', []);app.cont
阅读全文
摘要：1. 定义 控制器（Controller）在AngularJS中作用是增强视图（View），AngularJS控制器是一个构造方法，用来向视图（View）中添加额外功能。 ng-controller指令定义AngularJS应用程序控制器。 控制器是JavaScript对象，由标准的JavaScri
阅读全文
摘要：$Scope Scope(作用域)是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带，用来保存AngularJS Model(模型)的对象。 Scope 是一个对象，有可用的方法和属性。Scope 可应用在视图和控制器上。angularJS中的mvc是借助于$scope实现
阅读全文
摘要：angularJS中的mvc是借助于$scope实现的。 View(视图), 即 HTML。 Model(模型), 当前视图中可用的数据。scope 是模型。scope 是一个 JavaScript 对象，带有属性和方法，这些属性和方法可以在视图和控制器中使用。 Controller(控制器), 即
阅读全文
摘要：Angular的启动分为手动和自动两种。 自动启动 定义模块的例子中，采用的就是自动的方式：通过内置的指令ngApp 来指定启动时加载的模块。<html ng-app="myApp"> 根据官方文档，Angular的自动初始化发生在两个时机： 1、响应DOMContentLoaded事件（页面文档完
阅读全文
摘要：模块定义了一个应用程序。控制器通常属于一个模块。 JavaScript 中应避免使用全局函数。因为他们很容易被其他脚本文件覆盖。 AngularJS 模块让所有函数的作用域在该模块下，避免了该问题。 简单的定义一个Angular模块（module） var app = angular.module(
阅读全文
摘要：简介 AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。 AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript
阅读全文
摘要：一、jQuery操作复选框checkbox 1、设置选中、取消选中、获取被选中的值、判断是否选中等 注意：操作checked、disabled、selected属性，强制建议只用prop()方法！！，不要用attr()方法。 attr()是jQuery 1.0版本就有的函数，prop()是jQuer
阅读全文
