随笔分类 - 读书笔记-前端
【JS复习笔记】03 继承(从ES5到ES6)
摘要:前言 很久以前学习《Javascript语言精粹》时,写过一个关于js的系列学习笔记。 最近又跟别人讲什么原型和继承什么的,发现这些记忆有些模糊了,然后回头看自己这篇文章,觉得几年前的学习笔记真是简陋。 所以在这里将这篇继承重新更新一下,并且加上ES6的部分,以便下次又对这些记忆模糊了,能凭借这篇文
阅读全文
【AngularJS学习笔记】02 小杂烩及学习总结
摘要:表格示例 <div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names | orderBy : 'Country'"> <td>{{ $index + 1 }}</td> <td ng-if=
阅读全文
【AngularJS学习笔记】01 指令、服务和过滤器
摘要:AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 比如: ng-app 指令初始化一个 AngularJS 应用程序。注意ng-app一般为空,如果值不为空,就得加这样一句代码var app = angular.module('名字', []); ng-init 指令初始化应用程
阅读全文
【AngularJS学习笔记】00 序
摘要:AngularJS通过新的属性与表达式来扩展HTML,有一种很形象的叫法,定义它为声明式语言。 为克服HTML在构建应用上的不足而设计! 这是它的目标。 它的官网进不去,应该是被墙了,这是goegle的团队弄的。所以找了个应用AngularJS的网站,然后另存为下来的。 以一段简单的代码开头 <di
阅读全文
【Bootstrap基础学习】05 Bootstrap学习总结
摘要:好吧,Copy了几天,这个总结算是把我对Bootstrap的一些理解写一下吧。 Bootstrap只是一套别人写好的前端框架,直接拿来用就好。 不过对于专业的前端而言,如果不去把所有的代码都看一遍来理解的话,恐怕也就只是浮于表面而已了。 学习里面的CSS和js,才是王道! 如果你只是一个和我一样的写
阅读全文
【Bootstrap基础学习】04 Bootstrap的HTML和CSS编码规范
摘要:HTML 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法。 嵌套元素应当缩进一次(即两个空格) 对于属性的定义,确保全部使用双引号,绝不要使用单引号。 不要在自闭合(self-closing)元素的尾部添加斜线 -- HTML5 规范中明确说明这是可选的。 不要
阅读全文
【Bootstrap基础学习】03 Bootstrap插件示例
摘要:模态框 <h2>创建模态框(Modal)</h2> <!-- 按钮触发模态框 --> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> 开始演示模态框 </button> <!-- 模
阅读全文
【Bootstrap基础学习】02 Bootstrap的布局组件应用示例
摘要:字体图标的应用示例 <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-sort-by-attributes"></span> </button> 下拉菜单示例 <div class="dro
阅读全文
【Bootstrap基础学习】01 Bootstrap的CSS
摘要:Bootstrap 使用了一些 HTML5 元素和 CSS 属性,所以需要使用 HTML5 文档类型。 <!DOCTYPE html> <html lang="zh-CN"> ... </html> 为了让 Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 hea
阅读全文
【Bootstrap基础学习】00 序
摘要:其实这样的东西很多了,但是我就是要写。 我写这种鬼东西只是为了监督自己,如果能顺便帮一下别人就更好了。 这个系列的基础学习,不会去看实体书,主要是去看网上的资料和官网。 Bootstrap就是对jQuery的一次再开发,所以jQuery脚本引用必须在bootstrap脚本之前。 <link type
阅读全文
【jQuery基础学习】12 jQuery学习感想
摘要:学习完《锋利的jQuery》,用时13天。 这期间,私底下又用了一点时间去W3C上把HTML和CSS重新过了一遍。 总的来说,收获还是蛮多的。 其实在本书里面真正重要的也就前几章,后面的都是一些插件什么的。这些W3C上面都有。 当然我自己感觉第11章,也就是jQuery的简单性能优化,虽然少了点,但
阅读全文
【jQuery基础学习】11 jQuery性能简单优化
摘要:关于性能优化 合适的选择器 $("#id")会直接调用底层方法,所以这是最快的。如果这样不能直接找到,也可以用find方法继续查找 $("p")标签选择器也是直接调用底层方法,所以是第二选择 $(".class")也是直接调用底层方法,不过IE8及更早版本不支持getElementByClassNa
阅读全文
【jQuery基础学习】10 简单了解jQuery Mobile及jQuery各个级别版本的变化
摘要:关于 jQuery Mobile jQuery Mobile是为了填补jQuery在移动设备应用上的一个新项目。它应用了HTML5和CSS3。 主要特性 基于jQuery构建。 采用与jQuery一致的核心和语法,还使用了jQuery UI的代码和模式。 兼容绝大部分手机平台 轻量级的库 模块化构建
阅读全文
【jQuery基础学习】09 jQuery与前端(这章很水)
摘要:这章主要是将如何将jQuery应用到网站中,或者说其实就是一些前端知识,对于我这种后端程序来说其实还是蛮有用的。 关于网站结构 文件结构 前端文件分三个文件夹放 images文件夹用来存放将要用到的图片 styles文件夹用来存放css样式表 scripts文件夹用来存放js脚本 网页结构 头部:网
阅读全文
【jQuery基础学习】08 编写自定义jQuery插件
摘要:目的:虽然jQuery各种各样的功能已经很完善了,但是我们还是要学会自己去编写插件。这样我们可以去封装一些项目中经常用到的专属的代码,以便后期维护和提高开发效率。 jQuery插件的类型: 封装对象方法的插件 大部分jQuery的插件都属于这种,对获取的jQuery对象进行操作 封装全局函数的插件
阅读全文
【jQuery基础学习】07 jQuery表单插件-Form
摘要:作用:jQuery Form插件的作用是为了让我们可以很方便地用ajax的方式提交表单,从而使我们提交表单的时候页面不用进行刷新。 它的核心方法是ajaxForm()和ajaxSubmit() 升级表单提交方式的时候很简单,不用去改变HTML结构,如下即可: //就是下面这么简单 $("#myFor
阅读全文
【jQuery基础学习】06 jQuery表单验证插件-Validation
摘要:jQuery的基础部分前面都讲完了,那么就看插件了。 关于jQuery表单验证插件-Validation validation特点: 内置验证规则:拥有必填、数字、E-Mail、URL和信用卡号码等19类内置验证规则 自定义验证规则:可以很方便地自定义验证规则 简单强大的验证信息提示:默认了验证信息
阅读全文
【jQuery基础学习】05 jQuery与Ajax以及序列化
摘要:好吧,这章不像上章那么水了,总是炒剩饭也不好。 关于AJAX 所谓Ajax,全名Asynchronous JavaScript and XML。(也就异步的JS和XML) 简单点来讲就是不刷新页面来发送和获取数据,然后更新页面。 Ajax的优势 无需插件支持 优秀的用户体验 提高web程序的性能 减
阅读全文
【jQuery基础学习】04 jQuery中的表格操作及cookie插件的使用
摘要:这章本来准备写成jQuery的表单操作和表格操作的。 然而昨天吧jQuery的表单操作看完,发现全部在炒之前章节的剩饭,所以就没写出来。 那么今天就来看看表格吧。 因为平常做的都是公司的内部管理系统,所以说数据表格用到的还是比较多的。那么在这里写出来说不定还能用上。 关于jQuery的表格应用 隔行
阅读全文
【jQuery基础学习】03 jQuery中的事件与动画
摘要:关于jQuery中的事件 js与HTML之间的交互是通过用户和浏览器操作页面时引发的事件来处理的。 jQuery增加并扩展了基本的事件处理机制,jQuery不仅提供了更加优雅的事件处理方法,而且极大地增强了事件处理能力。 $(document).ready()只需要等文档结构加载完就能执行,而win
阅读全文