jQuery
jQueryJavaScript 库用于开发软件的子程序集合。库和可执行文件的区别是,库不是独立程序,他们是向其他程序提供服务的代码库链接。
JavaScript 库:即 library,是一个封装好的特定的集合(方法和函数)。就是把各种常用的代码片段,组织起来放在一个 js 文件里,组成一个包,这个包就是 JavaScript 库。
简单理解:就是一个 JS文件,里面对我们原生 JS代码进行了封装,存放到里面。这样我们就可以快速高效的使用这些封装好的功能了。
对于第三方库,除了下载使用,还可以通过CDN在线使用,CDN称之为内容分发网络,简单来说,就是提供很多的服务器,用户访问时,自动就近选择服务器给用户提供资源
国内使用广泛的免费CDN站点:https://www.bootcdn.cn/
jQuery介绍jQuery 是一个快速、简洁的 JavaScript 框架,是继 Prototype 之后又一个优秀的 JavaScript 代码库( 或 JavaScript 框架 )。 jQuery 设计的宗旨是 “write Less,Do More”,即倡导写更少的代码,做更多的事情。
...
Git
GIT某些命令行指令1234pwd 显示当前绝对路径cd .. 回到上一目录cd \ 回到根目录ls 显示当前文件目录(如learngit内含readme.txt,显示readme.txt)
用git reflog或者git log后,一直出现no next tag <press return>,此时按q即可退出。
初始化仓库
1$ git init
将文件添加到仓库
1$ git add readme.txt
用commit -m命令,将文件提交到仓库
1234$ git commit -m "wrote a readme file"[master (root-commit) 6014831] wrote a readme file 1 file changed, 2 insertions(+) create mode 100644 readme.txt
将readme.txt内容更改,再尝试提交
12$ git add readme.txt$ git commit -m"修改的描述"
用git ...
网络基础(一)
网络基本概念客户端和服务端1.不管是客户端,还是服务器,它们都是一个应用程序,而不是一台计算机。
客户端和服务器可以分布在不同的计算机上,也可以在同一台计算机上,并不需要特殊看待。比如我们之前接触的live server插件,就是一个服务器,它运行在本地的计算机上。大部分后端开发的就是服务器程序,前端的Node技术也能开发服务器程序。
2.客户端和服务器的这种交互模式称之为「经典C/S结构」。在这种结构中,如果客户端是浏览器,则我们称之为B/S结构。
3,服务器程序往往是为互联网产品提供服务,因此又称之为web服务器。
4.一次完整的交互,总是从请求开始,响应结束。
URL要完成一次请求和响应,首先需要让客户端找到服务器,不仅如此,还要找到服务器上我们想要的资源。在现实生活中,如果我们要找一个人,我们可以通过一个地址来找到他。
和现实生活类似,在互联网中,我们可以通过一个叫URL地址的东西找到我们想要的资源。
URL全称uniform resource locator,统一资源定位符。
它是一个字符串,用于表达互联网中某个资源的位置。
URL地址可以很长,也可以很短 ...
ES6详解(四)
函数的扩展函数参数的默认值ES6 允许为函数的参数设置默认值,即直接写在参数定义的后面。
1234567function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hello
1234567function Point(x = 0, y = 0) { this.x = x; this.y = y;}const p = new Point();p // { x: 0, y: 0 }
好处:
①阅读代码的人,可以立刻意识到哪些参数是可以省略的,不用查看函数体或文档;
②其次,有利于将来的代码优化,即使未来的版本在对外接口中,彻底拿掉这个参数,也不会导致以前的代码无法运行。
参数变量是默认声明的,所以不 ...
HTML+CSS进阶
1.表单进阶注意点:
当设置类似注册,登录的表单布局时,最外层的元素最好不要用div元素,而是用form元素,能实现表单的提交功能
表单标签:
布尔属性:布尔属性是控制元素的某一个状态,是一种比较特别的属性。布尔属性主要出现在表单元素上
下面是分讲几个布尔属性的用法
checked: 其实所有表单元素都有此属性,但只有radio, checkbox能在图形上表现出勾选的效果,一旦勾选上,其name及value就能提交
selected: option的属性,一旦选上,就出现高亮状态,并将其name,value(没有就取其innerHTML)提交上去
readonly: 用于输入性的控件,让用户只能看,不能修改
disabled: 让表单元素蒙上一个灰白的色调,用户无法操作它,也不会提交其内容
multiple:让下拉框变成多选形式,可以按着SHIFT进行多选
hidden: 用于所有元素,这是HTML5新增的布尔属性,效果如同display:none,但其优先级低于CSS,因此没有大规范使用
contentEditable: 应用于所有可见的非表单元素,让元素也像INPUT那样编辑它 ...
ES6详解(三)
数值的扩展二进制和八进制表示法ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b(或0B)和0o(或0O)表示。
120b111110111 === 503 // true0o767 === 503 // true
从 ES5 开始,在严格模式之中,八进制就不再允许使用前缀0表示,ES6 进一步明确,要使用前缀0o表示。
12345678910// 非严格模式(function(){ console.log(0o11 === 011);})() // true// 严格模式(function(){ 'use strict'; console.log(0o11 === 011);})() // Uncaught SyntaxError: Octal literals are not allowed in strict mode.
如果要将0b和0o前缀的字符串数值转为十进制,要使用Number方法。
12Number('0b111') // 7Number('0o10' ...
正则表达式
什么是正则表达式正则表达式是一组由字母和符号组成的特殊文本,它可以用来从文本中找出满足你想要的格式的句子。一个正则表达式是一种从左到右匹配主体字符串的模式
元字符正则表达式主要依赖于元字符。
点运算符 .是元字符中最简单的例子。 .匹配任意单个字符,但不匹配换行符。
字符集[ ]表达式[Tt]he 匹配 the 和 The。
* 号 *号匹配 在*之前的字符出现大于等于0次。 例如,表达式 a 匹配0或更多个以a开头的字符。表达式[a-z] 匹配一个行中所有以小写字母开头的字符串。
.+号
+号匹配+号之前的字符出现 >=1 次。 例如表达式c.+t 匹配以首字母c开头以t结尾,中间跟着至少一个字符的字符串。
?号在正则表达式中元字符 ? 标记在符号前面的字符为可选,即出现 0 或 1 次。
{}号在正则表达式中 {} 是一个量词,常用来限定一个或一组字符可以重复出现的次数。 例如, 表达式 [0-9]{2,3} 匹配最少 2 位最多 3 位 0~9 的数字。
我们可以省略第二个参数。 例如,[0-9]{2,} 匹配至少两位 0~9 的数字。
固定的次数 ...
ES6详解(二)
字符串的扩展字符串的遍历器接口ES6 为字符串添加了遍历器接口(详见《Iterator》一章),使得字符串可以被for...of循环遍历。
123456for (let codePoint of 'foo') { console.log(codePoint)}// "f"// "o"// "o"
直接输入 U+2028 和 U+2029JavaScript 字符串允许直接输入字符,以及输入字符的转义形式。举例来说,“中”的 Unicode 码点是 U+4e2d,你可以直接在字符串里面输入这个汉字,也可以输入它的转义形式\u4e2d,两者是等价的。
但是,JavaScript 规定有5个字符,不能在字符串里面直接使用,只能使用转义形式。
U+005C:反斜杠(reverse solidus)
U+000D:回车(carriage return)
U+2028:行分隔符(line separator)
U+2029:段分隔符(paragraph separator)
U+000A: ...
ES6详解(一)
JavaScript 的创造者 Netscape 公司,决定将 JavaScript 提交给标准化组织 ECMA,希望这种语言能够成为国际标准。次年,ECMA 发布 262 号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言称为ECMAScript
ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现,另外的 ECMAScript 方言还有 JScript 和 ActionScript
Babel转码器Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在老版本的浏览器执行。
1234567// 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item + 1;});
上面的原始代码用了箭头函数,Babel 将其转为普通函数,就能在不支持箭头函数的 JavaScript 环境执行了。
Babel 默认只转换新的 JavaScript 句法(syntax ...
HTML5+CSS3+LESS+JavaScript商城网页实战
网页预览
知识点:1.为什么auto能实现水平居中?这是因为水平方向的 auto,其计算值取决于可用空间,左右方向的auto值均分了可用空间,使得块元素得以在包含块内居中显示。
2.href=”javascript:;”禁止超链接的跳转
3.mixins
css封装常用的操作
比如:
由于父元素中的子元素的浮动效果,会产生父元素的高度塌陷问题,这种现象在后面的样式中也是比较常见的,所以我们需要在css目录中创建一个单独的mixins目录,在其中创建一个clear.less文件,然后在需要的位置调用即可。
4.font-size=0
用来解决行内元素留有一小撮空白的问题
给父元素添加属性font-size=0,再给子元素单独设置一个font-size值,以免子元素受到父元素影响
5.window.onload
6.Js文件顺序
如果这个文件需要另一个js文件的数据,则先让另一个引入,所有js文件一般都放在body的末尾引入
7.动态创建元素和追加元素的实现
8.className 和class的注意点
给一个元素添加类名时要使用className,而不能 ...