HTML5 全屏事件 全屏事件:requestFullScreen 关闭全屏:cancelFullScreen 判断是否全屏:fullScreenElement 注意:现各大主流浏览器中由于内核不同的原因,会出现不兼容的问题,为了让自己的代码能在各大主流浏览器中都能正常运行,所以我们在原事件(requestFullScreen……)前添加 -- webkit(谷歌)   --  webkitRequestFullScreen:不同浏览器所添加前缀亦不相同,例如: a. 谷歌浏览器 -- webk…

HTML5简介 1.h5不是一个新语言,它是HTML语言第五次重大修改--版本 2.   2014年  h5 3.支持:目前所有的主流浏览器都支持h5,IE8以下不支持 4.特性: a:抛弃了h4中不常用的标签或属性(center/font等)  SEO优化--i/em  b/strong b:新增了一些标签和属性(表单,多媒体(video,audio)) c:h5的网页结构比h4的网页结构更简单.语义化(SEO优化) HTML5新增的type属性 将所有的<input>标签写在<for…

jquery 什么是jQuery? jquery是轻量级的JavaScript库,核心是javascript,兼容css和各种浏览器,核心理念是写得少做得多(write less do more). 为什么要学习jQuery? 因为它有很多优势:容易上手,强大的选择器,节约开发时间,丰富的UI,完善的事件机制,Ajax的封装. 此外,补充jQuery的一些特性和方法:链式操作,回调函数,迭代器,延迟对象,队列. 带min与不带min两个版本的区别: a.  jquery-1.11.3.js   …

什么是 AJAX ? AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面. 有很多使用 AJAX 的应用程序案例:新浪微博.Google 地图.开心网等等. AJAX优缺点 使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据.这使得…

web前端 Internet:是一个全球性的计算机互联网络,中文名称“因特网”.“国际互联网”.“网际网”等等: Internet提供的服务:http.ftp.Telnet.email.www.bbs等等: 基本实现技术:分组交换原理--信息在Internet上被分成许多的小数据包(分组)进行传输,到达目的地后将数据包组装成信息:TCP/IP协议簇 Web和Internet的关系:web是运行在Internet上最流行的应用之一,Internet为web提供了网络环境:因为web的出现,从而极大…

CSS:cascading style sheets层叠样式表,用于美化页面 css的三种表现形式:1.行内样式(内嵌样式):结构的内部,即写在标签内的样式:写在标签的开始部分内部,style属性当中: <标记 style="样式的属性名1:样式的属性值1:属性名2:属性值2:......"></标记>2.内部样式(内联样式):写在HTML页面内部,存放于head标记当中,样式写在style标记内: 注意:style标记不要写在title标记上方: <st…

颜色.样式和阴影 fillStyle 设置或返回用于填充绘画的颜色.渐变或模式 定义和用法 context.fillStyle=color|gradient|pattern;//指示绘图填充色的CSS颜色值|用于填充绘图的渐变对象线性或放射性|用于填充绘图的 pattern 对象 实例一:矩形绘制,也是最简单的使用方法. context.fillStyle=color <canvas id="canvas" width=300 height=150></canvas&…

目录 一.ESLint简介 二.启用ESLint 1.ESLint插件安装 2.插件的扩展设置 3.确认开启语法检查 三.ESLint规则说明 1.规则说明 2.语法规则 一.ESLint简介 ESLint 是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确.风格统一的代码. 不管是多人合作还是个人项目,代码规范是很重要的.这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性.这所谓工欲善其事,必先利其器,推荐 ESLint+vscode 来写 vue,有种飞一般的感觉. 每…

目录 一.什么是Webpack 二.Webpack安装 1.全局安装 2.安装后查看版本号 三.创建项目 1.初始化项目 2.创建src文件夹 3.src下创建common.js 4.src下创建utils.js 5.src下创建main.js 四.JS打包 1.创建配置文件 2.执行编译命令 3.创建入口页面 4.测试 五.CSS打包 1.安装插件 2.修改webpack.config.js 3.在src文件夹创建style.css 4.修改main.js 5.运行编译命令 6.测试 一.什么…

目录 一.简介 二.使用npm管理项目 1.项目初始化 2.修改npm镜像 3.npm install命令的使用 4.其它命令 一.简介 什么是NPM NPM全称Node Package Manager,是Node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的:也是Node.js的包管理工具,相当于前端的Maven . #在命令提示符输入 npm -v 可查看当前npm版本 npm -v 二.使用npm管理项目 创建npm_pro文件夹 1.项目初始化 #建立一个空文件…